Visualize repos on github.

Latest Version

Version

1.0.7

Update

April 26, 2022

Size

246KiB

Developer

Codeflower Extension

The extension adds a \"Codeflower\" tab to the navigation bar on github.com. When you click on the tab, you'll see the repository, visualized as a d3 force-directed graph.

The inner nodes in the graph correspond to the directories in the repository, and the outer (colored) nodes correspond to the files. The size of the outer nodes increases with the number of lines of code in the file, and the color of the outer nodes indicates what language the file is written in.

More info on github!
https://github.com/jmensch1/codeflower

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 2, "name": "Codeflower", "version": "1.0.7", "description": "Visualize repos on github.", "icons": { "48": "images/icon128.png", "128": "images/icon128.png" }, "author": "Jake Mensch", "background": { "scripts": ["js/background.js"], "persistent": false }, "content_scripts": [{ "matches": ["https://github.com/*"], "js": ["js/jquery.js", "js/main.js"] }], "web_accessible_resources": ["html/frame.html"], "offline_enabled": false}

Download CRX(246KiB)

Similar Extensions

Friendly GitHub Extension · Social & Communication 174 2 ★ 44.63KiB

Git Help Extension · Developer Tools 174 5 ★ 744KiB

Git flow (for Github) Extension · Developer Tools 174 1 ★ 218KiB

OctoPermalinker Extension · Developer Tools 174 1 ★ 373KiB

Builds Tab for Github Extension · Developer Tools 174 0 ★ 160KiB

Github Markdown Outline Extension Extension · Productivity 174 5 ★ 146KiB

GitHub Enhancement Suite Extension · Developer Tools 174 1 ★ 56.24KiB

OctoEdit Extension · Developer Tools 174 0 ★ 1.16MiB

Pages2Repo Extension · Productivity 174 3 ★ 213KiB

Simply GIT Extension · Productivity 174 7 ★ 224KiB

Git Mining Extension · Productivity 174 4 ★ 211KiB

Github Annotator Extension · Developer Tools 174 2 ★ 81.68KiB

Package Hub Extension · Developer Tools 174 2 ★ 28.3KiB

GitHub submodule links Extension · Developer Tools 174 2 ★ 17.49KiB

Where is it? Extension · Developer Tools 174 3 ★ 653KiB

OctoLenses Extension · Developer Tools 174 3 ★ 3.74MiB

Diff Navigator for GitHub Extension · Developer Tools 174 3 ★ 43.72KiB

Github Super Search Extension · Developer Tools 174 0 ★ 46.74KiB

Github Package.json Enhancer Extension · Developer Tools 174 0 ★ 18.89KiB

GitHub Issue Link Status Extension · Developer Tools 174 12 ★ 629KiB

Libraries.io | GitHub Companion Extension · Productivity 174 3 ★ 1.31MiB

github npm stats Extension · Developer Tools 174 4 ★ 65.86KiB

Contributors on Github Extension · Developer Tools 174 5 ★ 15.6KiB

LL Developer Tools Extension · Developer Tools 174 1 ★ 98.88KiB

User reviews

Juro Oravec (ID: 000000448f18419d) Voted 5 ★ - Updated 04/08/2020 Very useful for gaining insight into project structure, reviewing whether the structure is suitable and finding suggestions for refactoring and restructuring. Example: Rendered one of the projects I worked on with CodeFlower, discovered that in frontend components there was one file which was X times larger than the rest, and realised that the file actually harboured multiple functionalities and should be most likely split into individual components. Note, however, that since CodeFlower uses D3, there's a limit to what it can render. Small- and mid-sized projects are fine. But, rendering died when I tried to use it on TypeScript repo (which has 1.20 GB at the time of writing this).

David Johnson (gvost) (ID: 000000984d45c9f2) Voted 5 ★ - Updated 11/10/2017 Codeflower is probably the coolest way to look at data from GitHub! https://github.com

Get source code (.Zip)

Drop .crx file here or click
the button to choose the file

Codeflower