guardian/oz-2022-rain-charts
File Size
The distribution of size of files (measured in lines of code).
File Size Overall
  • There are 76 files with 5,398 lines of code.
    • 0 very long files (0 lines of code)
    • 0 long files (0 lines of code)
    • 9 medium size files (2,295 lines of code)
    • 9 small files (1,201 lines of code)
    • 58 very small files (1,902 lines of code)
0% | 0% | 42% | 22% | 35%
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
scss0% | 0% | 50% | 31% | 18%
js0% | 0% | 48% | 15% | 36%
py0% | 0% | 0% | 60% | 39%
html0% | 0% | 0% | 0% | 100%
sass0% | 0% | 0% | 0% | 100%
File Size per Logical Decomposition
primary
1001+
501-1000
201-500
101-200
1-100
cumulative-chart0% | 0% | 49% | 12% | 37%
circular-chart0% | 0% | 37% | 29% | 32%
parsing0% | 0% | 0% | 60% | 39%
Longest Files (Top 50)
File# lines# units
cumulative.js
in cumulative-chart/shared/js
 423 2
gulpfile.babel.js
in circular-chart
 239 -
gulpfile.babel.js
in cumulative-chart
 239 -
_enhancer.scss
in cumulative-chart/atoms/immersive/client/css
 234 -
_enhancer.scss
in cumulative-chart/atoms/article/client/css
 234 -
_enhancer.scss
in circular-chart/atoms/rain/client/css
 233 -
_enhancer.scss
in circular-chart/atoms/riverheight/client/css
 233 -
_enhancer.scss
in cumulative-chart/atoms/katoomba/client/css
 233 -
radial.js
in circular-chart/shared/js
 227 6
blah.js
in circular-chart/atoms/rain/client/js
 177 4
blah.js
in circular-chart/atoms/riverheight/client/js
 177 4
_chart.scss
in circular-chart/shared/css
 158 -
_chart.scss
in cumulative-chart/shared/css
 140 -
by-year.py
in parsing
 121 -
_typography.mixins.scss
in circular-chart/shared/css/guss-typography
 109 -
_typography.mixins.scss
in cumulative-chart/shared/css/guss-typography
 109 -
_fonts.scss
in circular-chart/shared/css
 105 -
_fonts.scss
in cumulative-chart/shared/css
 105 -
blank.html
in circular-chart/harness
 98 -
blank.html
in cumulative-chart/harness
 98 -
_scrolly.scss
in circular-chart/shared/css
 94 -
_scrolly.scss
in cumulative-chart/shared/css
 94 -
palette.js
in circular-chart/shared/js
 82 -
palette.js
in cumulative-chart/shared/js
 82 -
util.js
in circular-chart/shared/js
 72 1
util.js
in cumulative-chart/shared/js
 72 1
scrollyteller.js
in circular-chart/shared/js
 70 5
scrollyteller.js
in cumulative-chart/shared/js
 70 5
sass
_palette.sass
in circular-chart/shared/css
 69 -
sass
_palette.sass
in cumulative-chart/shared/css
 69 -
_typography.config.scss
in circular-chart/shared/css/guss-typography
 59 -
_typography.config.scss
in cumulative-chart/shared/css/guss-typography
 59 -
app.js
in cumulative-chart/atoms/katoomba/client/js
 54 -
app.js
in cumulative-chart/atoms/immersive/client/js
 51 -
app.js
in cumulative-chart/atoms/article/client/js
 51 -
app.js
in circular-chart/atoms/rain/client/js
 41 -
analysis.py
in parsing
 40 1
app.js
in circular-chart/atoms/riverheight/client/js
 38 -
main.js
in circular-chart/atoms/rain/client/js
 33 2
main.js
in circular-chart/atoms/riverheight/client/js
 33 2
main.js
in cumulative-chart/atoms/katoomba/client/js
 33 2
main.js
in cumulative-chart/atoms/immersive/client/js
 33 2
main.js
in cumulative-chart/atoms/article/client/js
 33 2
process.py
in parsing
 22 -
main.html
in circular-chart/atoms/riverheight/server/templates
 19 -
main.html
in cumulative-chart/.build/katoomba
 19 -
main.html
in cumulative-chart/.build/immersive
 19 -
main.html
in cumulative-chart/.build/article
 19 -
main.html
in cumulative-chart/atoms/katoomba/server/templates
 19 -
main.html
in cumulative-chart/atoms/immersive/server/templates
 19 -
Files With Most Units (Top 19)
File# lines# units
radial.js
in circular-chart/shared/js
 227 6
scrollyteller.js
in circular-chart/shared/js
 70 5
scrollyteller.js
in cumulative-chart/shared/js
 70 5
blah.js
in circular-chart/atoms/rain/client/js
 177 4
blah.js
in circular-chart/atoms/riverheight/client/js
 177 4
main.js
in circular-chart/atoms/rain/client/js
 33 2
