Interactive source code visualization tool that represents files as proportional discs in a tree layout using d3.js.
CodeFlower is an open-source visualization tool that creates interactive tree diagrams of source code repositories. It represents each file as a disc sized by lines of code, allowing developers to visually explore project structure and file proportions directly in the browser.
Developers, software architects, and educators who need to quickly understand or present the structure and scale of codebases.
It provides an intuitive, client-side visual overview of repositories without server processing, leveraging d3.js for rich interactivity and aesthetic appeal.
Source code visualization utility written in JavaScript with d3.js. Does your code look beautiful?
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Zoomable, clickable tree diagrams enable intuitive navigation of repositories, as demonstrated in examples like jQuery and Twig on the project website.
Disc sizes scale directly with lines of code, instantly highlighting large files such as in the uptime and faker visualizations from the README.
Runs entirely in the browser using d3.js, eliminating server dependencies and allowing for local, private analysis of codebases.
Built on proven concepts from Code Swarm and Gource, ensuring reliable visualization paradigms for source code representation.
The project is labeled as an experiment with no recent updates, risking compatibility issues with modern browsers or newer d3.js versions.
Requires manual conversion of repositories to a specific JSON format, lacking built-in tools for automatic data extraction from Git or other sources.
Focuses only on file structure and size, omitting features like dependency visualization, code metrics, or real-time updates, as hinted by the separate DependencyWheel project.