guardian/interactive-mekong
File Size
The distribution of size of files (measured in lines of code).
File Size Overall
  • There are 56 files with 4,142 lines of code.
    • 0 very long files (0 lines of code)
    • 0 long files (0 lines of code)
    • 6 medium size files (1,593 lines of code)
    • 7 small files (1,020 lines of code)
    • 43 very small files (1,529 lines of code)
0% | 0% | 38% | 24% | 36%
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% | 0% | 48% | 25% | 25%
scss0% | 0% | 34% | 26% | 39%
html0% | 0% | 0% | 0% | 100%
File Size per Logical Decomposition
primary
1001+
501-1000
201-500
101-200
1-100
src0% | 0% | 35% | 26% | 38%
ROOT0% | 0% | 100% | 0% | 0%
boot0% | 0% | 0% | 0% | 100%
Longest Files (Top 50)
File# lines# units
main.js
in src
 368 17
card-video.scss
in src/css/cards
 286 -
detect.js
in src/utils
 273 25
card-title.scss
in src/css/cards
 225 -
221 2
header.scss
in src/css
 220 -
polyfills.js
in src/utils
 191 17
card-paragraph.scss
in src/css/cards
 163 -
161 12
card-audio.scss
in src/css/cards
 144 -
card-quote.scss
in src/css/cards
 133 -
card-credits.scss
in src/css/cards
 125 -
mediaPlayer.js
in src/utils
 103 7
assetLoader.js
in src/utils
 99 4
_mq.scss
in src/css/modules
 95 -
bandwidth.js
in src/utils
 93 11
_fonts.scss
in src/css/modules
 88 -
_vars.scss
in src/css/modules
 82 -
_typography.mixins.scss
in src/css/modules
 81 -
grid.scss
in src/css
 72 -
assetManager.js
in src/utils
 72 4
69 9
_palette.scss
in src/css/modules
 58 -
_side-margins.scss
in src/css/modules
 58 -
_typography.config.scss
in src/css/modules
 50 -
card-title.html
in src/html/cards
 40 -
_grid-system.scss
in src/css/modules
 39 -
base.html
in src/html
 37 -
share.scss
in src/css/modules
 34 -
getjson.js
in src/utils
 32 4
card-base-mobile.html
in src/html/cards
 32 -
card-iframe.scss
in src/css/cards
 31 -
30 3
card-video.html
in src/html/cards
 26 -
_rem.scss
in src/css/modules
 24 -
_grid.scss
in src/css/modules
 24 -
card-transition.scss
in src/css/cards
 23 -
margins.scss
in src/css
 22 -
alaytics.js
in src/utils
 22 1
_typography.helpers.scss
in src/css/modules
 18 -
tracker.js
in src/utils
 18 1
_breakpoints.scss
in src/css/modules
 17 -
card-base-desktop.html
in src/html/cards
 17 -
14 -
card-paragraph.html
in src/html/cards
 14 -
card-photo.html
in src/html/cards
 14 -
card-audio.html
in src/html/cards
 13 -
_typography.scss
in src/css/modules
 12 -
scroll-to.js
in src/utils
 12 1
card-quote.html
in src/html/cards
 11 -
Files With Most Units (Top 16)
File# lines# units
detect.js
in src/utils
 273 25
polyfills.js
in src/utils
 191 17
main.js
in src
 368 17
161 12
bandwidth.js
in src/utils
 93 11
69 9
mediaPlayer.js
in src/utils
 103 7
getjson.js
in src/utils
 32 4
assetManager.js
in src/utils
 72 4
assetLoader.js
in src/utils
 99 4
30 3
221 2
boot.js
in boot
 9 1
scroll-to.js
in src/utils
 12 1
alaytics.js
in src/utils
 22 1
tracker.js
in src/utils
 18 1
Files With Long Lines (Top 10)

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

File# lines# units# long lines
_fonts.scss
in src/css/modules
 88 - 22
main.js
in src
 368 17 6
share.scss
in src/css/modules
 34 - 3
detect.js
in src/utils
 273 25 2
card-audio.html
in src/html/cards
 13 - 2
30 3 1
base.html
in src/html
 37 - 1
card-photo.html
in src/html/cards
 14 - 1
card-base-mobile.html
in src/html/cards
 32 - 1
card-base-desktop.html
in src/html/cards
 17 - 1
Correlations

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

