microsoft / charticulator.com
File Size

The distribution of size of files (measured in lines of code).

Intro
  • 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...
File Size Overall
  • There are 34 files with 3,482 lines of code.
    • 0 very long files (0 lines of code)
    • 2 long files (1,201 lines of code)
    • 3 medium size files (689 lines of codeclsfd_ftr_w_mp_ins)
    • 5 small files (868 lines of code)
    • 24 very small files (724 lines of code)
0% | 34% | 19% | 24% | 20%
Legend:
1001+
501-1000
201-500
101-200
1-100


explore: zoomable circles | sunburst | 3D view
File Size per Extension
1001+
501-1000
201-500
101-200
1-100
scss0% | 40% | 15% | 34% | 9%
yml0% | 69% | 0% | 20% | 9%
tsx0% | 0% | 91% | 0% | 8%
html0% | 0% | 0% | 41% | 58%
js0% | 0% | 0% | 0% | 100%
rb0% | 0% | 0% | 0% | 100%
ts0% | 0% | 0% | 0% | 100%
File Size per Logical Decomposition
primary
1001+
501-1000
201-500
101-200
1-100
_sass0% | 57% | 22% | 13% | 7%
_data0% | 70% | 0% | 20% | 9%
tutorials/viewer/src0% | 0% | 85% | 0% | 14%
_sass/minima0% | 0% | 0% | 85% | 14%
ROOT0% | 0% | 0% | 87% | 12%
_includes0% | 0% | 0% | 0% | 100%
_layouts0% | 0% | 0% | 0% | 100%
_plugins0% | 0% | 0% | 0% | 100%
scripts0% | 0% | 0% | 0% | 100%
tutorials/viewer0% | 0% | 0% | 0% | 100%
Longest Files (Top 34)
File# lines# units
pages.scss
in _sass
 621 -
THIRD_PARTY.yml
in _data
 580 -
tutorial.scss
in _sass
 243 -
video_view.tsx
in tutorials/viewer/src
 241 14
tutorial_view.tsx
in tutorials/viewer/src
 205 10
_layout.scss
in _sass/minima
 198 -
_base.scss
in _sass/minima
 183 -
index.html
in root
 173 -
datasets.yml
in _data
 172 -
gallery.scss
in _sass
 142 -
minima.scss
in _sass
 80 -
templates.yml
in _data
 76 -
plugins.rb
in _plugins
 68 7
_syntax-highlighting.scss
in _sass/minima
 66 -
video-callout.js
in scripts
 64 7
head.html
in _includes
 56 -
build_utils.js
in tutorials/viewer
 45 4
index.tsx
in tutorials/viewer/src
 43 4
gallery.html
in _layouts
 39 -
header.html
in _includes
 33 -
docs.html
in _layouts
 25 -
404.html
in root
 21 -
webfont.html
in _includes
 17 -
data.ts
in tutorials/viewer/src
 17 -
tutorials.html
in _layouts
 16 -
footer.html
in _includes
 13 -
default.html
in _layouts
 12 -
page.html
in _layouts
 7 -
telemetry.ts
in tutorials/viewer/src
 6 1
image.html
in _includes
 5 -
_config.yml
in root
 4 -
resources.ts
in tutorials/viewer/src
 4 -
utils.ts
in tutorials/viewer/src
 4 1
videocallout.html
in _includes
 3 -
Files With Most Units (Top 8)
File# lines# units
video_view.tsx
in tutorials/viewer/src
 241 14
tutorial_view.tsx
in tutorials/viewer/src
 205 10
plugins.rb
in _plugins
 68 7
video-callout.js
in scripts
 64 7
build_utils.js
in tutorials/viewer
 45 4
index.tsx
in tutorials/viewer/src
 43 4
telemetry.ts
in tutorials/viewer/src
 6 1
utils.ts
in tutorials/viewer/src
 4 1
Files With Long Lines (Top 13)

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

File# lines# units# long lines
datasets.yml
in _data
 172 - 19
index.html
in root
 173 - 11
header.html
in _includes
 33 - 9
THIRD_PARTY.yml
in _data
 580 - 5
videocallout.html
in _includes
 3 - 2
index.tsx
in tutorials/viewer/src
 43 4 2
video_view.tsx
in tutorials/viewer/src
 241 14 2
head.html
in _includes
 56 - 1
image.html
in _includes
 5 - 1
docs.html
in _layouts
 25 - 1
gallery.html
in _layouts
 39 - 1
plugins.rb
in _plugins
 68 7 1
build_utils.js
in tutorials/viewer
 45 4 1