🌍 Public
Viewing a saved revision (read-only)
d0a4d19b3f8b44068383066b66740f5b
VZCode Source Tree
This circle pack visualization displays the file structure of the VZCode source code, a React-based code editor. It uses a d3 hierarchy and pack layout to represent directories and files as nested circles, with circle size proportional to file size and color encoding file types. The data is loaded as JSON from a GitHub Gist snapshot of the repository. The rendering includes interactive zoom via d3’s zoom behavior, and labels are placed inside circles using a computed memoization utility.
AI-generated descriptionA circle pack visualization of the VZCode source code.
Data comes from Gist:File Loading Script.