guardian/2025-race-off-animations
File Size
The distribution of size of files (measured in lines of code).
File Size Overall
  • There are 70 files with 13,312 lines of code.
    • 3 very long files (8,484 lines of code)
    • 0 long files (0 lines of code)
    • 7 medium size files (1,763 lines of code)
    • 10 small files (1,472 lines of code)
    • 50 very small files (1,593 lines of code)
63% | 0% | 13% | 11% | 11%
Legend:
1001+
501-1000
201-500
101-200
1-100


explore: grouped by folders | grouped by size | sunburst | 3D view
File Size per Extension
1001+
501-1000
201-500
101-200
1-100
scss85% | 0% | 0% | 9% | 4%
js0% | 0% | 50% | 20% | 29%
html0% | 0% | 99% | 0% | <1%
svelte0% | 0% | 0% | 0% | 100%
File Size per Logical Decomposition
primary
1001+
501-1000
201-500
101-200
1-100
src68% | 0% | 11% | 9% | 10%
harness0% | 0% | 100% | 0% | 0%
scripts0% | 0% | 0% | 64% | 35%
ROOT0% | 0% | 0% | 0% | 100%
Longest Files (Top 50)
File# lines# units
component.scss
in src/atoms/video-record/styles
 2828 -
component.scss
in src/atoms/video-record2/styles
 2828 -
component.scss
in src/atoms/atom-1/styles
 2828 -
schema.js
in src/lib/helpers/guardian
 359 19
toolbelt.js
in src/lib/helpers/guardian
 285 22
makeRace2.js
in src/lib
 239 1
makeRace.js
in src/lib
 238 3
makeRace3.js
in src/lib
 238 3
index.html
in harness
 203 -
templates.html
in harness
 201 -
charts.scss
in src/lib/styles
 179 -
_typography.config.scss
in src/lib/styles/guss-typography
 173 -
deploy.js
in scripts
 168 20
fonts.scss
in src/lib/styles
 157 -
_enhanced_fonts.scss
in src/lib/styles
 157 -
test-mustache.js
in src/lib/helpers/guardian
 152 6
_typography.mixins.scss
in src/lib/styles/guss-typography
 133 -
oldRace.scss
in src/lib/styles
 128 -
util.js
in src/lib/helpers
 118 2
testHarness.js
in scripts
 107 7
scrollyteller.scss
in src/lib/styles
 98 -
svelte
Atom.svelte
in src/atoms/video-record2/components
 93 -
svelte
Atom.svelte
in src/atoms/atom-1/components
 90 -
appMap.js
in src/lib/helpers/guardian
 83 -
79 1
layout.scss
in src/lib/styles
 79 -
svelte
Atom.svelte
in src/atoms/video-record/components
 70 -
_palette.scss
in src/lib/styles
 69 -
scales.js
in src/lib/helpers/guardian
 64 1
_colors.scss
in src/lib/styles
 60 -
svelte
Scrolly.svelte
in src/lib/components
 60 -
scrollyteller.js
in src/lib/helpers
 57 1
colours.js
in src/lib/helpers/guardian
 56 1
54 -
50 -
preview.js
in scripts
 41 2
build.js
in scripts
 33 1
tracking.js
in src/lib/helpers
 32 2
svelte
Atom.svelte
in src/atoms/default/components
 29 -
fileSystem.js
in scripts/utils
 27 2
prerender.js
in scripts
 27 2
deploylog.js
in scripts
 26 2
main.scss
in src/atoms/video-record2/styles
 22 -
_typography.helpers.scss
in src/lib/styles/guss-typography
 22 -
app.js
in src/atoms/video-record
 20 -
app.js
in src/atoms/default
 20 -
app.js
in src/atoms/video-record2
 20 -
app.js
in src/atoms/atom-1
 20 -
main.scss
in src/atoms/video-record/styles
 17 -
scrollbarWidth.js
in src/lib/helpers
 17 -
Files With Most Units (Top 24)
File# lines# units
toolbelt.js
in src/lib/helpers/guardian
 285 22
deploy.js
in scripts
 168 20
schema.js
in src/lib/helpers/guardian
 359 19
testHarness.js
in scripts
 107 7
test-mustache.js
in src/lib/helpers/guardian
 152 6
