Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Zoomable test 1

Public visualization

Zoomable test 1

0 stars1🌍 Public
0007ebey
Last edited Aug 27, 2020
Created on Aug 27, 2020

This interactive visualization displays a hierarchically organized bubble chart of celebrities grouped by category and gender. Clicking any circle zooms into that node's subtree with a smooth animated transition. Built with React and D3 v5, it uses the `d3.pack` layout to position circles and `hierarchy().sum()` to encode the `sample` data value as bubble area. Celebrity portraits are clipped into circular frames using SVG `clipPath` elements, with zoom animations driven by `d3.interpolateZoom` and `transition.attrTween`.

AI-generated description

React Starter code.

Comments

Sign in to join the discussion.

MIT Licensed