microsoft / PowerBI-visuals-sampleBarChart-react
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 19 files with 1,095 lines of code.
    • 0 very long files (0 lines of code)
    • 0 long files (0 lines of code)
    • 0 medium size files (0 lines of codeclsfd_ftr_w_mp_ins)
    • 3 small files (466 lines of code)
    • 16 very small files (629 lines of code)
0% | 0% | 0% | 42% | 57%
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
tsx0% | 0% | 0% | 39% | 60%
ts0% | 0% | 0% | 66% | 33%
less0% | 0% | 0% | 0% | 100%
js0% | 0% | 0% | 0% | 100%
File Size per Logical Decomposition
primary
1001+
501-1000
201-500
101-200
1-100
src/components/RechartsBarChart0% | 0% | 0% | 100% | 0%
src0% | 0% | 0% | 44% | 55%
src/components/BarChart0% | 0% | 0% | 39% | 60%
src/components0% | 0% | 0% | 0% | 100%
style0% | 0% | 0% | 0% | 100%
ROOT0% | 0% | 0% | 0% | 100%
Longest Files (Top 19)
File# lines# units
index.tsx
in src/components/RechartsBarChart
173 -
optionsMapper.ts
in src
165 3
index.tsx
in src/components/BarChart
128 -
Bars.tsx
in src/components/BarChart
85 -
visual.tsx
in src
79 3
Tooltip.tsx
in src/components
77 5
visual.less
in style
67 -
reactUtils.tsx
in src
52 6
dataInterfaces.ts
in src
46 -
Grid.tsx
in src/components/BarChart
35 -
Labels.tsx
in src/components/BarChart
34 -
SingleValueTable.tsx
in src/components
32 -
Ticks.tsx
in src/components/BarChart
31 -
Legend.tsx
in src/components
20 -
Measure.tsx
in src/components
20 -
jest.config.js
in root
15 -
settings.ts
in src
13 -
constants.ts
in src
12 -
types.ts
in src/components/BarChart
11 -
Files With Most Units (Top 4)
File# lines# units
reactUtils.tsx
in src
52 6
Tooltip.tsx
in src/components
77 5
optionsMapper.ts
in src
165 3
visual.tsx
in src
79 3
Files With Long Lines (Top 2)

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

File# lines# units# long lines
index.tsx
in src/components/BarChart
128 - 1
index.tsx
in src/components/RechartsBarChart
173 - 1