makeRace.js
in src/lib
 238 3
makeRace3.js
in src/lib
 238 3
deploylog.js
in scripts
 26 2
preview.js
in scripts
 41 2
fileSystem.js
in scripts/utils
 27 2
prerender.js
in scripts
 27 2
util.js
in src/lib/helpers
 118 2
tracking.js
in src/lib/helpers
 32 2
16 1
79 1
build.js
in scripts
 33 1
app.prerender.js
in src/atoms/video-record
 9 1
app.prerender.js
in src/atoms/default
 9 1
app.prerender.js
in src/atoms/video-record2
 9 1
app.prerender.js
in src/atoms/atom-1
 9 1
makeRace2.js
in src/lib
 239 1
scrollyteller.js
in src/lib/helpers
 57 1
scales.js
in src/lib/helpers/guardian
 64 1
colours.js
in src/lib/helpers/guardian
 56 1
Files With Long Lines (Top 15)

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

File# lines# units# long lines
index.html
in harness
 203 - 39
templates.html
in harness
 201 - 39
fonts.scss
in src/lib/styles
 157 - 39
_enhanced_fonts.scss
in src/lib/styles
 157 - 36
component.scss
in src/atoms/video-record/styles
 2828 - 11
component.scss
in src/atoms/video-record2/styles
 2828 - 11
component.scss
in src/atoms/atom-1/styles
 2828 - 11
svelte
Atom.svelte
in src/atoms/video-record2/components
 93 - 4
svelte
Atom.svelte
in src/atoms/atom-1/components
 90 - 4
schema.js
in src/lib/helpers/guardian
 359 19 4
makeRace.js
in src/lib
 238 3 2
makeRace3.js
in src/lib
 238 3 2
deploy.js
in scripts
 168 20 1
svelte
Atom.svelte
in src/atoms/video-record/components
 70 - 1
util.js
in src/lib/helpers
 118 2 1
Correlations

File Size vs. Commits (all time): 10 points

src/atoms/video-record2/app.js x: 1 commits (all time) y: 20 lines of code src/atoms/video-record2/app.prerender.js x: 1 commits (all time) y: 9 lines of code src/atoms/video-record2/components/Atom.svelte x: 1 commits (all time) y: 93 lines of code src/atoms/video-record2/styles/component.scss x: 1 commits (all time) y: 2828 lines of code src/lib/makeRace3.js x: 1 commits (all time) y: 238 lines of code src/lib/styles/charts.scss x: 1 commits (all time) y: 179 lines of code
2828.0
lines of code
  min: 1.0
  average: 371.8
  25th percentile: 17.25
  median: 91.5
  75th percentile: 238.0
  max: 2828.0
0 1.0
commits (all time)
min: 1.0 | average: 1.0 | 25th percentile: 1.0 | median: 1.0 | 75th percentile: 1.0 | max: 1.0

File Size vs. Contributors (all time): 10 points

src/atoms/video-record2/app.js x: 1 contributors (all time) y: 20 lines of code src/atoms/video-record2/app.prerender.js x: 1 contributors (all time) y: 9 lines of code src/atoms/video-record2/components/Atom.svelte x: 1 contributors (all time) y: 93 lines of code src/atoms/video-record2/styles/component.scss x: 1 contributors (all time) y: 2828 lines of code src/lib/makeRace3.js x: 1 contributors (all time) y: 238 lines of code src/lib/styles/charts.scss x: 1 contributors (all time) y: 179 lines of code
2828.0
lines of code
  min: 1.0
  average: 371.8
  25th percentile: 17.25
  median: 91.5
  75th percentile: 238.0
  max: 2828.0
0 1.0
contributors (all time)
min: 1.0 | average: 1.0 | 25th percentile: 1.0 | median: 1.0 | 75th percentile: 1.0 | max: 1.0

File Size vs. Commits (30 days): 0 points

No data for "commits (30d)" vs. "lines of code".

File Size vs. Contributors (30 days): 0 points

No data for "contributors (30d)" vs. "lines of code".

File Size vs. Commits (90 days): 0 points

No data for "commits (90d)" vs. "lines of code".

File Size vs. Contributors (90 days): 0 points

No data for "contributors (90d)" vs. "lines of code".

About This Analysis
  • 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...