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 334 files with 21,521 lines of code.
- 0 very long files (0 lines of code)
- 4 long files (2,713 lines of code)
- 10 medium size files (2,981 lines of codeclsfd_ftr_w_mp_ins)
- 32 small files (4,385 lines of code)
- 288 very small files (11,442 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 |
|---|---|---|
 sc-webgl-base-chart.tsx in packages/synchro-charts/src/components/charts/sc-webgl-base-chart |
790 | 12 |
sc-webgl-base-chart.spec.tsx in packages/synchro-charts/src/components/charts/sc-webgl-base-chart |
702 | 5 |
sc-legend.spec.tsx in packages/synchro-charts/src/components/charts/sc-legend |
686 | - |
sc-tooltip-rows.spec.tsx in packages/synchro-charts/src/components/charts/sc-tooltip |
535 | - |
Demo.jsx in packages/doc-site/src/components/chart-demo |
493 | - |
sc-status-timeline-overlay.spec.tsx in packages/synchro-charts/src/components/charts/sc-status-timeline/sc-status-timeline-overlay |
442 | - |
 routes.ts in packages/synchro-charts/src/testing/app |
346 | - |
sc-table.spec.tsx in packages/synchro-charts/src/components/sc-table |
341 | - |
YAnnotations.ts in packages/synchro-charts/src/components/charts/common/annotations/YAnnotations |
263 | - |
sc-status-grid.spec.tsx in packages/synchro-charts/src/components/sc-status-grid |
226 | - |
sc-webgl-axis.spec.tsx in packages/synchro-charts/src/components/charts/sc-webgl-base-chart |
225 | - |
utils.ts in packages/synchro-charts/src/components/charts/common/annotations |
223 | - |
sc-status-cell.spec.tsx in packages/synchro-charts/src/components/sc-status-grid/sc-status-cell |
212 | - |
statusMesh.ts in packages/synchro-charts/src/components/charts/sc-status-timeline |
210 | - |
sc-widget-grid.tsx in packages/synchro-charts/src/components/sc-widget-grid |
191 | 9 |
LiveDemo.jsx in packages/doc-site/src/components/chart-demo |
188 | - |
draggableAnnotations.ts in packages/synchro-charts/src/components/charts/common/annotations |
177 | - |
sc-tooltip-rows.tsx in packages/synchro-charts/src/components/charts/sc-tooltip |
177 | - |
constants.ts in packages/synchro-charts/src/testing/dynamicWidgetUtils |
173 | 2 |
lineMesh.ts in packages/synchro-charts/src/components/charts/sc-line-chart |
173 | 1 |
sc-webgl-chart-annotation-editable.tsx in packages/synchro-charts/src/testing/test-routes/charts |
172 | 2 |
Zoom.spec.tsx in packages/synchro-charts/src/components/charts/sc-webgl-base-chart/Zoom |
162 | 2 |
barMesh.ts in packages/synchro-charts/src/components/charts/sc-bar-chart |
161 | - |
types.ts in packages/synchro-charts/src/components/charts/common |
157 | - |
sc-gesture-handler.tsx in packages/synchro-charts/src/components/charts/sc-webgl-base-chart |
152 | 6 |
renderAxis.ts in packages/synchro-charts/src/components/charts/sc-webgl-base-chart |
142 | - |
sc-legend-row.spec.tsx in packages/synchro-charts/src/components/charts/sc-legend/sc-legend-row |
138 | - |
sc-kpi-base.tsx in packages/synchro-charts/src/components/sc-kpi/sc-kpi-base |
138 | 1 |
webglContext.ts in packages/synchro-charts/src/components/sc-webgl-context |
135 | 1 |
sc-webgl-chart-dynamic-charts.tsx in packages/synchro-charts/src/testing/test-routes/charts |
131 | 1 |
sc-tooltip-row.spec.tsx in packages/synchro-charts/src/components/charts/sc-tooltip |
127 | - |
 styleguide.config.js in packages/doc-site |
125 | 2 |
describePassedInProps.tsx in packages/synchro-charts/src/testing/chartDescriptions |
124 | - |
dataTypes.ts in packages/synchro-charts/src/utils |
122 | - |
tableDataMock.ts in packages/synchro-charts/src/testing/test-routes/sc-table |
121 | - |
Zoom.ts in packages/synchro-charts/src/components/charts/sc-webgl-base-chart/Zoom |
116 | 5 |
sc-legend.tsx in packages/synchro-charts/src/components/charts/sc-legend |
113 | - |
 sc-table-base.css in packages/synchro-charts/src/components/sc-table/sc-table-base |
110 | - |
pointMesh.ts in packages/synchro-charts/src/components/charts/common/meshes |
110 | 2 |
sc-kpi-base.css in packages/synchro-charts/src/components/sc-kpi/sc-kpi-base |
110 | - |
time.ts in packages/synchro-charts/src/utils |
109 | - |
testCaseParameters.ts in packages/synchro-charts/src/testing/dynamicWidgetUtils |
108 | - |
iconUtils.tsx in packages/synchro-charts/src/components/charts/common/annotations |
108 | 7 |
sc-table-cell.spec.tsx in packages/synchro-charts/src/components/sc-table/sc-table-cell |
106 | - |
sc-status-cell.tsx in packages/synchro-charts/src/components/sc-status-grid/sc-status-cell |
106 | 1 |
thresholdBands.ts in packages/synchro-charts/src/components/charts/common/annotations |
103 | - |
serviceWorker.js in packages/doc-site/src |
98 | 4 |
sc-status-timeline.tsx in packages/synchro-charts/src/components/charts/sc-status-timeline |
98 | 2 |
sc-status-timeline-overlay.tsx in packages/synchro-charts/src/components/charts/sc-status-timeline/sc-status-timeline-overlay |
97 | 3 |
getYRange.ts in packages/synchro-charts/src/components/charts/common |
96 | - |
Files With Most Units (Top 20)
| File | # lines | # units |
|---|---|---|
sc-webgl-base-chart.tsx in packages/synchro-charts/src/components/charts/sc-webgl-base-chart |
790 | 12 |
sc-widget-grid.tsx in packages/synchro-charts/src/components/sc-widget-grid |
191 | 9 |
iconUtils.tsx in packages/synchro-charts/src/components/charts/common/annotations |
108 | 7 |
sc-gesture-handler.tsx in packages/synchro-charts/src/components/charts/sc-webgl-base-chart |
152 | 6 |
createOverlayComponent.tsx in packages/synchro-charts-react/src/react-component-lib |
65 | 6 |
sc-table.tsx in packages/synchro-charts/src/components/sc-table |
74 | 5 |
Zoom.ts in packages/synchro-charts/src/components/charts/sc-webgl-base-chart/Zoom |
116 | 5 |
sc-webgl-base-chart.spec.tsx in packages/synchro-charts/src/components/charts/sc-webgl-base-chart |
702 | 5 |
createControllerComponent.tsx in packages/synchro-charts-react/src/react-component-lib |
60 | 5 |
createComponent.tsx in packages/synchro-charts-react/src/react-component-lib |
51 | 5 |
attachEventProps.ts in packages/synchro-charts-react/src/react-component-lib/utils |
66 | 5 |
serviceWorker.js in packages/doc-site/src |
98 | 4 |
webGLPositioning.ts in packages/synchro-charts/src/components/common |
58 | 4 |
utils-draggable.ts in packages/synchro-charts/cypress/integration/charts |
36 | 3 |
sc-line-chart-stream-data.tsx in packages/synchro-charts/src/testing/test-routes/charts/performance |
87 | 3 |
sc-status-timeline-overlay.tsx in packages/synchro-charts/src/components/charts/sc-status-timeline/sc-status-timeline-overlay |
97 | 3 |
sc-tooltip.tsx in packages/synchro-charts/src/components/charts/sc-tooltip |
77 | 3 |
sc-size-provider.tsx in packages/synchro-charts/src/components/sc-size-provider |
63 | 3 |
styleguide.config.js in packages/doc-site |
125 | 2 |
sc-webgl-chart-annotation-editable.tsx in packages/synchro-charts/src/testing/test-routes/charts |
172 | 2 |
Files With Long Lines (Top 15)
There are 15 files with lines longer than 120 characters. In total, there are 28 long lines.
| File | # lines | # units | # long lines |
|---|---|---|---|
sc-tooltip-rows.spec.tsx in packages/synchro-charts/src/components/charts/sc-tooltip |
535 | - | 6 |
Demo.jsx in packages/doc-site/src/components/chart-demo |
493 | - | 3 |
sc-legend.spec.tsx in packages/synchro-charts/src/components/charts/sc-legend |
686 | - | 3 |
iconUtils.tsx in packages/synchro-charts/src/components/charts/common/annotations |
108 | 7 | 3 |
newChartSpecPage.ts in packages/synchro-charts/src/testing/chartDescriptions |
74 | - | 2 |
 CHANGELOG.MD in packages/synchro-charts |
9 | - | 2 |
sc-webgl-chart-annotation-editable.tsx in packages/synchro-charts/src/testing/test-routes/charts |
172 | 2 | 1 |
testCaseParameters.ts in packages/synchro-charts/src/testing/test-routes/status-grid |
82 | - | 1 |
sc-status-cell.tsx in packages/synchro-charts/src/components/sc-status-grid/sc-status-cell |
106 | 1 | 1 |
sc-status-cell.spec.tsx in packages/synchro-charts/src/components/sc-status-grid/sc-status-cell |
212 | - | 1 |
sc-status-grid.spec.tsx in packages/synchro-charts/src/components/sc-status-grid |
226 | - | 1 |
status.vert.ts in packages/synchro-charts/src/components/charts/sc-status-timeline |
15 | 1 | 1 |
sc-status-timeline-overlay.spec.tsx in packages/synchro-charts/src/components/charts/sc-status-timeline/sc-status-timeline-overlay |
442 | - | 1 |
clipSpaceConversion.ts in packages/synchro-charts/src/components/charts/sc-webgl-base-chart |
43 | - | 1 |
sc-webgl-base-chart.tsx in packages/synchro-charts/src/components/charts/sc-webgl-base-chart |
790 | 12 | 1 |