Codeflower
Visualize repos on github.
What is Codeflower?
Codeflower is a Chrome extension that adds a "Codeflower" tab to the navigation bar on github.com. When clicked, it displays the repository as a d3 force-directed graph, with inner nodes representing directories and outer nodes representing files. The size and color of the outer nodes indicate the number of lines of code and the programming language of the file, respectively. Visit the GitHub repository for more information!
Stats
By: Jake Mensch
Rating: 5.00
(2)
Creation date: 2020-06-28
Risk impact: Low risk impact
Risk likelihood: Very low risk likelihood
Manifest version: 2
Size: 251.90K
Email: ja*****@gmail.com
Stats date:
Chrome-Stats Rank
Other platforms
Not available on Firefox
Not available on Edge
Want to check extension ranking and stats more quickly for other Chrome extensions?
Install
Chrome-Stats extension
to view Chrome-Stats data as you browse the Chrome Web Store.
Summary
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
User reviews
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).
by
Juro Oravec, 2020-04-08
Codeflower is probably the coolest way to look at data from GitHub!
https://github.com
by
David Johnson (gvost), 2017-11-10
Safety
Risk impact
Codeflower is relatively safe to use as it requires very minimum permissions.
Risk likelihood
Codeflower has earned a good reputation and can be trusted.
Upgrade to see risk analysis details
Promo images
Similar extensions
Here are some Chrome extensions that are similar to Codeflower:
hermanstarikov
107
https://devangdoshi.com
297
Jeroen Visser
197
Joseph Frazier
206
duxet
237
Unknown
162
Andrew Levine
125
Frozenfire92
86
Anell Kumarr Beeram
165
Mickaël Allonneau
176
Sebastian Gräßl
92
Mesut Tasci
176