guardian/interactive-main-streets
File Size
The distribution of size of files (measured in lines of code).
File Size Overall
  • There are 63 files with 4,617 lines of code.
    • 0 very long files (0 lines of code)
    • 1 long files (761 lines of code)
    • 8 medium size files (1,866 lines of code)
    • 9 small files (994 lines of code)
    • 45 very small files (996 lines of code)
0% | 16% | 40% | 21% | 21%
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
js0% | 36% | 11% | 26% | 25%
scss0% | 0% | 73% | 14% | 11%
html0% | 0% | 0% | 39% | 60%
sass0% | 0% | 0% | 0% | 100%
me0% | 0% | 0% | 0% | 100%
File Size per Logical Decomposition
primary
1001+
501-1000
201-500
101-200
1-100
shared0% | 39% | 12% | 17% | 30%
atoms0% | 0% | 59% | 23% | 16%
ROOT0% | 0% | 97% | 0% | 2%
harness0% | 0% | 0% | 87% | 12%
Longest Files (Top 50)
File# lines# units
style-layer.js
in shared/js
 761 -
237 -
_enhancer.scss
in atoms/sale/client/css
 233 -
_enhancer.scss
in atoms/st-ives/client/css
 233 -
_enhancer.scss
in atoms/sectors/client/css
 233 -
_enhancer.scss
in atoms/kendal/client/css
 233 -
_enhancer.scss
in atoms/manchester/client/css
 233 -
_enhancer.scss
in atoms/ealing/client/css
 233 -
_header.scss
in shared/css
 231 -
_map.scss
in shared/css
 116 -
app.js
in atoms/st-ives/client/js
 115 -
app.js
in atoms/sale/client/js
 112 -
app.js
in atoms/kendal/client/js
 112 -
app.js
in atoms/manchester/client/js
 112 -
app.js
in atoms/ealing/client/js
 112 -
_typography.mixins.scss
in shared/css/guss-typography
 109 -
_fonts.scss
in shared/css
 105 -
blank.html
in harness
 101 -
_scrolly.scss
in shared/css
 92 -
map.js
in shared/js
 89 7
palette.js
in shared/js
 82 -
scrollyteller.js
in shared/js
 72 5
util.js
in shared/js
 72 1
locator.js
in shared/js
 52 3
sass
_palette.sass
in shared/css
 44 -
_typography.config.scss
in shared/css/guss-typography
 38 -
main.html
in atoms/sale/server/templates
 29 -
main.html
in atoms/manchester/server/templates
 28 -
main.html
in atoms/st-ives/server/templates
 27 -
main.html
in atoms/kendal/server/templates
 27 -
main.html
in atoms/ealing/server/templates
 27 -
main.scss
in atoms/sectors/client/css
 25 -
app.js
in atoms/sectors/client/js
 24 -
_typography.helpers.scss
in shared/css/guss-typography
 18 -
main.js
in atoms/sale/client/js
 16 -
main.js
in atoms/st-ives/client/js
 16 -
main.js
in atoms/sectors/client/js
 16 -
main.js
in atoms/default/client/js
 16 -
main.js
in atoms/kendal/client/js
 16 -
main.js
in atoms/manchester/client/js
 16 -
main.js
in atoms/ealing/client/js
 16 -
webview.html
in harness
 14 -
_mq.scss
in shared/css
 13 -
main.scss
in atoms/st-ives/client/css
 11 -
main.scss
in atoms/sale/client/css
 9 -
main.scss
in atoms/kendal/client/css
 9 -
main.scss
in atoms/ealing/client/css
 9 -
main.scss
in atoms/default/client/css
 8 -
main.scss
in atoms/manchester/client/css
 8 -
_embed.scss
in shared/css
 8 -
Files With Most Units (Top 11)
File# lines# units
map.js
in shared/js
 89 7
scrollyteller.js
in shared/js
 72 5
locator.js
in shared/js
 52 3
render.js
in atoms/sale/server
 4 1
render.js
in atoms/st-ives/server
 4 1
render.js
in atoms/sectors/server
 4 1
render.js
in atoms/default/server
 4 1
render.js
in atoms/kendal/server
 4 1
render.js
in atoms/manchester/server
 4 1
render.js
in atoms/ealing/server
 4 1
util.js
in shared/js
 72 1
Files With Long Lines (Top 17)

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

File# lines# units# long lines
blank.html
in harness
 101 - 27
main.html
in atoms/manchester/server/templates
 28 - 4
main.html
in atoms/st-ives/server/templates
 27 - 3
main.html
in atoms/kendal/server/templates
 27 - 3
main.html
in atoms/ealing/server/templates
 27 - 3
237 - 3
main.html
in atoms/sale/server/templates
 29 - 2
scrollyteller.js
in shared/js
 72 5 2
_enhancer.scss
in atoms/sale/client/css
 233 - 1
_enhancer.scss
in atoms/st-ives/client/css
 233 - 1
_enhancer.scss
in atoms/sectors/client/css
 233 - 1
