guardian/interactive-chinatrade
File Size
The distribution of size of files (measured in lines of code).
File Size Overall
  • There are 44 files with 5,775 lines of code.
    • 1 very long files (1,112 lines of code)
    • 1 long files (600 lines of code)
    • 7 medium size files (2,059 lines of code)
    • 5 small files (792 lines of code)
    • 30 very small files (1,212 lines of code)
19% | 10% | 35% | 13% | 20%
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
js32% | 17% | 32% | 9% | 8%
scss0% | 0% | 44% | 14% | 40%
html0% | 0% | 0% | 67% | 32%
File Size per Logical Decomposition
primary
1001+
501-1000
201-500
101-200
1-100
src20% | 10% | 33% | 14% | 21%
ROOT0% | 0% | 100% | 0% | 0%
boot0% | 0% | 0% | 0% | 100%
Longest Files (Top 44)
File# lines# units
BubbleChart.js
in src/js/charts
 1112 22
LineChart.js
in src/js/charts
 600 12
_bubblechart.scss
in src/css/modules
 436 -
BalloonsChart.js
in src/js/charts
 367 5
jsBezier.js
in src/js/utils
 288 19
_linechart.scss
in src/css/modules
 248 -
detect.js
in src/js/utils
 246 22
_page.scss
in src/css/modules
 240 -
234 2
_balloonchart.scss
in src/css/modules
 181 -
main.js
in src
 178 9
BarChart.js
in src/js/charts
 158 4
base.html
in src/html
 154 -
_common.scss
in src/css/modules
 121 -
_mq.scss
in src/css/modules
 95 -
_fonts.scss
in src/css/modules
 88 -
_vars.scss
in src/css/modules
 82 -
_tooltip.scss
in src/css/modules
 82 -
_typography.mixins.scss
in src/css/modules
 81 -
form.js
in src
 77 4
Tooltip.js
in src/js/components
 76 3
main.scss
in src/css
 72 -
_palette.scss
in src/css/modules
 58 -
_side-margins.scss
in src/css/modules
 58 -
_typography.config.scss
in src/css/modules
 50 -
_barchart.scss
in src/css/modules
 48 -
index.html
in boot
 44 -
_grid-system.scss
in src/css/modules
 39 -
social.js
in src/js/utils
 34 2
getjson.js
in src/js/utils
 32 4
socialButtons.html
in src/js/components
 30 -
_rem.scss
in src/css/modules
 24 -
_grid.scss
in src/css/modules
 24 -
raf.js
in src/js/utils
 22 3
_typography.helpers.scss
in src/css/modules
 18 -
Matrix.js
in src/js/charts
 18 1
_typography.scss
in src/css/modules
 12 -
_breakpoints.scss
in src/css/modules
 10 -
socialButtons.js
in src/js/components
 10 -
boot.js
in boot
 9 1
subView.js
in src/js
 9 1
_interactive-exports.scss
in src/css/modules
 7 -
_slopechart.scss
in src/css/modules
 2 -
_sample.scss
in src/css/modules
 1 -
Files With Most Units (Top 16)
File# lines# units
BubbleChart.js
in src/js/charts
 1112 22
detect.js
in src/js/utils
 246 22
jsBezier.js
in src/js/utils
 288 19
LineChart.js
in src/js/charts
 600 12
main.js
in src
 178 9
BalloonsChart.js
in src/js/charts
 367 5
BarChart.js
in src/js/charts
 158 4
getjson.js
in src/js/utils
 32 4
form.js
in src
 77 4
raf.js
in src/js/utils
 22 3
Tooltip.js
in src/js/components
 76 3
234 2
social.js
in src/js/utils
 34 2
boot.js
in boot
 9 1
Matrix.js
in src/js/charts
 18 1
subView.js
in src/js
 9 1
Files With Long Lines (Top 8)

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

File# lines# units# long lines
_fonts.scss
in src/css/modules
 88 - 22
index.html
in boot
 44 - 17
BubbleChart.js
in src/js/charts
 1112 22 15
base.html
in src/html
 154 - 12
jsBezier.js
in src/js/utils
 288 19 4
BalloonsChart.js
in src/js/charts
 367 5 3
detect.js
in src/js/utils
 246 22 2
BarChart.js
in src/js/charts
 158 4 1
