Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE - 8 - TREE

Public visualization

Viewing a saved revision (read-only)

d37d0155f63b46d9a151bae281d1da17

ICE - 8 - TREE

0 stars0🌍 Public
Mmamathareddy1321@gmail.com
Last edited Apr 9, 2025
Created on Apr 9, 2025
Forked from Hello HTML

This example presents a hierarchical tree visualization of LinkedIn job postings, organizing data by company, location, and employment type. Using D3.js v7, it renders an SVG tree layout with distinct node shapes—diamonds for the root, circles for companies, squares for locations, and smaller circles for job types—each color-coded for clarity. The visualization employs `d3.hierarchy()` and `d3.tree()` to compute the layout, with `d3.linkHorizontal()` generating curved connecting paths. A legend explains the shape-color mapping, while the pink background and purple heading give the chart a distinctive style. The data is hardcoded and static.

AI-generated description