guardian/docs-interactive-template
File Size
The distribution of size of files (measured in lines of code).
File Size Overall
  • There are 55 files with 4,191 lines of code.
    • 0 very long files (0 lines of code)
    • 1 long files (835 lines of code)
    • 4 medium size files (1,023 lines of code)
    • 8 small files (1,170 lines of code)
    • 42 very small files (1,163 lines of code)
0% | 19% | 24% | 27% | 27%
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% | 39% | 10% | 26% | 23%
scss0% | 0% | 45% | 18% | 35%
tpl0% | 0% | 0% | 100% | 0%
html0% | 0% | 0% | 72% | 27%
File Size per Logical Decomposition
primary
1001+
501-1000
201-500
101-200
1-100
harness0% | 96% | 0% | 0% | 3%
src0% | 0% | 25% | 37% | 36%
ROOT0% | 0% | 100% | 0% | 0%
Longest Files (Top 50)
File# lines# units
curl.js
in harness
 835 77
_youtube.scss
in src/css
 308 -
286 -
220 4
main.scss
in src/css
 209 -
main.js
in src/js
 180 4
tpl
boot.js.tpl
in src/js
 170 -
165 -
info.scss
in src/css
 160 -
youtube.js
in src/js/lib
 136 7
sheetData.js
in src/js/lib
 124 20
main.html
in src/js/text
 124 -
config.js
in src/js
 111 -
93 -
relative.js
in src/js/lib
 89 8
tracking.js
in src/js/lib
 83 8
_general.scss
in src/css
 76 -
73 -
73 -
_chapters.scss
in src/css
 69 -
60 -
_doc-cards.scss
in src/css
 42 -
reset.scss
in src/css
 42 -
jsoncache.js
in src/js/lib
 40 -
_share.scss
in src/css
 35 -
docs-supporter.js
in src/js/lib
 33 3
scrollto.js
in src/js/lib
 32 2
throttle.js
in src/js/lib
 31 2
liveEvent.js
in src/js/lib
 26 2
fuzzy.js
in src/js/lib
 21 1
index.html
in harness
 19 -
share.js
in src/js/lib
 19 1
_fonts.scss
in src/css
 16 -
15 -
_mq.scss
in src/css
 14 -
debounce.js
in src/js/lib
 14 2
referrer.html
in harness
 13 -
embed.js
in src/js
 13 -
sheettodom.js
in src/js/lib
 13 1
dom.js
in src/js/lib
 13 3
embed.scss
in src/css
 10 -
10 1
fetch.js
in src/js/lib
 9 1
array.js
in src/js/lib
 9 1
8 -
_nav-logo.scss
in src/css
 8 -
docs-coming-soon.js
in src/js/lib
 7 1
boundsprojection.js
in src/js/lib
 7 -
detect.js
in src/js/lib
 6 1
sheetURL.js
in src/js/lib
 5 1
Files With Most Units (Top 23)
File# lines# units
curl.js
in harness
 835 77
sheetData.js
in src/js/lib
 124 20
tracking.js
in src/js/lib
 83 8
relative.js
in src/js/lib
 89 8
youtube.js
in src/js/lib
 136 7
220 4
main.js
in src/js
 180 4
docs-supporter.js
in src/js/lib
 33 3
dom.js
in src/js/lib
 13 3
scrollto.js
in src/js/lib
 32 2
liveEvent.js
in src/js/lib
 26 2
debounce.js
in src/js/lib
 14 2
throttle.js
in src/js/lib
 31 2
docs-coming-soon.js
in src/js/lib
 7 1
fuzzy.js
in src/js/lib
 21 1
fetch.js
in src/js/lib
 9 1
emailsignupURL.js
in src/js/lib
 4 1
sheettodom.js
in src/js/lib
 13 1
array.js
in src/js/lib
 9 1
10 1
sheetURL.js
in src/js/lib
 5 1
detect.js
in src/js/lib
 6 1
share.js
in src/js/lib
 19 1
Files With Long Lines (Top 9)

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

File# lines# units# long lines
tpl
boot.js.tpl
in src/js
 170 - 88
main.html
in src/js/text
 124 - 8
main.js
in src/js
 180 4 6
sheetData.js
in src/js/lib
 124 20 6
_share.scss
in src/css
 35 - 3
220 4 2
main.scss
in src/css
 209 - 1
scrollto.js
in src/js/lib
 32 2 1