Correlations

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

src/js/charts/BalloonsChart.js x: 19 commits (all time) y: 367 lines of code src/main.js x: 52 commits (all time) y: 178 lines of code src/html/base.html x: 43 commits (all time) y: 154 lines of code src/css/modules/_balloonchart.scss x: 17 commits (all time) y: 181 lines of code src/css/modules/_bubblechart.scss x: 25 commits (all time) y: 436 lines of code src/js/utils/social.js x: 3 commits (all time) y: 34 lines of code src/css/modules/_page.scss x: 14 commits (all time) y: 240 lines of code src/css/main.scss x: 16 commits (all time) y: 72 lines of code src/js/charts/BubbleChart.js x: 37 commits (all time) y: 1112 lines of code src/js/components/Tooltip.js x: 4 commits (all time) y: 76 lines of code src/css/modules/_tooltip.scss x: 4 commits (all time) y: 82 lines of code src/css/modules/_common.scss x: 3 commits (all time) y: 121 lines of code src/js/charts/Matrix.js x: 1 commits (all time) y: 18 lines of code src/js/utils/jsBezier.js x: 1 commits (all time) y: 288 lines of code src/js/utils/raf.js x: 1 commits (all time) y: 22 lines of code src/css/modules/_linechart.scss x: 4 commits (all time) y: 248 lines of code src/css/modules/_barchart.scss x: 2 commits (all time) y: 48 lines of code src/css/modules/_interactive-exports.scss x: 1 commits (all time) y: 7 lines of code src/js/charts/BarChart.js x: 2 commits (all time) y: 158 lines of code src/js/charts/LineChart.js x: 3 commits (all time) y: 600 lines of code src/form.js x: 2 commits (all time) y: 77 lines of code src/css/modules/_slopechart.scss x: 1 commits (all time) y: 2 lines of code
1112.0
lines of code
  min: 2.0
  average: 205.5
  25th percentile: 44.5
  median: 137.5
  75th percentile: 258.0
  max: 1112.0
0 52.0
commits (all time)
min: 1.0 | average: 11.59 | 25th percentile: 1.75 | median: 3.5 | 75th percentile: 17.5 | max: 52.0

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

src/js/charts/BalloonsChart.js x: 2 contributors (all time) y: 367 lines of code src/main.js x: 2 contributors (all time) y: 178 lines of code src/html/base.html x: 2 contributors (all time) y: 154 lines of code src/css/modules/_balloonchart.scss x: 2 contributors (all time) y: 181 lines of code src/css/modules/_bubblechart.scss x: 2 contributors (all time) y: 436 lines of code src/js/utils/social.js x: 2 contributors (all time) y: 34 lines of code src/css/modules/_page.scss x: 2 contributors (all time) y: 240 lines of code src/css/main.scss x: 2 contributors (all time) y: 72 lines of code src/js/charts/BubbleChart.js x: 2 contributors (all time) y: 1112 lines of code src/js/components/Tooltip.js x: 2 contributors (all time) y: 76 lines of code src/css/modules/_tooltip.scss x: 1 contributors (all time) y: 82 lines of code src/css/modules/_common.scss x: 2 contributors (all time) y: 121 lines of code src/js/charts/Matrix.js x: 1 contributors (all time) y: 18 lines of code src/js/utils/jsBezier.js x: 1 contributors (all time) y: 288 lines of code src/js/utils/raf.js x: 1 contributors (all time) y: 22 lines of code src/css/modules/_linechart.scss x: 1 contributors (all time) y: 248 lines of code src/css/modules/_barchart.scss x: 1 contributors (all time) y: 48 lines of code src/css/modules/_interactive-exports.scss x: 1 contributors (all time) y: 7 lines of code src/js/charts/BarChart.js x: 1 contributors (all time) y: 158 lines of code src/js/charts/LineChart.js x: 1 contributors (all time) y: 600 lines of code src/css/modules/_slopechart.scss x: 1 contributors (all time) y: 2 lines of code
1112.0
lines of code
  min: 2.0
  average: 205.5
  25th percentile: 44.5
  median: 137.5
  75th percentile: 258.0
  max: 1112.0
0 2.0
contributors (all time)
min: 1.0 | average: 1.55 | 25th percentile: 1.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...