src/utils/bandwidth.js x: 4 commits (all time) y: 93 lines of code src/css/header.scss x: 35 commits (all time) y: 220 lines of code src/main.js x: 97 commits (all time) y: 368 lines of code src/utils/mediaPlayerVideo.js x: 33 commits (all time) y: 161 lines of code src/utils/assetLoader.js x: 8 commits (all time) y: 99 lines of code src/css/cards/card-credits.scss x: 7 commits (all time) y: 125 lines of code src/css/cards/card-paragraph.scss x: 25 commits (all time) y: 163 lines of code src/utils/assetManager.js x: 29 commits (all time) y: 72 lines of code src/utils/tracker.js x: 6 commits (all time) y: 18 lines of code src/html/cards/card-base-mobile.html x: 10 commits (all time) y: 32 lines of code src/html/base.html x: 34 commits (all time) y: 37 lines of code src/css/cards/card-video.scss x: 37 commits (all time) y: 286 lines of code src/html/cards/card-title.html x: 25 commits (all time) y: 40 lines of code src/css/grid.scss x: 13 commits (all time) y: 72 lines of code src/css/cards/card-title.scss x: 36 commits (all time) y: 225 lines of code src/utils/handlebarsHelpers.js x: 14 commits (all time) y: 69 lines of code src/css/cards/card-iframe.scss x: 7 commits (all time) y: 31 lines of code src/html/cards/card-transition.html x: 7 commits (all time) y: 8 lines of code src/utils/mediaPlayer.js x: 25 commits (all time) y: 103 lines of code src/css/cards/card-quote.scss x: 16 commits (all time) y: 133 lines of code src/html/cards/card-photo.html x: 13 commits (all time) y: 14 lines of code src/html/cards/card-quote.html x: 10 commits (all time) y: 11 lines of code src/html/cards/card-video.html x: 21 commits (all time) y: 26 lines of code src/css/cards/card-transition.scss x: 3 commits (all time) y: 23 lines of code src/css/modules/share.scss x: 6 commits (all time) y: 34 lines of code src/html/layout-mobile.html x: 22 commits (all time) y: 14 lines of code src/html/cards/card-paragraph.html x: 12 commits (all time) y: 14 lines of code src/utils/scroll-to.js x: 5 commits (all time) y: 12 lines of code src/html/cards/share.html x: 2 commits (all time) y: 5 lines of code src/html/layout-desktop.html x: 17 commits (all time) y: 7 lines of code src/html/cards/card-base-desktop.html x: 2 commits (all time) y: 17 lines of code src/html/cards/card-iframe.html x: 1 commits (all time) y: 6 lines of code src/utils/detect.js x: 3 commits (all time) y: 273 lines of code src/css/cards/card-audio.scss x: 13 commits (all time) y: 144 lines of code src/utils/mediaPlayerAudio.js x: 8 commits (all time) y: 30 lines of code src/html/cards/card-audio.html x: 12 commits (all time) y: 13 lines of code Gruntfile.js x: 1 commits (all time) y: 221 lines of code src/utils/polyfills.js x: 2 commits (all time) y: 191 lines of code
368.0
lines of code
  min: 5.0
  average: 89.74
  25th percentile: 14.0
  median: 38.5
  75th percentile: 148.25
  max: 368.0
0 97.0
commits (all time)
min: 1.0 | average: 16.34 | 25th percentile: 5.75 | median: 12.0 | 75th percentile: 25.0 | max: 97.0

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

src/utils/bandwidth.js x: 2 contributors (all time) y: 93 lines of code src/css/header.scss x: 2 contributors (all time) y: 220 lines of code src/main.js x: 2 contributors (all time) y: 368 lines of code src/utils/mediaPlayerVideo.js x: 2 contributors (all time) y: 161 lines of code src/utils/assetLoader.js x: 1 contributors (all time) y: 99 lines of code src/css/cards/card-credits.scss x: 2 contributors (all time) y: 125 lines of code src/css/cards/card-paragraph.scss x: 2 contributors (all time) y: 163 lines of code src/utils/assetManager.js x: 2 contributors (all time) y: 72 lines of code src/utils/tracker.js x: 2 contributors (all time) y: 18 lines of code src/html/cards/card-base-mobile.html x: 2 contributors (all time) y: 32 lines of code src/html/base.html x: 2 contributors (all time) y: 37 lines of code src/css/cards/card-video.scss x: 2 contributors (all time) y: 286 lines of code src/html/cards/card-title.html x: 2 contributors (all time) y: 40 lines of code src/css/cards/card-title.scss x: 2 contributors (all time) y: 225 lines of code src/utils/handlebarsHelpers.js x: 2 contributors (all time) y: 69 lines of code src/css/cards/card-iframe.scss x: 2 contributors (all time) y: 31 lines of code src/html/cards/card-transition.html x: 2 contributors (all time) y: 8 lines of code src/utils/mediaPlayer.js x: 2 contributors (all time) y: 103 lines of code src/css/cards/card-quote.scss x: 2 contributors (all time) y: 133 lines of code src/html/cards/card-photo.html x: 2 contributors (all time) y: 14 lines of code src/html/cards/card-quote.html x: 2 contributors (all time) y: 11 lines of code src/html/cards/card-video.html x: 2 contributors (all time) y: 26 lines of code src/css/cards/card-transition.scss x: 1 contributors (all time) y: 23 lines of code src/css/modules/share.scss x: 2 contributors (all time) y: 34 lines of code src/utils/scroll-to.js x: 2 contributors (all time) y: 12 lines of code src/html/cards/share.html x: 2 contributors (all time) y: 5 lines of code src/html/layout-desktop.html x: 2 contributors (all time) y: 7 lines of code src/html/cards/card-base-desktop.html x: 1 contributors (all time) y: 17 lines of code src/html/cards/card-iframe.html x: 1 contributors (all time) y: 6 lines of code src/utils/detect.js x: 1 contributors (all time) y: 273 lines of code src/css/cards/card-audio.scss x: 2 contributors (all time) y: 144 lines of code src/utils/mediaPlayerAudio.js x: 2 contributors (all time) y: 30 lines of code Gruntfile.js x: 1 contributors (all time) y: 221 lines of code src/utils/polyfills.js x: 1 contributors (all time) y: 191 lines of code
368.0
lines of code
  min: 5.0
  average: 89.74
  25th percentile: 14.0
  median: 38.5
  75th percentile: 148.25
  max: 368.0
0 2.0
contributors (all time)
min: 1.0 | average: 1.82 | 25th percentile: 2.0 | median: 2.0 | 75th percentile: 2.0 | max: 2.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...