Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE8 : Tree Demo

Public visualization

ICE8 : Tree Demo

0 stars0🌍 Public
SShreeti Upreti
Last edited Jul 8, 2022
Created on Jul 7, 2022
Forked from HTML Starter

This example shows an organization hierarchy using a D3 tree layout, with nodes representing job titles and edges as diagonal links. The static tree renders on an SVG canvas, with color-coded circles distinguishing managers (red), staff (green), and interns (blue). The code uses `d3.layout.tree`, `d3.svg.diagonal`, and simple transitions to show a tooltip displaying each person’s name on mouse hover, driven by inline JSON data. The visualization uses d3.v2 within a React framework for display.

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