Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Portrait of React

Public visualization

Viewing a saved revision (read-only)

bfa8d6c426234b4cbbfc659bcdd09752

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