javascript HTML绘制流程图

HTML draw flow diagram

提问by Dirk Nachbar

I am looking for the best approach to draw some flows in HTML. This is for a user facing website where they select some options and then they see some numbers/entities connected by arrows, pulled from some data table. It doesn't need to be too fancy but flexible (# entities changes).

我正在寻找在 HTML 中绘制一些流的最佳方法。这是面向用户的网站，他们选择一些选项，然后他们会看到一些由箭头连接的数字/实体，从一些数据表中提取出来。它不需要太花哨但灵活（# 个实体更改）。

What is the best tool for this? JS, HTML5, PHP, CSS?

什么是最好的工具？JS、HTML5、PHP、CSS？

回答by Andrew Weir

I'd also have a look at D3tools (data driven documents) - a javascript library which allows all manner of graphs and charts - flow and otherwise.

我还想看看D3工具（数据驱动的文档）——一个 javascript 库，它允许各种图形和图表——流和其他。

回答by édouard Lopez

Don't use HTML, use embed SVG in HTML5context.

不要使用 HTML，在 HTML5上下文中使用嵌入SVG。

For instance Drawing flowcharts with CSS and SVG.

例如 使用 CSS 和 SVG 绘制流程图。

回答by zapbuild

Here are most commonly used online tools to draw flow diagram in html

这里是最常用的在线工具，用于在 html 中绘制流程图

http://www.smashingapps.com/2011/08/26/45-free-online-tools-to-create-charts-diagrams-and-flowcharts.html

http://www.smashingapps.com/2011/08/26/45-free-online-tools-to-create-charts-diagrams-and-flowcharts.html