microsoft / PowerBI-visuals-MultiKPI
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 65 files with 4,420 lines of code.
    • 0 very long files (0 lines of code)
    • 0 long files (0 lines of code)
    • 5 medium size files (1,436 lines of codeclsfd_ftr_w_mp_ins)
    • 8 small files (1,272 lines of code)
    • 52 very small files (1,712 lines of code)
0% | 0% | 32% | 28% | 38%
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
ts0% | 0% | 27% | 30% | 41%
less0% | 0% | 100% | 0% | 0%
yml0% | 0% | 0% | 0% | 100%
File Size per Logical Decomposition
primary
1001+
501-1000
201-500
101-200
1-100
src/visualComponent0% | 0% | 31% | 34% | 33%
src/converter0% | 0% | 49% | 17% | 33%
styles0% | 0% | 100% | 0% | 0%
src0% | 0% | 0% | 100% | 0%
src/settings0% | 0% | 0% | 21% | 78%
ROOT0% | 0% | 0% | 0% | 100%
src/services0% | 0% | 0% | 0% | 100%
src/columns0% | 0% | 0% | 0% | 100%
src/event0% | 0% | 0% | 0% | 100%
src/utils0% | 0% | 0% | 0% | 100%
Longest Files (Top 50)
File# lines# units
dataConverter.ts
in src/converter/data
419 15
styles.less
in styles
287 -
lineComponent.ts
in src/visualComponent/sparkline
275 9
rootComponent.ts
in src/visualComponent
237 11
sparklineComponent.ts
in src/visualComponent/sparkline
218 13
baseComponent.ts
in src/visualComponent
193 20
chartComponent.ts
in src/visualComponent/mainChart
185 4
multiKpi.ts
in src
178 8
subtitleWarningComponent.ts
in src/visualComponent
163 7
svgComponent.ts
in src/visualComponent/sparkline
157 5
dataSmooth.ts
in src/converter/data
145 5
settingsBase.ts
in src/settings
135 9
hoverLabelComponent.ts
in src/visualComponent/mainChart
116 4
chartLabelComponent.ts
in src/visualComponent/mainChart
94 3
chartLabelBaseComponent.ts
in src/visualComponent/mainChart
84 2
dataRepresentationScale.ts
in src/converter/data
82 10
mainChartComponent.ts
in src/visualComponent/mainChart
80 5
axisComponent.ts
in src/visualComponent/mainChart
77 4
subtitleComponent.ts
in src/visualComponent
71 4
dotsComponent.ts
in src/visualComponent/sparkline
70 4
settings.ts
in src/settings
69 2
karma.conf.ts
in root
63 -
dataRepresentation.ts
in src/converter/data
60 -
baseContainerComponent.ts
in src/visualComponent
60 5
sparklineGroupComponent.ts
in src/visualComponent/sparkline
60 1
multiLineComponent.ts
in src/visualComponent/sparkline
59 2
verticalReferenceLineComponent.ts
in src/visualComponent
59 2
textFormattingDescriptor.ts
in src/settings/descriptors
46 5
kpiBaseDescriptor.ts
in src/settings/descriptors/kpi
45 3
plotComponent.ts
in src/visualComponent/sparkline
39 2
axisDescriptor.ts
in src/settings/descriptors
38 4
dataFormatter.ts
in src/converter/data
36 6
numericDescriptor.ts
in src/settings/descriptors
36 3
dataOrderConverter.ts
in src/converter/data
31 1
scaleService.ts
in src/services
30 2
formatDescriptor.ts
in src/settings/descriptors
30 4
columns.ts
in src/columns
28 -
dataOrderConverterWithDuplicates.ts
in src/converter/data
28 1
azure-pipelines.yml
in root
23 -
sparklineChartDescriptor.ts
in src/settings/descriptors/sparkline
22 2
seriesSettings.ts
in src/settings
22 -
kpiOnHoverDescriptor.ts
in src/settings/descriptors/kpi
21 2
sparklineDescriptor.ts
in src/settings/descriptors/sparkline
21 1
baseDescriptor.ts
in src/settings/descriptors
20 3
chartDescriptor.ts
in src/settings/descriptors
20 1
differenceConverter.ts
in src/converter/variance
18 2
varianceConverter.ts
in src/converter/variance
17 1
subtitleWarningDescriptor.ts
in src/settings/descriptors
16 1
gridDescriptor.ts
in src/settings/descriptors
15 1
kpiDescriptor.ts
in src/settings/descriptors/kpi
14 1
Files With Most Units (Top 20)
File# lines# units
baseComponent.ts
in src/visualComponent
193 20
dataConverter.ts
in src/converter/data
419 15
sparklineComponent.ts
in src/visualComponent/sparkline
218 13
rootComponent.ts
in src/visualComponent
237 11
dataRepresentationScale.ts
in src/converter/data
82 10
settingsBase.ts
in src/settings
135 9
lineComponent.ts
in src/visualComponent/sparkline
275 9
multiKpi.ts
in src
178 8
subtitleWarningComponent.ts
in src/visualComponent
163 7
dataFormatter.ts
in src/converter/data
36 6
dataSmooth.ts
in src/converter/data
145 5
textFormattingDescriptor.ts
in src/settings/descriptors
46 5
baseContainerComponent.ts
in src/visualComponent
60 5
mainChartComponent.ts
in src/visualComponent/mainChart
80 5
svgComponent.ts
in src/visualComponent/sparkline
157 5
axisDescriptor.ts
in src/settings/descriptors
38 4
formatDescriptor.ts
in src/settings/descriptors
30 4
axisComponent.ts
in src/visualComponent/mainChart
77 4
chartComponent.ts
in src/visualComponent/mainChart
185 4
hoverLabelComponent.ts
in src/visualComponent/mainChart
116 4
Files With Long Lines (Top 14)

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

File# lines# units# long lines
dataConverter.ts
in src/converter/data
419 15 5
sparklineComponent.ts
in src/visualComponent/sparkline
218 13 3
multiKpi.ts
in src
178 8 1
settingsBase.ts
in src/settings
135 9 1
baseComponent.ts
in src/visualComponent
193 20 1
chartLabelBaseComponent.ts
in src/visualComponent/mainChart
84 2 1
hoverLabelComponent.ts
in src/visualComponent/mainChart
116 4 1
mainChartComponent.ts
in src/visualComponent/mainChart
80 5 1
rootComponent.ts
in src/visualComponent
237 11 1
lineComponent.ts
in src/visualComponent/sparkline
275 9 1
multiLineComponent.ts
in src/visualComponent/sparkline
59 2 1
plotComponent.ts
in src/visualComponent/sparkline
39 2 1
sparklineGroupComponent.ts
in src/visualComponent/sparkline
60 1 1
subtitleComponent.ts
in src/visualComponent
71 4 1