Skip to main content
100%

ICE-8 Tree graph

✓ Published0🌍 Public
Cchalasanigayaetiri@gmail.com
Last edited Mar 31, 2024
Created on Mar 31, 2024

The ICE-8 Tree graph visualizes a hierarchical dataset of employees in a tree layout. It loads CSV data from a Gist URL and uses `d3.stratify()` to convert the flat records into a nested tree structure based on `employee_id` and `parent_id` fields. Nodes are drawn as circles with employee names as labels, and parent-child relationships appear as horizontal curved links. The code uses the `d3.tree()` layout with a fixed size of 800 by 600 pixels, and renders everything as SVG, applying `d3.linkHorizontal()` to compute the link paths. The final visualization displays each employee’s name beside its node, with children positioned to the right and parents to the left.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

MIT Licensed

Similar vizzes