Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Visualization of Spatial Data - Tree Graph

Public visualization

Fork of Visualization of Spatial Data - Tree Graph

0 stars0🌍 Public
AArun
Last edited Apr 1, 2024
Created on Apr 1, 2024

This interactive tree diagram visualizes hierarchical EV data by country, vehicle type, and parameter, with collapsible nodes that let users explore nested branches. Built with D3.js v6, the visualization uses `d3.hierarchy` and `d3.tree` to compute node positions, renders nodes as SVG circles with text labels, and draws curved links via path elements. Clicking a node triggers a smooth animated transition that expands or collapses its children, while branches beyond the second level start collapsed to reduce clutter. All rendering is SVG-based with CSS styling applied to node fills and cursor states.

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