Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

d3.js Tree Visualization

Public visualization

d3.js Tree Visualization

0 stars0🌍 Public
VVenkat-Sumith-Thota
Last edited Jul 22, 2023
Created on Jul 21, 2023
Forked from Hello VizHub

A static tree visualization renders hierarchical weather data with three seasonal branches, each containing three related weather conditions. The example demonstrates loading D3 v5 via UNPKG and importing ES6 modules. Using `d3.tree()` and `d3.hierarchy`, it computes node positions and draws curved links with cubic Bézier paths (`C` commands) between parent and child nodes. SVG circles and text labels show each node, with labels offset above or below based on whether a node has children.

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