Is there have an example for drawing a fishbone diagram (ishikawa diagram) with d3.js?

[nicks...@gmail.com]

[nick]

Thanks for the inspiration! As sometimes happens, I did some looking and didn't find anything in particular which lead me to some explorations.

After a few false starts, I have come up with this approach that uses some custom force directed stuff:

• http://bl.ocks.org/bollwyvl/9239214

Obviously, even with the small amount of test data, the approach starts to fall down... however, there is something useful there, I think.

It is in the "reusable charts" pattern, which is a bit harder to read than a straight one-file job, which can seen in the gist history, but one can find the bulk of the work is in _build_nodes and _tick. I've left a few api points for doing custom rules, but it still pretty primitive.

Let me know what you think!

Cheers,
nick

[nick]

Used the initial implementation to build a markdown-driven editor:

• http://bl.ocks.org/bollwyvl/9265219

[mike]

Hi Nick,

How do I update data through API?

For example, in your markdown-driven editor, when new data is added, the diagram is updated. But I could not find out API for it.

How do I do?

Best Regards,

Mike

[selva kumar]

Hi Nick,

how to stop collapsing(node dancing) the nodes while loading fishbone diagram, i want to load the diagram the directly without collapsing,

Thanks in advance,

Selvakumar

[khalil mahdi]

Hi Nick, 

Thanks for initiating of a free source Fishbone Diagram .

 We are using the Ishikawa Diagram in one our projects, and we want to change the color of the labels based on a condition when retrieving the data, since there more than 3 css classes and none ID's for nodes (elements).

 Any solution for that ? 

Thanks in advance ,

Warmest Regards,

Khalil Mahdi