Visualize Your Source Code with CodeFlower

Posted on Thursday, March 7, 2013 by RICHARD HARRIS, Executive Editor

Do you ever wonder what your source code would look like if it could be represented in a picture?

The CodeFlower experiment visualizes source repositories using an interactive tree. Each disc represents a file, with a radius proportional to the number of lines of code (loc). All rendering is done client-side, in JavaScript.

Built with d3.js and used by calling it in JQuery (reminds me of LUA though).

var myFlower = new CodeFlower('#visualization', 300, 200);
myflower.update(jsonData);

More App Developer News

Tether QVAC SDK Powers AI Across Devices and Platforms

APAC 5G expansion to fuel 347B mobile market by 2030

How AI is causing app litter everywhere

The App Economy Is Thriving

NIKKE 3.5 anniversary update livestream coming soon

New AI tool targets early dementia detection

Jentic launch gives AI agents api access

Experts warn ai-generated health content risks misinterpretation without human oversight

Ludo.ai Unveils API and MCP Beta to Power AI Game Asset Pipelines

AccuWeather Launches ChatGPT Integration for Live Weather Updates

Stop Using Business Jargon: 5 Ways Buzzwords Damage Job Performance

IT spending rises as banks balance legacy and innovation

Tech hiring slumps as Software Developer job postings fall

AI is becoming more widespread in collaboration tools

FCC prohibits new foreign router models citing critical infrastructure risks

ChatGPT Carbon Footprint Matches 1.3 Million Cars Report Finds

Lens Launches MCP Server to Connect AI Coding Assistants with Kubernetes

Accelerating corporate ai investment returns

Enviromates tech startup launches global participation platform

Private Repository Secures the AI-driven Development Boom

UK Fintech Platform Enviromates Connects Projects Brands and Consumers

Env Zero and CloudQuery Announce Merger

How Industrial AI Is Transforming Operations in 2026

AI generated work from managers is damaging trust among employees

Foresight Secures $25M to Bridge Infrastructure Execution Gap