SrikanthP0548

@SrikanthP0548·2 public vizzes

Network graph

This network graph displays a hierarchical tree of car companies and their subsidiaries, using colored circles for nodes and orange curved links to show parent-child relationships. Built with D3.js version 3.5, it applies the `d3.layout.tree` and `d3.svg.diagonal` APIs to calculate positions and draw connecting paths, with interactive nodes that respond to clicks. The visualization is rendered as an SVG with animated transitions, and the data is embedded directly in the page as a static JavaScript array.

Oct 18, 2022

Loading thumbnail…

Visualizing Tree Graph

This example visualizes a hierarchical tree graph of car manufacturers, showing the parent-child relationships between companies like General Motors, Volkswagen, and BMW Group. The data is hardcoded in a JavaScript array within the page. The visualization uses the D3.js library (version 3.5.17) to calculate the tree layout and render the nodes and connecting links as SVG. The tree structure is animated, with nodes appearing in a sequential order as the diagram is built.

Aug 29, 2022