Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Streaming Data Tree

Public visualization

Streaming Data Tree

0 stars0🌍 Public
NNagasharan Sai Nandyala
Last edited Apr 9, 2025
Created on Apr 8, 2025

This example shows a hierarchical tree of streaming services, with Netflix and Hulu branching into genres and specific titles. Each node’s shape and color encode its depth: a green circle for the root, yellow triangles for platforms, red hexagons for genres, and brown diamonds for titles. The code uses `d3.hierarchy` and `d3.tree` to compute the layout, then renders SVG paths with `d3.linkHorizontal` for links and custom-generated SVG shapes for nodes. Labels are positioned dynamically based on whether a node has children.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed