microsoft / PowerBI-visuals-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 27 files with 11,964 lines of code.
    • 3 very long files (8,739 lines of code)
    • 0 long files (0 lines of code)
    • 6 medium size files (1,645 lines of codeclsfd_ftr_w_mp_ins)
    • 8 small files (1,280 lines of code)
    • 10 very small files (300 lines of code)
73% | 0% | 13% | 10% | 2%
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
ts72% | 0% | 13% | 11% | 2%
css100% | 0% | 0% | 0% | 0%
js0% | 0% | 66% | 33% | 0%
File Size per Logical Decomposition
primary
1001+
501-1000
201-500
101-200
1-100
src/core79% | 0% | 11% | 6% | 2%
assets/css100% | 0% | 0% | 0% | 0%
src/core/lib0% | 0% | 80% | 19% | 0%
src0% | 0% | 0% | 75% | 24%
src/lib0% | 0% | 0% | 93% | 6%
src/core/dialogs0% | 0% | 0% | 100% | 0%
src/core/templates0% | 0% | 0% | 0% | 100%
Longest Files (Top 27)
File# lines# units
main.ts
in src/core
 4428 149
configurableTL.ts
in src/core
 3020 70
style.css
in assets/css
 1291 -
annotateEvent.ts
in src/core
 305 -
radialAxis.ts
in src/core
 304 1
saveSvgAsPng.ts
in src/core/lib
 299 14
gif.worker.js
in src/core/lib
 284 35
addImage.ts
in src/core
 228 3
globals.ts
in src/core
 225 2
addCaption.ts
in src/core
 183 -
calendarAxis.ts
in src/core
 182 4
visual.ts
in src
 180 10
utils.ts
in src/core
 178 16
calcUpdateType.ts
in src/lib
 178 10
gif.js
in src/core/lib
 140 26
addImageDialog.ts
in src/core/dialogs
 125 13
gridAxis.ts
in src/core
 114 7
colors.ts
in src/core
 97 6
imageUrls.ts
in src/core
 73 3
dataConversion.ts
in src
 42 1
colorPickerPopup.ts
in src/core
 40 3
annotations.ts
in src/core
 15 1
UpdateType.ts
in src/lib
 12 -
settings.ts
in src
 12 -
toElement.ts
in src/core/templates
 5 1
utils.ts
in src
 3 1
interfaces.ts
in src
 1 -
Files With Most Units (Top 20)
File# lines# units
main.ts
in src/core
 4428 149
configurableTL.ts
in src/core
 3020 70
gif.worker.js
in src/core/lib
 284 35
gif.js
in src/core/lib
 140 26
utils.ts
in src/core
 178 16
saveSvgAsPng.ts
in src/core/lib
 299 14
addImageDialog.ts
in src/core/dialogs
 125 13
calcUpdateType.ts
in src/lib
 178 10
visual.ts
in src
 180 10
gridAxis.ts
in src/core
 114 7
colors.ts
in src/core
 97 6
calendarAxis.ts
in src/core
 182 4
addImage.ts
in src/core
 228 3
colorPickerPopup.ts
in src/core
 40 3
imageUrls.ts
in src/core
 73 3
globals.ts
in src/core
 225 2
annotations.ts
in src/core
 15 1
radialAxis.ts
in src/core
 304 1
toElement.ts
in src/core/templates
 5 1
dataConversion.ts
in src
 42 1
Files With Long Lines (Top 14)

There are 14 files with lines longer than 120 characters. In total, there are 339 long lines.

File# lines# units# long lines
configurableTL.ts
in src/core
 3020 70 147
main.ts
in src/core
 4428 149 112
gif.js
in src/core/lib
 140 26 22
gif.worker.js
in src/core/lib
 284 35 20
globals.ts
in src/core
 225 2 14
saveSvgAsPng.ts
in src/core/lib
 299 14 5
annotateEvent.ts
in src/core
 305 - 4
addImageDialog.ts
in src/core/dialogs
 125 13 4
radialAxis.ts
in src/core
 304 1 4
colorPickerPopup.ts
in src/core
 40 3 2
calcUpdateType.ts
in src/lib
 178 10 2
style.css
in assets/css
 1291 - 1
utils.ts
in src/core
 178 16 1
visual.ts
in src
 180 10 1