microsoft / timelinestoryteller
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 28 files with 24,125 lines of code.
    • 4 very long files (20,220 lines of code)
    • 2 long files (1,158 lines of code)
    • 5 medium size files (1,393 lines of codeclsfd_ftr_w_mp_ins)
    • 6 small files (944 lines of code)
    • 11 very small files (410 lines of code)
83% | 4% | 5% | 3% | 1%
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
js87% | 0% | 6% | 4% | 1%
css67% | 32% | 0% | 0% | 0%
html0% | 92% | 0% | 0% | 7%
File Size per Logical Decomposition
primary
1001+
501-1000
201-500
101-200
1-100
public/app99% | 0% | 0% | 0% | <1%
src80% | 0% | 8% | 8% | 2%
assets/css100% | 0% | 0% | 0% | 0%
public/css0% | 100% | 0% | 0% | 0%
public0% | 99% | 0% | 0% | <1%
src/lib0% | 0% | 100% | 0% | 0%
src/spec0% | 0% | 84% | 0% | 15%
src/dialogs0% | 0% | 0% | 100% | 0%
src/templates0% | 0% | 0% | 0% | 100%
ROOT0% | 0% | 0% | 0% | 100%
Longest Files (Top 28)
File# lines# units
demoData.js
in public/app/js
 11378 -
main.js
in src
 4520 149
configurableTL.js
in src
 3031 71
style.css
in assets/css
 1291 -
about.css
in public/css
 609 -
index.html
in public
 549 -
saveSvgAsPng.js
in src/lib
 329 25
annotateEvent.js
in src
 309 -
radialAxis.js
in src
 303 1
addImage.js
in src
 232 3
singleSceneWithAnnotations.js
in src/spec/testData
 220 1
addCaption.js
in src
 192 -
utils.js
in src
 188 17
calendarAxis.js
in src
 182 4
addImageDialog.js
in src/dialogs
 139 14
globals.js
in src
 129 2
gridAxis.js
in src
 114 7
colors.js
in src
 96 6
imageUrls.js
in src
 77 3
addImagePopup.html.js
in src/templates
 46 -
colorPickerPopup.js
in src
 44 3
index.html
in public/app
 43 -
simpleJsonData.js
in src/spec/testData
 41 1
app.js
in root
 36 1
annotations.js
in src
 15 1
index.js
in src
 6 -
toElement.js
in src/templates
 5 1
embed.html
in public
 1 -
Files With Most Units (Top 18)
File# lines# units
main.js
in src
 4520 149
configurableTL.js
in src
 3031 71
saveSvgAsPng.js
in src/lib
 329 25
utils.js
in src
 188 17
addImageDialog.js
in src/dialogs
 139 14
gridAxis.js
in src
 114 7
colors.js
in src
 96 6
calendarAxis.js
in src
 182 4
addImage.js
in src
 232 3
colorPickerPopup.js
in src
 44 3
imageUrls.js
in src
 77 3
globals.js
in src
 129 2
app.js
in root
 36 1
annotations.js
in src
 15 1
radialAxis.js
in src
 303 1
simpleJsonData.js
in src/spec/testData
 41 1
singleSceneWithAnnotations.js
in src/spec/testData
 220 1
toElement.js
in src/templates
 5 1
Files With Long Lines (Top 16)

There are 16 files with lines longer than 120 characters. In total, there are 324 long lines.

File# lines# units# long lines
configurableTL.js
in src
 3031 71 149
main.js
in src
 4520 149 107
index.html
in public
 549 - 30
globals.js
in src
 129 2 14
annotateEvent.js
in src
 309 - 5
radialAxis.js
in src
 303 1 4
demoData.js
in public/app/js
 11378 - 3
saveSvgAsPng.js
in src/lib
 329 25 3
addImageDialog.js
in src/dialogs
 139 14 2
style.css
in assets/css
 1291 - 1
index.html
in public/app
 43 - 1
about.css
in public/css
 609 - 1
embed.html
in public
 1 - 1
colorPickerPopup.js
in src
 44 3 1
addImagePopup.html.js
in src/templates
 46 - 1
utils.js
in src
 188 17 1