microsoft / helium-ui
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 10 files with 870 lines of code.
    • 0 very long files (0 lines of code)
    • 0 long files (0 lines of code)
    • 1 medium size files (458 lines of codeclsfd_ftr_w_mp_ins)
    • 1 small files (109 lines of code)
    • 8 very small files (303 lines of code)
0% | 0% | 52% | 12% | 34%
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% | 0% | 69% | 16% | 14%
ts0% | 0% | 0% | 0% | 100%
css0% | 0% | 0% | 0% | 100%
html0% | 0% | 0% | 0% | 100%
File Size per Logical Decomposition
primary
1001+
501-1000
201-500
101-200
1-100
src0% | 0% | 68% | 0% | 31%
src/components0% | 0% | 0% | 66% | 33%
src/models0% | 0% | 0% | 0% | 100%
public0% | 0% | 0% | 0% | 100%
Longest Files (Top 10)
File# lines# units
App.tsx
in src
458 2
movieComp.tsx
in src/components
109 2
serviceWorker.ts
in src
99 4
App.css
in src
61 -
applicationBar.tsx
in src/components
56 3
index.tsx
in src
21 -
models.ts
in src/models
20 -
theme.tsx
in src
19 -
index.html
in public
15 -
index.css
in src
12 -
Files With Most Units (Top 4)
File# lines# units
serviceWorker.ts
in src
99 4
applicationBar.tsx
in src/components
56 3
App.tsx
in src
458 2
movieComp.tsx
in src/components
109 2
Files With Long Lines (Top 1)

There is only one file with lines longer than 120 characters. In total, there are 12 long lines.

File# lines# units# long lines
App.tsx
in src
458 2 12