Tree Diagram Generated as SVG Using d3.js 3.x

Add-ons

2026-07-26 04:21 4 views • 0 downloads 3.8KB

Tree Diagram Generated as SVG Using d3.js 3.x

Plugin Description: Uses d3.js 3.x to generate SVG charts with tooltips. Hover over text to copy it. Supports dragging and zooming. Child nodes will not overlap even when there are many of them.

Last Updated: 2019/6/28 5:45:42 PM

Changelog:Click a Node to Center It

Last Updated: 2019/4/30 6:19:17 PM

Changelog:Supports Reverse Direction (Four Areas: nodeEnter, nodeUpdate, nodeExit, diagonal)

Popup window: Compatible with IE10, but apparently not compatible with Edge. I haven't tested it thoroughly, and my computer does not have IE. (Replace offsetX/offsetY with layerX/layerY.)

Clicking a node displays the popup at the node's position without losing focus. (The last two lines in the click event are commented out.)

You can contact me via QQ: 279470138. I have only worked with this d3.js tree chart, which uses v3. Regarding compatibility issues, I haven't looked into them.

The local JSON file is used. The API integration code was not organized, so it was not uploaded.

1	`https://blog.csdn.net/czy279470138/article/details/88419831`

Comments