Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE game Tree

Public visualization

ICE game Tree

0 stars0🌍 Public
TTejamod
Last edited Jul 9, 2022
Created on Jul 9, 2022
Forked from HTML Starter

This visualization displays a tree diagram of popular video games, organized top-down into genres like Shooter, BR, Competitive, and Open World, with specific game titles as leaves. The code uses D3 v6’s `d3.stratify()` to convert the flat data into a hierarchy, `d3.tree()` to compute layout coordinates, and SVG circles, paths, and text for rendering. Links animate via a two-step `transition()` on path `d` attributes, while node fill colors shift by generation depth using a custom `setGeneration()` function.

AI-generated description

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

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed