awslabs / diagram-maker-plugin-minimap
File Size

The distribution of size of files (measured in lines of code).

Intro
  • File size measurements show the distribution of size of files.
  • Files are classified in four categories based on their size (lines of code): 1-100 (very small files), 101-200 (small files), 201-500 (medium size files), 501-1000 (long files), 1001+(very long files).
  • It is a good practice to keep files small. Long files may become "bloaters", code that have increased to such gargantuan proportions that they are hard to work with.
Learn more...
File Size Overall
  • There are 38 files with 1,576 lines of code.
    • 0 very long files (0 lines of code)
    • 0 long files (0 lines of code)
    • 1 medium size files (401 lines of codeclsfd_ftr_w_mp_ins)
    • 4 small files (451 lines of code)
    • 33 very small files (724 lines of code)
0% | 0% | 25% | 28% | 45%
Legend:
1001+
501-1000
201-500
101-200
1-100


explore: zoomable circles | sunburst | 3D view
File Size per Extension
1001+
501-1000
201-500
101-200
1-100
ts0% | 0% | 43% | 23% | 33%
tsx0% | 0% | 0% | 55% | 44%
scss0% | 0% | 0% | 0% | 100%
js0% | 0% | 0% | 0% | 100%
html0% | 0% | 0% | 0% | 100%
File Size per Logical Decomposition
primary
1001+
501-1000
201-500
101-200
1-100
integ0% | 0% | 97% | 0% | 2%
src/component0% | 0% | 0% | 52% | 47%
integ/WideMinimap0% | 0% | 0% | 59% | 40%
integ/TallMinimap0% | 0% | 0% | 59% | 40%
integ/scss0% | 0% | 0% | 0% | 100%
src/state0% | 0% | 0% | 0% | 100%
src/service0% | 0% | 0% | 0% | 100%
ROOT0% | 0% | 0% | 0% | 100%
cypress/common0% | 0% | 0% | 0% | 100%
src/styles0% | 0% | 0% | 0% | 100%
cypress/support0% | 0% | 0% | 0% | 100%
cypress/plugins0% | 0% | 0% | 0% | 100%
src0% | 0% | 0% | 0% | 100%
Longest Files (Top 38)
File# lines# units
utils.ts
in integ
 401 36
Minimap.tsx
in src/component/minimap
 121 4
Minimap.spec.tsx
in src/component/minimap
 118 -
render.ts
in integ/WideMinimap
 106 2
render.ts
in integ/TallMinimap
 106 2
minimapActionDispatcher.ts
in src/state
 77 4
data.ts
in integ/WideMinimap
 55 -
data.ts
in integ/TallMinimap
 55 -
ComposeView.spec.tsx
in src/component/common
 46 -
index.scss
in integ/scss
 45 -
renderMinimap.spec.tsx
in src/component
 42 -
MinimapUtils.ts
in src/service
 38 4
DeclarationBundlePlugin.js
in root
 32 4
ComposeView.tsx
in src/component/common
 30 1
MiniNode.spec.tsx
in src/component/mininode
 30 -
MiniNode.tsx
in src/component/mininode
 30 1
MinimapNode.scss
in integ/scss
 29 -
CircularNode.scss
in integ/scss
 29 -
getters.ts
in cypress/common
 24 8
types.ts
in src/service
 17 -
renderMinimap.tsx
in src/component
 16 -
index.ts
in integ/WideMinimap
 16 1
index.ts
in integ/TallMinimap
 16 1
RectangularNode.scss
in integ/scss
 15 -
Minimap.scss
in src/component/minimap
 13 -
mixins.scss
in src/styles
 11 -
Logger.scss
in integ/scss
 11 -
index.html
in integ
 11 -
MiniNode.scss
in src/component/mininode
 10 -
postcss.config.js
in root
 6 -
index.js
in cypress/plugins
 4 -
commands.js
in cypress/support
 4 -
utils.ts
in cypress/common
 3 1
index.js
in cypress/support
 2 -
index.ts
in src/service
 2 -
index.ts
in src
 2 -
index.ts
in src/component
 2 -
index.ts
in src/state
 1 -
Files With Most Units (Top 13)
File# lines# units
utils.ts
in integ
 401 36
getters.ts
in cypress/common
 24 8
minimapActionDispatcher.ts
in src/state
 77 4
MinimapUtils.ts
in src/service
 38 4
Minimap.tsx
in src/component/minimap
 121 4
DeclarationBundlePlugin.js
in root
 32 4
render.ts
in integ/WideMinimap
 106 2
render.ts
in integ/TallMinimap
 106 2
utils.ts
in cypress/common
 3 1
ComposeView.tsx
in src/component/common
 30 1
MiniNode.tsx
in src/component/mininode
 30 1
index.ts
in integ/WideMinimap
 16 1
index.ts
in integ/TallMinimap
 16 1
Files With Long Lines (Top 0)

There are 0 files with lines longer than 120 characters. In total, there are 0 long lines.

File# lines# units# long lines