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 399 files with 16,648 lines of code.
- 0 very long files (0 lines of code)
- 2 long files (1,420 lines of code)
- 6 medium size files (1,506 lines of codeclsfd_ftr_w_mp_ins)
- 27 small files (3,558 lines of code)
- 364 very small files (10,164 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 50)
| File | # lines | # units |
|---|---|---|
 LogScaleLineChartRegression.tsx in packages/docs-examples/src/regressions/LogScaleLineChartRegression |
787 | 1 |
 styles.ts in packages/docs-site/src/components |
633 | - |
MarkBuilder.ts in packages/api-builder/src/api |
360 | 73 |
render.ts in packages/util-shapes/src |
267 | 3 |
JobVoyager.tsx in packages/docs-examples/src/renderless/JobVoyager |
236 | 1 |
PopulationPyramid.tsx in packages/docs-examples/src/renderless/PopulationPyramid |
217 | 1 |
scene.ts in packages/api-interfaces/src/specification |
214 | - |
splash.hooks.ts in packages/docs-site/src/components/splash |
212 | 12 |
AxisSpec.ts in packages/api-builder/src/spec |
196 | 49 |
GroupedBarChart.tsx in packages/charts/src/BarChart/variants |
196 | 2 |
 write_sample_boilerplate.js in packages/docs-site |
163 | 2 |
link_tree.tsx in packages/docs-site/src/components/sidebar |
161 | 1 |
ElbowPlot.tsx in packages/docs-examples/src/renderless/ElbowPlot |
157 | - |
SceneFrame.ts in packages/api-builder/src/xform/context |
155 | 11 |
PopulationPyramid.js in packages/docs-examples-mobile/src |
147 | 1 |
StackedBarChart.tsx in packages/charts/src/BarChart/variants |
143 | 2 |
single-mark-tester.tsx in packages/docs-site/src/components/mark-testers/util |
135 | - |
createBoundItem.ts in packages/api-builder/src/xform/marks |
131 | 6 |
BarChart.tsx in packages/docs-examples/src/renderless/BarChart |
130 | - |
AxisBuilder.ts in packages/api-builder/src/api |
129 | 23 |
processMark.ts in packages/api-builder/src/xform/marks |
127 | 7 |
index.ts in packages/util-shapes/src/symbols |
127 | 4 |
bin.ts in packages/util-transform/src/facade |
127 | 16 |
scenegraph.ts in packages/api-interfaces/src |
120 | - |
GroupRenderer.ts in packages/processing-vsvg/src/element_renderers |
119 | 7 |
curves.ts in packages/processing-vsvg/src/path |
119 | 1 |
Chart.tsx in packages/api-react/src |
118 | 4 |
header.tsx in packages/docs-site/src/components/header |
113 | - |
getContext.ts in packages/api-builder/src/xform/axes |
112 | 5 |
svg.ts in packages/api-interfaces/src/vdom |
110 | - |
index.ts in packages/docs-testdata/src |
110 | - |
splashcontent.tsx in packages/docs-site/src/components/splash |
107 | 1 |
App.js in packages/docs-examples-mobile |
103 | - |
GroupedBarChartBuilder.tsx in packages/docs-examples/src/builder |
102 | 1 |
types.ts in packages/api-react/src |
101 | - |
text-tester.tsx in packages/docs-site/src/components/mark-testers |
100 | - |
DomainScale.ts in packages/util-scales/src |
100 | 10 |
common-types.ts in packages/api-interfaces/src |
96 | - |
parse.ts in packages/processing-scenegraph/src |
96 | 4 |
PlainBarChart.tsx in packages/charts/src/BarChart/variants |
93 | - |
StackedBarChart.tsx in packages/docs-examples/src/renderless/StackedBarChart |
93 | - |
QuantitativeScale.ts in packages/util-scales/src/quantitative |
92 | 11 |
BandScale.ts in packages/util-scales/src/discrete |
91 | 8 |
arc.ts in packages/util-shapes/src |
91 | 1 |
colorSchemeMap.ts in packages/util-scales/src |
89 | - |
GroupedBarChart.tsx in packages/docs-examples/src/renderless/GroupedBarChart |
88 | - |
aggregate.ts in packages/util-transform/src/facade |
87 | 7 |
dataset.ts in packages/util-transform/src/facade |
86 | 7 |
SceneNodeBuilder.ts in packages/api-builder/src/api |
85 | 7 |
Renderer.tsx in packages/renderer-react-svg/src |
85 | 4 |
Files With Most Units (Top 20)
| File | # lines | # units |
|---|---|---|
MarkBuilder.ts in packages/api-builder/src/api |
360 | 73 |
AxisSpec.ts in packages/api-builder/src/spec |
196 | 49 |
AxisBuilder.ts in packages/api-builder/src/api |
129 | 23 |
MarkSpec.ts in packages/api-builder/src/spec |
78 | 17 |
factories.ts in packages/api-builder/src/api |
74 | 16 |
bin.ts in packages/util-transform/src/facade |
127 | 16 |
splash.hooks.ts in packages/docs-site/src/components/splash |
212 | 12 |
SceneFrame.ts in packages/api-builder/src/xform/context |
155 | 11 |
QuantitativeScale.ts in packages/util-scales/src/quantitative |
92 | 11 |
DomainScale.ts in packages/util-scales/src |
100 | 10 |
ChartOptionsManager.ts in packages/api-builder/src/api |
52 | 9 |
SceneNodeSpec.ts in packages/api-builder/src/spec |
35 | 9 |
MarkBuilder.ts in packages/processing-scenegraph/src |
46 | 8 |
DomainRangeScale.ts in packages/util-scales/src |
65 | 8 |
BandScale.ts in packages/util-scales/src/discrete |
91 | 8 |
countPattern.ts in packages/util-transform/src/facade |
64 | 8 |
stack.ts in packages/util-transform/src/facade |
60 | 8 |
SceneNodeBuilder.ts in packages/api-builder/src/api |
85 | 7 |
index.ts in packages/api-builder/src/xform/axes/components/tickLines |
62 | 7 |
processMark.ts in packages/api-builder/src/xform/marks |
127 | 7 |
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 |
|---|---|---|---|
 examplesmobileTests.m in packages/docs-examples-mobile/ios/examplesmobileTests |
47 | - | 1 |
DomainScale.ts in packages/util-scales/src |
100 | 10 | 1 |