awslabs / diagram-maker
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 161 files with 9,141 lines of code.
    • 0 very long files (0 lines of code)
    • 2 long files (1,115 lines of code)
    • 6 medium size files (1,920 lines of codeclsfd_ftr_w_mp_ins)
    • 12 small files (1,666 lines of code)
    • 141 very small files (4,440 lines of code)
0% | 12% | 21% | 18% | 48%
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
tsx0% | 42% | 0% | 18% | 38%
ts0% | 0% | 31% | 19% | 49%
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
src/components0% | 38% | 0% | 17% | 44%
src/state0% | 0% | 33% | 23% | 42%
src/service0% | 0% | 49% | 25% | 25%
integ0% | 0% | 97% | 0% | 2%
integ/ActionInterceptor0% | 0% | 0% | 64% | 35%
integ/Plugins0% | 0% | 0% | 60% | 39%
integ/Layout0% | 0% | 0% | 0% | 100%
integ/BoundaryRectangular0% | 0% | 0% | 0% | 100%
integ/BoundaryCircular0% | 0% | 0% | 0% | 100%
integ/DarkTheme0% | 0% | 0% | 0% | 100%
integ/TopBottomRectangular0% | 0% | 0% | 0% | 100%
integ/LeftRightRectangular0% | 0% | 0% | 0% | 100%
cypress/common0% | 0% | 0% | 0% | 100%
integ/scss0% | 0% | 0% | 0% | 100%
src0% | 0% | 0% | 0% | 100%
src/testing0% | 0% | 0% | 0% | 100%
src/styles0% | 0% | 0% | 0% | 100%
ROOT0% | 0% | 0% | 0% | 100%
cypress/support0% | 0% | 0% | 0% | 100%
src/polyfills0% | 0% | 0% | 0% | 100%
cypress/plugins0% | 0% | 0% | 0% | 100%
Longest Files (Top 50)
File# lines# units
View.tsx
in src/components/view
 570 13
View.spec.tsx
in src/components/view
 545 -
utils.ts
in integ
 390 36
hierarchicalLayout.ts
in src/state/layout
 376 10
UIEventManager.ts
in src/service/ui
 339 4
ActionDispatcher.ts
in src/state
 332 3
workspaceReducer.ts
in src/state/workspace
 268 2
UIEventNormalizer.ts
in src/service/ui
 215 15
EdgeCurve.spec.tsx
in src/components/edge
 198 -
nodeActionDispatcher.ts
in src/state/node
 184 17
ConfigService.ts
in src/service
 183 1
Node.spec.tsx
in src/components/node
 158 -
nodeReducer.ts
in src/state/node
 149 2
Panel.spec.tsx
in src/components/panel
 136 -
editorActionDispatcher.ts
in src/state/editor
 127 13
types.ts
in src/state
 121 -
render.ts
in integ/ActionInterceptor
 104 1
UITargetNormalizer.ts
in src/service/ui
 103 8
render.ts
in integ/Plugins
 102 2
panelReducer.ts
in src/state/panel
 101 1
render.ts
in integ/DarkTheme
 100 1
render.ts
in integ/BoundaryRectangular
 99 1
render.ts
in integ/TopBottomRectangular
 99 1
render.ts
in integ/LeftRightRectangular
 99 1
render.ts
in integ/Layout
 99 1
render.ts
in integ/BoundaryCircular
 98 1
panelActionDispatcher.ts
in src/state/panel
 95 10
positionUtils.ts
in src/service
 93 14
interaction.ts
in cypress/common
 91 11
DiagramMakerApi.ts
in src/service
 90 12
Node.tsx
in src/components/node
 88 3
data.ts
in integ/Layout
 87 -
workspaceActionDispatcher.ts
in src/state/workspace
 85 12
nodeActions.ts
in src/state/node
 81 -
edgeActionDispatcher.ts
in src/state/edge
 81 10
data.ts
in integ/BoundaryRectangular
 78 -
data.ts
in integ/BoundaryCircular
 78 -
editorActions.ts
in src/state/editor
 70 -
Panel.tsx
in src/components/panel
 68 1
edgeReducer.ts
in src/state/edge
 67 1
DiagramMaker.ts
in src
 66 -
EdgeCurve.tsx
in src/components/edge
 65 -
layoutReducer.ts
in src/state/layout
 64 2
workflowLayout.ts
in src/state/layout
 62 1
data.ts
in integ/Plugins
 57 -
diagramMakerDataBuilder.ts
in src/testing
 56 3
index.scss
in integ/scss
 54 -
Edge.spec.tsx
in src/components/edge
 53 -
editorReducer.ts
in src/state/editor
 52 1
edgeActions.ts
in src/state/edge
 52 -
Files With Most Units (Top 20)
File# lines# units
utils.ts
in integ
 390 36
nodeActionDispatcher.ts
in src/state/node
 184 17
getters.ts
in cypress/common
 45 15
UIEventNormalizer.ts
in src/service/ui
 215 15
positionUtils.ts
in src/service
 93 14
editorActionDispatcher.ts
in src/state/editor
 127 13
View.tsx
in src/components/view
 570 13
workspaceActionDispatcher.ts
in src/state/workspace
 85 12
DiagramMakerApi.ts
in src/service
 90 12
interaction.ts
in cypress/common
 91 11
panelActionDispatcher.ts
in src/state/panel
 95 10
hierarchicalLayout.ts
in src/state/layout
 376 10
edgeActionDispatcher.ts
in src/state/edge
 81 10
UITargetNormalizer.ts
in src/service/ui
 103 8
UIEventManager.ts
in src/service/ui
 339 4
DeclarationBundlePlugin.js
in root
 35 4
ActionDispatcher.ts
in src/state
 332 3
globalActionDispatcher.ts
in src/state/global
 40 3
diagramMakerDataBuilder.ts
in src/testing
 56 3
Node.tsx
in src/components/node
 88 3
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