emailsignupURL.js
in src/js/lib
 4 1 1
Correlations

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

src/js/boot.js.tpl x: 227 commits (all time) y: 170 lines of code src/js/lib/sheetNameFromShortId.js x: 160 commits (all time) y: 10 lines of code src/js/main.js x: 158 commits (all time) y: 180 lines of code src/css/info.scss x: 14 commits (all time) y: 160 lines of code src/js/text/main.html x: 162 commits (all time) y: 124 lines of code src/css/_youtube.scss x: 115 commits (all time) y: 308 lines of code src/css/_continue-watching.scss x: 37 commits (all time) y: 60 lines of code src/css/main.scss x: 33 commits (all time) y: 209 lines of code Gruntfile.js x: 30 commits (all time) y: 220 lines of code src/css/_simple-newsletter.scss x: 3 commits (all time) y: 93 lines of code src/js/lib/liveEvent.js x: 2 commits (all time) y: 26 lines of code src/css/_guardian-live-event.scss x: 3 commits (all time) y: 165 lines of code src/js/lib/sheettodom.js x: 26 commits (all time) y: 13 lines of code src/css/_coming-soon.scss x: 27 commits (all time) y: 286 lines of code src/css/_doc-cards.scss x: 2 commits (all time) y: 42 lines of code src/js/lib/sheetData.js x: 8 commits (all time) y: 124 lines of code src/js/lib/sheetURL.js x: 6 commits (all time) y: 5 lines of code src/css/_nav-logo.scss x: 3 commits (all time) y: 8 lines of code src/css/_fonts.scss x: 5 commits (all time) y: 16 lines of code src/js/lib/docs-supporter.js x: 4 commits (all time) y: 33 lines of code src/js/lib/docs-coming-soon.js x: 2 commits (all time) y: 7 lines of code src/js/lib/dom.js x: 9 commits (all time) y: 13 lines of code src/js/lib/tracking.js x: 10 commits (all time) y: 83 lines of code src/css/_general.scss x: 28 commits (all time) y: 76 lines of code src/js/lib/youtube.js x: 97 commits (all time) y: 136 lines of code src/js/lib/emailsignupURL.js x: 4 commits (all time) y: 4 lines of code src/js/config.js x: 19 commits (all time) y: 111 lines of code src/js/lib/relative.js x: 5 commits (all time) y: 89 lines of code src/js/lib/throttle.js x: 5 commits (all time) y: 31 lines of code harness/referrer.html x: 2 commits (all time) y: 13 lines of code src/css/_about-these-films.scss x: 4 commits (all time) y: 73 lines of code src/css/_chapters.scss x: 2 commits (all time) y: 69 lines of code src/css/_mq.scss x: 5 commits (all time) y: 14 lines of code src/css/should-fade-in.scss x: 2 commits (all time) y: 8 lines of code src/js/lib/detect.js x: 3 commits (all time) y: 6 lines of code src/css/_trailer-overlay.scss x: 5 commits (all time) y: 73 lines of code src/js/lib/share.js x: 8 commits (all time) y: 19 lines of code src/js/embed.js x: 4 commits (all time) y: 13 lines of code src/js/lib/array.js x: 3 commits (all time) y: 9 lines of code src/js/lib/boundsprojection.js x: 3 commits (all time) y: 7 lines of code src/js/lib/fetch.js x: 4 commits (all time) y: 9 lines of code src/js/lib/fuzzy.js x: 3 commits (all time) y: 21 lines of code src/js/lib/jsoncache.js x: 4 commits (all time) y: 40 lines of code src/js/lib/scrollto.js x: 3 commits (all time) y: 32 lines of code src/js/lib/selector.js x: 3 commits (all time) y: 3 lines of code src/js/lib/debounce.js x: 1 commits (all time) y: 14 lines of code src/css/embed.scss x: 2 commits (all time) y: 10 lines of code src/embed.html x: 2 commits (all time) y: 15 lines of code src/js/text/embed.html x: 2 commits (all time) y: 1 lines of code harness/index.html x: 3 commits (all time) y: 19 lines of code src/css/_palette.scss x: 2 commits (all time) y: 4 lines of code src/css/_share.scss x: 1 commits (all time) y: 35 lines of code
308.0
lines of code
  min: 1.0
  average: 62.15
  25th percentile: 9.75
  median: 28.5
  75th percentile: 90.0
  max: 308.0
