Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Tree Visualization with D3.js

Public visualization

Tree Visualization with D3.js

0 stars0🌍 Public
HHarshithaAmbilpur
Last edited Jul 22, 2023
Created on Jul 22, 2023
Forked from Hello VizHub

A tree visualization displays hierarchical animal data with D3.js, using a static dataset defined in JavaScript. The code builds an SVG-based dendrogram through `d3.tree()` and `d3.hierarchy()`, positioning nodes and links with horizontal link paths. Circles represent each animal, with text labels arranged by parent or leaf status. Interactive hover animations via `transition` enlarge circles and change their fill color, while the stylesheet controls node and link appearance.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.

Comments

Sign in to join the discussion.

MIT Licensed