primer / primitives
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 24 files with 2,125 lines of code.
    • 0 very long files (0 lines of code)
    • 0 long files (0 lines of code)
    • 3 medium size files (657 lines of codeclsfd_ftr_w_mp_ins)
    • 4 small files (688 lines of code)
    • 17 very small files (780 lines of code)
0% | 0% | 30% | 32% | 36%
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% | 30% | 32% | 36%
File Size per Logical Decomposition
primary
1001+
501-1000
201-500
101-200
1-100
data0% | 0% | 25% | 40% | 34%
script0% | 0% | 56% | 0% | 43%
src0% | 0% | 0% | 0% | 100%
Longest Files (Top 24)
File# lines# units
light_high_contrast.ts
in data/colors/themes
 229 59
dark_high_contrast.ts
in data/colors/themes
 215 44
build.ts
in script
 213 21
app_dark.ts
in data/colors/vars
 179 121
app_light.ts
in data/colors/vars
 179 116
component_light.ts
in data/colors/vars
 165 86
component_dark.ts
in data/colors/vars
 165 89
global_dark.ts
in data/colors/vars
 92 48
global_light.ts
in data/colors/vars
 92 48
85 9
mode-collection.ts
in script/lib
 80 3
light_colorblind.ts
in data/colors/themes
 69 7
dark_dimmed.ts
in data/colors/themes
 67 1
dark.ts
in data/colors/themes
 64 1
light.ts
in data/colors/themes
 64 1
dark_colorblind.ts
in data/colors/themes
 49 1
utils.ts
in src
 29 8
marketing_dark.ts
in data/colors/vars
 28 -
marketing_light.ts
in data/colors/vars
 28 -
index.ts
in data/colors
 16 -
index.ts
in data/typography
 10 -
index.ts
in data/spacing
 5 -
deprecated_light.ts
in data/colors/vars
 1 -
deprecated_dark.ts
in data/colors/vars
 1 -
Files With Most Units (Top 17)
File# lines# units
app_dark.ts
in data/colors/vars
 179 121
app_light.ts
in data/colors/vars
 179 116
component_dark.ts
in data/colors/vars
 165 89
component_light.ts
in data/colors/vars
 165 86
light_high_contrast.ts
in data/colors/themes
 229 59
global_dark.ts
in data/colors/vars
 92 48
global_light.ts
in data/colors/vars
 92 48
dark_high_contrast.ts
in data/colors/themes
 215 44
build.ts
in script
 213 21
85 9
utils.ts
in src
 29 8
light_colorblind.ts
in data/colors/themes
 69 7
mode-collection.ts
in script/lib
 80 3
dark_colorblind.ts
in data/colors/themes
 49 1
dark_dimmed.ts
in data/colors/themes
 67 1
dark.ts
in data/colors/themes
 64 1
light.ts
in data/colors/themes
 64 1
Files With Long Lines (Top 4)

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

File# lines# units# long lines
mode-collection.ts
in script/lib
 80 3 1
marketing_dark.ts
in data/colors/vars
 28 - 1
marketing_light.ts
in data/colors/vars
 28 - 1
light.ts
in data/colors/themes
 64 1 1