main.js
in circular-chart/atoms/riverheight/client/js
 33 2
main.js
in cumulative-chart/atoms/katoomba/client/js
 33 2
main.js
in cumulative-chart/atoms/immersive/client/js
 33 2
main.js
in cumulative-chart/atoms/article/client/js
 33 2
cumulative.js
in cumulative-chart/shared/js
 423 2
render.js
in circular-chart/atoms/rain/server
 4 1
render.js
in circular-chart/atoms/riverheight/server
 4 1
util.js
in circular-chart/shared/js
 72 1
analysis.py
in parsing
 40 1
render.js
in cumulative-chart/atoms/katoomba/server
 4 1
render.js
in cumulative-chart/atoms/immersive/server
 4 1
render.js
in cumulative-chart/atoms/article/server
 4 1
util.js
in cumulative-chart/shared/js
 72 1
Files With Long Lines (Top 31)

There are 31 files with lines longer than 120 characters. In total, there are 178 long lines.

File# lines# units# long lines
_fonts.scss
in circular-chart/shared/css
 105 - 39
_fonts.scss
in cumulative-chart/shared/css
 105 - 39
blank.html
in circular-chart/harness
 98 - 27
blank.html
in cumulative-chart/harness
 98 - 27
main.html
in circular-chart/atoms/rain/server/templates
 18 - 3
app.js
in circular-chart/atoms/riverheight/client/js
 38 - 3
gulpfile.babel.js
in circular-chart
 239 - 3
app.js
in cumulative-chart/atoms/immersive/client/js
 51 - 3
gulpfile.babel.js
in cumulative-chart
 239 - 3
main.html
in circular-chart/atoms/riverheight/server/templates
 19 - 2
main.html
in cumulative-chart/.build/katoomba
 19 - 2
main.html
in cumulative-chart/.build/immersive
 19 - 2
main.html
in cumulative-chart/.build/article
 19 - 2
main.html
in cumulative-chart/atoms/katoomba/server/templates
 19 - 2
app.js
in cumulative-chart/atoms/katoomba/client/js
 54 - 2
main.html
in cumulative-chart/atoms/immersive/server/templates
 19 - 2
main.html
in cumulative-chart/atoms/article/server/templates
 19 - 2
app.js
in cumulative-chart/atoms/article/client/js
 51 - 2
_enhancer.scss
in circular-chart/atoms/rain/client/css
 233 - 1
_enhancer.scss
in circular-chart/atoms/riverheight/client/css
 233 - 1
_typography.config.scss
in circular-chart/shared/css/guss-typography
 59 - 1
scrollyteller.js
in circular-chart/shared/js
 70 5 1
util.js
in circular-chart/shared/js
 72 1 1
analysis.py
in parsing
 40 1 1
by-year.py
in parsing
 121 - 1
_enhancer.scss
in cumulative-chart/atoms/katoomba/client/css
 233 - 1
_enhancer.scss
in cumulative-chart/atoms/immersive/client/css
 234 - 1
_enhancer.scss
in cumulative-chart/atoms/article/client/css
 234 - 1
_typography.config.scss
in cumulative-chart/shared/css/guss-typography
 59 - 1
scrollyteller.js
in cumulative-chart/shared/js
 70 5 1
util.js
in cumulative-chart/shared/js
 72 1 1
Correlations

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

parsing/by-year.py x: 3 commits (all time) y: 121 lines of code circular-chart/shared/js/radial.js x: 1 commits (all time) y: 227 lines of code cumulative-chart/.build/article/main.html x: 1 commits (all time) y: 19 lines of code cumulative-chart/atoms/article/client/js/app.js x: 1 commits (all time) y: 51 lines of code cumulative-chart/shared/js/cumulative.js x: 1 commits (all time) y: 423 lines of code parsing/process.py x: 1 commits (all time) y: 22 lines of code
423.0
lines of code
  min: 19.0
  average: 102.22
  25th percentile: 19.0
  median: 22.0
  75th percentile: 174.0
  max: 423.0
0 3.0
commits (all time)
min: 1.0 | average: 1.22 | 25th percentile: 1.0 | median: 1.0 | 75th percentile: 1.0 | max: 3.0

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

parsing/by-year.py x: 1 contributors (all time) y: 121 lines of code circular-chart/shared/js/radial.js x: 1 contributors (all time) y: 227 lines of code cumulative-chart/.build/article/main.html x: 1 contributors (all time) y: 19 lines of code cumulative-chart/atoms/article/client/js/app.js x: 1 contributors (all time) y: 51 lines of code cumulative-chart/shared/js/cumulative.js x: 1 contributors (all time) y: 423 lines of code parsing/process.py x: 1 contributors (all time) y: 22 lines of code
423.0
lines of code
  min: 19.0
  average: 102.22
  25th percentile: 19.0
  median: 22.0
  75th percentile: 174.0
  max: 423.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...