Codeflower Codeflower

Developer Tools
Version: 1.0.7
Last Update: 2022-04-26

Overview

Codeflower is a Chrome extension developed by Jake Mensch. According to the data from Chrome web store, current version of Codeflower is 1.0.7, updated on 2022-04-26.
192 users have installed this extension. 2 users have rated this extension with an average rating of .

Visualize repos on github.

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

Rating

2 ratings

Total Installs

192

Information

Last Update

2022-04-26

Current Version

1.0.7

Size

246KiB

Author

Jake Mensch

Website

None

Category

Developer Tools

Codeflower Alternatives

Latest Reviews

See More

avatar Juro Oravec
2020-04-08

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).

avatar David Johnson
2017-11-10

Codeflower is probably the coolest way to look at data from GitHub!

https://github.com

avatar Juro Oravec
2020-04-08

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).

avatar David Johnson (gvost)
2017-11-10

Codeflower is probably the coolest way to look at data from GitHub!

https://github.com

avatar Juro Oravec
2020-04-08

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).