Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of ICE - 8: Visualizing Tree MAYUa

Public visualization

Fork of ICE - 8: Visualizing Tree MAYUa

1 star11🌍 Public
AAlejandromartinms
Last edited Nov 2, 2022
Created on Nov 2, 2022

This example visualizes a hierarchical tree of automotive brands and their parent companies, such as General Motors, Volkswagen, and Stellantis, using an interactive SVG diagram. The code constructs the tree from an embedded JavaScript data object and renders it with the D3.js v3 layout API, specifically `d3.layout.tree` and `d3.svg.diagonal` for curved links. Animated transitions update node positions over 750 milliseconds, while orange links and steelblue node circles provide clear visual separation. Clicking a node toggles the expansion of its children, making the brand ownership structure explorable.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed