Rendering this graph takes a very long time. At least on some machines more than 20 minutes.
To run on Firefox 60.0.1 (64-bit), navigate to about:config and change dom.max_script_run_time to 3600 seconds.
Open the console to see the progress.
NOTE: To see the graph when the rendering is complete, use the mouse wheel to zoom out.
Rendering this graph takes a very long time. At least on some machines more than 20 minutes.
To run on Firefox 60.0.1 (64-bit), navigate to about:config and change dom.max_script_run_time to 3600 seconds.
Open the console to see the progress.
NOTE: To see the graph when the rendering is complete, use the mouse wheel to zoom out.
| <!DOCTYPE html> | |
| <meta charset="utf-8"> | |
| <body> | |
| <script src="//d3js.org/d3.v5.min.js"></script> | |
| <script src="https://unpkg.com/viz.js@1.8.1/viz.js" type="javascript/worker"></script> | |
| <script src="https://unpkg.com/d3-graphviz@1.6.1/build/d3-graphviz.min.js"></script> | |
| <div id="graph" style="text-align: center;"></div> | |
| <script> | |
| dotSrc = ` |
| height: 800 |
Example showing bug in d3-graphviz version 1.0.1
Growing edges start growing from the wrong position when start node shape is a polygon
Edge a -> b has the problem, while edge c -> d does not.
| <!DOCTYPE html> | |
| <meta charset="utf-8"> | |
| <body> | |
| <script src="//d3js.org/d3.v4.js"></script> | |
| <div></div> | |
| <script> | |
| var svg = d3.select("div").append("svg") | |
| .attr("width", 300) | |
| .attr("height", 220); |
| <!DOCTYPE html> | |
| <meta charset="utf-8"> | |
| <body> | |
| <h1>Open the console and look for messages</h1> | |
| <script src="//unpkg.com/d3@4.10.1/build/d3.min.js"></script> | |
| <script> | |
| var period = 1000; |
| <!DOCTYPE html> | |
| <!-- Styles --> | |
| <style> | |
| #graph { | |
| width: 49%; | |
| float: left; | |
| background: #FDF6E3; | |
| } |
| <!DOCTYPE html> | |
| <meta charset="utf-8"> | |
| <body> | |
| <script src="//d3js.org/d3.v4.min.js"></script> | |
| <script src="http://viz-js.com/bower_components/viz.js/viz-lite.js"></script> | |
| <script src="https://github.com/magjac/d3-graphviz/releases/download/v0.1.0/d3-graphviz.min.js"></script> | |
| <div id="graph" style="text-align: center;"></div> | |
| <script> | |
| function attributer(datum, index, nodes) { |