HTML draw flow diagram

Question

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).

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

Duplicate of http://stackoverflow.com/questions/3944723/javascript-flowchart-flow-diagram-lib or this http://stackoverflow.com/questions/363592/javascript-library-for-hierarchical-flowchart? — David, Feb 07 '13 at 09:56

score 1 · Answer 1 · answered Feb 07 '13 at 09:56

1

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

answered Feb 07 '13 at 09:56

Andrew Weir

1,020
2
13
27

score 0 · Answer 2 · answered Feb 07 '13 at 09:54

0

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

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

answered Feb 07 '13 at 09:54

zapbuild

182
4

Édouard Lopez · Answer 3 · 2017-08-18T13:32:41.260

0

Don't use HTML, use embed SVG in HTML5 context.

For instance Drawing flowcharts with CSS and SVG.

edited Aug 18 '17 at 13:32

answered Feb 07 '13 at 09:58

Édouard Lopez

40,270
28
126
178

Link mentioned in your answer is 404, any idea if there is updated link? – hagrawal7777 Aug 18 '17 at 12:54
@hagrawal I updated the link with one from the internet archive – Édouard Lopez Aug 18 '17 at 13:33

HTML draw flow diagram

3 Answers3

Linked