0 227.0
commits (all time)
min: 1.0 | average: 23.7 | 25th percentile: 2.75 | median: 4.0 | 75th percentile: 15.25 | max: 227.0

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

src/js/boot.js.tpl x: 18 contributors (all time) y: 170 lines of code src/js/lib/sheetNameFromShortId.js x: 12 contributors (all time) y: 10 lines of code src/js/main.js x: 13 contributors (all time) y: 180 lines of code src/css/info.scss x: 5 contributors (all time) y: 160 lines of code src/js/text/main.html x: 15 contributors (all time) y: 124 lines of code src/css/_youtube.scss x: 11 contributors (all time) y: 308 lines of code src/css/_continue-watching.scss x: 7 contributors (all time) y: 60 lines of code src/css/main.scss x: 12 contributors (all time) y: 209 lines of code Gruntfile.js x: 9 contributors (all time) y: 220 lines of code src/css/_simple-newsletter.scss x: 2 contributors (all time) y: 93 lines of code src/js/lib/liveEvent.js x: 1 contributors (all time) y: 26 lines of code src/css/_guardian-live-event.scss x: 1 contributors (all time) y: 165 lines of code src/js/lib/sheettodom.js x: 3 contributors (all time) y: 13 lines of code src/css/_coming-soon.scss x: 6 contributors (all time) y: 286 lines of code src/css/_doc-cards.scss x: 1 contributors (all time) y: 42 lines of code src/js/lib/sheetData.js x: 2 contributors (all time) y: 124 lines of code src/js/lib/sheetURL.js x: 3 contributors (all time) y: 5 lines of code src/css/_nav-logo.scss x: 1 contributors (all time) y: 8 lines of code src/css/_fonts.scss x: 3 contributors (all time) y: 16 lines of code src/js/lib/docs-supporter.js x: 1 contributors (all time) y: 33 lines of code src/js/lib/docs-coming-soon.js x: 1 contributors (all time) y: 7 lines of code src/js/lib/dom.js x: 2 contributors (all time) y: 13 lines of code src/js/lib/tracking.js x: 3 contributors (all time) y: 83 lines of code src/css/_general.scss x: 7 contributors (all time) y: 76 lines of code src/js/lib/youtube.js x: 5 contributors (all time) y: 136 lines of code src/js/lib/emailsignupURL.js x: 1 contributors (all time) y: 4 lines of code src/js/config.js x: 5 contributors (all time) y: 111 lines of code src/js/lib/relative.js x: 3 contributors (all time) y: 89 lines of code src/js/lib/throttle.js x: 3 contributors (all time) y: 31 lines of code src/css/_about-these-films.scss x: 2 contributors (all time) y: 73 lines of code src/css/_chapters.scss x: 2 contributors (all time) y: 69 lines of code src/css/_mq.scss x: 4 contributors (all time) y: 14 lines of code src/css/should-fade-in.scss x: 2 contributors (all time) y: 8 lines of code src/js/lib/detect.js x: 2 contributors (all time) y: 6 lines of code src/css/_trailer-overlay.scss x: 1 contributors (all time) y: 73 lines of code src/js/lib/share.js x: 5 contributors (all time) y: 19 lines of code src/js/lib/array.js x: 2 contributors (all time) y: 9 lines of code src/js/lib/boundsprojection.js x: 2 contributors (all time) y: 7 lines of code src/js/lib/fuzzy.js x: 2 contributors (all time) y: 21 lines of code src/js/lib/jsoncache.js x: 2 contributors (all time) y: 40 lines of code src/js/lib/scrollto.js x: 2 contributors (all time) y: 32 lines of code src/js/lib/selector.js x: 2 contributors (all time) y: 3 lines of code src/js/lib/debounce.js x: 1 contributors (all time) y: 14 lines of code src/css/embed.scss x: 1 contributors (all time) y: 10 lines of code src/embed.html x: 1 contributors (all time) y: 15 lines of code src/js/text/embed.html x: 1 contributors (all time) y: 1 lines of code harness/index.html x: 2 contributors (all time) y: 19 lines of code src/css/_share.scss x: 1 contributors (all time) y: 35 lines of code
308.0
lines of code
  min: 1.0
  average: 62.15
  25th percentile: 9.75
  median: 28.5
  75th percentile: 90.0
  max: 308.0
0 18.0
contributors (all time)
min: 1.0 | average: 3.76 | 25th percentile: 1.0 | median: 2.0 | 75th percentile: 5.0 | max: 18.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...