Skip to main content
100%

Portrait of React V2

✓ Published0🌍 Public
CCurran Kelleher
Last edited Jun 1, 2024
Created on Jun 1, 2024

This visualization uses a circle pack layout to map the hierarchical structure of the React source code, with each node’s radius proportional to its file size. Each circle is filled with a radial gradient, where file extensions map to distinct colors and directory depth maps to a grayscale. The D3 zoom behavior enables panning and scaling, while labels show truncated file names. Data is loaded from a remote JSON Gist, and memoization is handled through a custom `computed` utility inspired by React’s `useMemo`.

AI-generated description

A circle pack visualization of the React source code, with gradients applied to all the circles!

Data comes from Gist:File Loading Script.

MIT Licensed

Similar vizzes