Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Tree graph

Public visualization

Viewing a saved revision (read-only)

00966afb01a64afeacaafbb3f98b646c

Tree graph

0 stars0🌍 Public
Ssatishnarne99@gmail.com
Last edited Apr 3, 2024
Created on Apr 3, 2024

This example shows a hierarchical tree graph of data job listings, grouping job titles by category and displaying salary and location details as leaf nodes. The visualization uses D3.js v7 with an SVG rendering approach, fetching CSV data from a GitHub gist and transforming it into a nested hierarchy. The tree layout (`d3.tree`) positions nodes with curved horizontal links (`d3.linkHorizontal`), while node shapes vary by depth—ellipses for the root, rectangles for category levels, and circles for leaf details. The CSV provides the underlying job data, which is subset to the first ten rows for display.

AI-generated description