Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Portrait of React

Public visualization

Portrait of React

0 stars2๐ŸŒ Public
CCurran Kelleher
Last edited May 28, 2024
Created on May 23, 2024

This visualization shows a circle pack view of the React source code, where each circle represents a file or directory, with size proportional to file size and color indicating file type (e.g., `.jsx` files in light blue). The interactive diagram supports zooming and panning via `zoom` behavior, and files are labeled, with tooltips showing full names. Data is fetched from a GitHub Gist, and rendering uses the D3.js `hierarchy`, `pack`, and `select` APIs within a React framework, with memoized computations for performance.

AI-generated description

A circle pack visualization of the React source code.

Data comes from Gist:File Loading Script.

Comments

Sign in to join the discussion.

MIT Licensed