_enhancer.scss
in atoms/kendal/client/css
 233 - 1
_enhancer.scss
in atoms/manchester/client/css
 233 - 1
_enhancer.scss
in atoms/ealing/client/css
 233 - 1
_map.scss
in shared/css
 116 - 1
_typography.config.scss
in shared/css/guss-typography
 38 - 1
util.js
in shared/js
 72 1 1
Correlations

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

shared/css/_header.scss x: 3 commits (all time) y: 231 lines of code atoms/default/client/css/main.scss x: 2 commits (all time) y: 8 lines of code shared/css/guss-typography/_typography.config.scss x: 1 commits (all time) y: 38 lines of code atoms/default/client/js/app.js x: 1 commits (all time) y: 1 lines of code atoms/default/client/js/main.js x: 1 commits (all time) y: 16 lines of code atoms/default/server/render.js x: 1 commits (all time) y: 4 lines of code shared/css/_mq.scss x: 1 commits (all time) y: 13 lines of code shared/css/_palette.sass x: 1 commits (all time) y: 44 lines of code atoms/ealing/client/css/main.scss x: 2 commits (all time) y: 9 lines of code atoms/ealing/client/js/app.js x: 3 commits (all time) y: 112 lines of code atoms/ealing/server/templates/main.html x: 3 commits (all time) y: 27 lines of code atoms/manchester/server/templates/main.html x: 3 commits (all time) y: 28 lines of code atoms/sale/server/templates/main.html x: 3 commits (all time) y: 29 lines of code atoms/sectors/client/css/_enhancer.scss x: 1 commits (all time) y: 233 lines of code atoms/sectors/client/css/main.scss x: 1 commits (all time) y: 25 lines of code atoms/sectors/client/js/app.js x: 1 commits (all time) y: 24 lines of code atoms/st-ives/client/css/main.scss x: 3 commits (all time) y: 11 lines of code atoms/st-ives/client/js/app.js x: 3 commits (all time) y: 115 lines of code shared/css/_map.scss x: 3 commits (all time) y: 116 lines of code shared/css/_scrolly.scss x: 2 commits (all time) y: 92 lines of code shared/js/locator.js x: 1 commits (all time) y: 52 lines of code shared/js/map.js x: 3 commits (all time) y: 89 lines of code atoms/kendal/client/css/main.scss x: 1 commits (all time) y: 9 lines of code atoms/manchester/client/css/main.scss x: 1 commits (all time) y: 8 lines of code shared/js/scrollyteller.js x: 1 commits (all time) y: 72 lines of code
233.0
lines of code
  min: 1.0
  average: 60.47
  25th percentile: 9.0
  median: 25.0
  75th percentile: 112.0
  max: 233.0
0 3.0
commits (all time)
min: 1.0 | average: 1.66 | 25th percentile: 1.0 | median: 1.0 | 75th percentile: 3.0 | max: 3.0

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

shared/css/_header.scss x: 1 contributors (all time) y: 231 lines of code atoms/default/client/css/main.scss x: 1 contributors (all time) y: 8 lines of code shared/css/guss-typography/_typography.config.scss x: 1 contributors (all time) y: 38 lines of code atoms/default/client/js/app.js x: 1 contributors (all time) y: 1 lines of code atoms/default/client/js/main.js x: 1 contributors (all time) y: 16 lines of code atoms/default/server/render.js x: 1 contributors (all time) y: 4 lines of code shared/css/_mq.scss x: 1 contributors (all time) y: 13 lines of code shared/css/_palette.sass x: 1 contributors (all time) y: 44 lines of code atoms/ealing/client/css/main.scss x: 1 contributors (all time) y: 9 lines of code atoms/ealing/client/js/app.js x: 1 contributors (all time) y: 112 lines of code atoms/ealing/server/templates/main.html x: 1 contributors (all time) y: 27 lines of code atoms/manchester/server/templates/main.html x: 1 contributors (all time) y: 28 lines of code atoms/sale/server/templates/main.html x: 1 contributors (all time) y: 29 lines of code atoms/sectors/client/css/_enhancer.scss x: 1 contributors (all time) y: 233 lines of code atoms/sectors/client/css/main.scss x: 1 contributors (all time) y: 25 lines of code atoms/sectors/client/js/app.js x: 1 contributors (all time) y: 24 lines of code atoms/st-ives/client/css/main.scss x: 1 contributors (all time) y: 11 lines of code atoms/st-ives/client/js/app.js x: 1 contributors (all time) y: 115 lines of code shared/css/_map.scss x: 1 contributors (all time) y: 116 lines of code shared/css/_scrolly.scss x: 1 contributors (all time) y: 92 lines of code shared/js/locator.js x: 1 contributors (all time) y: 52 lines of code shared/js/map.js x: 1 contributors (all time) y: 89 lines of code shared/js/scrollyteller.js x: 1 contributors (all time) y: 72 lines of code
233.0
lines of code
  min: 1.0
  average: 60.47
  25th percentile: 9.0
  median: 25.0
  75th percentile: 112.0
  max: 233.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...