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.
File Size Overall
- There are 42 files with 2,222 lines of code.
- 0 very long files (0 lines of code)
- 0 long files (0 lines of code)
- 1 medium size files (320 lines of codeclsfd_ftr_w_mp_ins)
- 5 small files (592 lines of code)
- 36 very small files (1,310 lines of code)
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
File Size per Logical Decomposition
primary
Longest Files (Top 42)
| File | # lines | # units |
|---|---|---|
 HeatStreamsChart.tsx in packages/react-heat-streams/src/components |
320 | 10 |
CategoryList.tsx in packages/react-heat-streams/src/components |
146 | - |
CategoryNameList.tsx in packages/react-heat-streams/src/components |
127 | 2 |
 convertCategoricalDataView.ts in pbi-heat-streams/src/data |
109 | 6 |
Overlay.tsx in packages/react-heat-streams/src/components |
107 | - |
InteractiveChart.tsx in packages/react-heat-streams-stories/stories |
103 | 1 |
Visual.ts in pbi-heat-streams/src |
94 | 4 |
index.tsx in packages/react-heat-streams/src/components/CategoryChart |
88 | 1 |
Interactions.ts in pbi-heat-streams/src |
78 | 7 |
aggregateValueSlices.ts in pbi-heat-streams/src/data |
77 | 2 |
Axis.tsx in packages/react-heat-streams/src/components |
67 | - |
DataViewConverter.ts in pbi-heat-streams/src/data |
67 | 4 |
Chart.tsx in pbi-heat-streams/src/chart |
65 | 4 |
ValueText.tsx in packages/react-heat-streams/src/components/CategoryChart |
64 | 4 |
ChartOptions.ts in pbi-heat-streams/src/chart |
64 | 10 |
CategoryChartList.tsx in packages/react-heat-streams/src/components |
62 | 1 |
0-Chart.stories.tsx in packages/react-heat-streams-stories/stories |
61 | - |
ChartColorizer.ts in pbi-heat-streams/src/chart |
60 | 6 |
utils.ts in packages/react-heat-streams/src |
47 | 6 |
 heat-streams.css in packages/react-heat-streams/style |
47 | - |
types.ts in pbi-heat-streams/src/chart |
39 | - |
types.ts in packages/react-heat-streams/src |
34 | - |
logger.ts in pbi-heat-streams/src |
32 | 5 |
TimeScrub.tsx in packages/react-heat-streams/src/components |
26 | - |
types.ts in pbi-heat-streams/src/settings |
26 | - |
ValueRun.tsx in packages/react-heat-streams/src/components/CategoryChart |
25 | - |
 babelrc.cjs.js in root |
23 | - |
babelrc.esm.js in root |
23 | - |
buildDomainScrub.ts in pbi-heat-streams/src/data |
23 | 2 |
Backboard.tsx in packages/react-heat-streams/src/components |
21 | - |
sortCategories.ts in pbi-heat-streams/src/data |
21 | - |
CategoryView.tsx in packages/react-heat-streams/src/components/CategoryChart |
19 | - |
VisualRenderingOptionsImpl.ts in pbi-heat-streams/src/settings |
15 | - |
VisualDataOptionsImpl.ts in pbi-heat-streams/src/settings |
13 | - |
VisualSettings.ts in pbi-heat-streams/src/settings |
9 | - |
printValue.ts in packages/react-heat-streams/src/components |
6 | 1 |
types.ts in pbi-heat-streams/src |
6 | - |
index.ts in packages/react-heat-streams/src |
3 | - |
index.tsx in pbi-heat-streams/src/chart |
2 | - |
commitlint.config.js in root |
1 | - |
header.js in root |
1 | - |
index.ts in packages/react-heat-streams/src/components |
1 | - |
Files With Most Units (Top 18)
| File | # lines | # units |
|---|---|---|
HeatStreamsChart.tsx in packages/react-heat-streams/src/components |
320 | 10 |
ChartOptions.ts in pbi-heat-streams/src/chart |
64 | 10 |
Interactions.ts in pbi-heat-streams/src |
78 | 7 |
utils.ts in packages/react-heat-streams/src |
47 | 6 |
ChartColorizer.ts in pbi-heat-streams/src/chart |
60 | 6 |
convertCategoricalDataView.ts in pbi-heat-streams/src/data |
109 | 6 |
logger.ts in pbi-heat-streams/src |
32 | 5 |
ValueText.tsx in packages/react-heat-streams/src/components/CategoryChart |
64 | 4 |
Visual.ts in pbi-heat-streams/src |
94 | 4 |
Chart.tsx in pbi-heat-streams/src/chart |
65 | 4 |
DataViewConverter.ts in pbi-heat-streams/src/data |
67 | 4 |
CategoryNameList.tsx in packages/react-heat-streams/src/components |
127 | 2 |
aggregateValueSlices.ts in pbi-heat-streams/src/data |
77 | 2 |
buildDomainScrub.ts in pbi-heat-streams/src/data |
23 | 2 |
InteractiveChart.tsx in packages/react-heat-streams-stories/stories |
103 | 1 |
index.tsx in packages/react-heat-streams/src/components/CategoryChart |
88 | 1 |
CategoryChartList.tsx in packages/react-heat-streams/src/components |
62 | 1 |
printValue.ts in packages/react-heat-streams/src/components |
6 | 1 |
Files With Long Lines (Top 0)
There are 0 files with lines longer than 120 characters. In total, there are 0 long lines.
| File | # lines | # units | # long lines |
|---|---|---|---|