Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Fork of D3.js collapsible tree with boxes

Public visualization

Viewing a saved revision (read-only)

f27c24a786d5404e9b0fd2aa837d576b

Fork of Fork of D3.js collapsible tree with boxes

0 stars0🌍 Public
BBelede Rahul
Last edited Apr 3, 2024
Created on Apr 2, 2024

This example shows a hierarchical tree of movies organized by release year and country of origin, with each movie as a leaf node. The visualization uses colored shapes—circles for years, rectangles for countries, and ellipses for movies—to represent different levels of the hierarchy. The D3.js v3 library builds the collapsible tree layout, using SVG elements for rendering. The code defines `treeData` as a static JavaScript array, and the legend explains the shape-color mappings for the categorical data.

AI-generated description

This is a description using Markdown.