Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity 8_Task6_1

Public visualization

Activity 8_Task6_1

0 stars0🌍 Public
AArun Pratap
Last edited Jul 17, 2023
Created on Jul 17, 2023
Forked from Hello VizHub

This interactive tree diagram visualizes a hierarchical dataset of muscle car models, starting from the root "Muscle Cars" and branching through Ford and Dodge to specific models like Mustang, Charger, and Hellcat. Built with D3 v3 and rendered as SVG, it uses the `d3.layout.tree` API to position nodes and branches, with CSS styling controlling colors, strokes, and tooltips. The visualization supports animations, node clicking, zooming, and dragging, with JSON data loaded from Tree.json.

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