awslabs / performance-dashboard-on-aws
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 278 files with 33,673 lines of code.
    • 1 very long files (1,332 lines of code)
    • 8 long files (4,855 lines of code)
    • 43 medium size files (12,709 lines of codeclsfd_ftr_w_mp_ins)
    • 55 small files (7,601 lines of code)
    • 171 very small files (7,176 lines of code)
3% | 14% | 37% | 22% | 21%
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
yaml100% | 0% | 0% | 0% | 0%
tsx0% | 19% | 43% | 21% | 15%
ts0% | 6% | 33% | 26% | 33%
scss0% | 0% | 0% | 41% | 58%
html0% | 0% | 0% | 90% | 9%
css0% | 0% | 0% | 0% | 100%
yml0% | 0% | 0% | 0% | 100%
js0% | 0% | 0% | 0% | 100%
File Size per Logical Decomposition
primary
1001+
501-1000
201-500
101-200
1-100
backend/postman100% | 0% | 0% | 0% | 0%
frontend/src/containers0% | 25% | 45% | 20% | 8%
frontend/src/components0% | 13% | 38% | 21% | 27%
backend/src/lib0% | 12% | 28% | 23% | 35%
frontend/src/services0% | 0% | 44% | 40% | 15%
cdk/lib0% | 0% | 61% | 26% | 11%
frontend/src0% | 0% | 47% | 31% | 21%
frontend/src/models0% | 0% | 100% | 0% | 0%
frontend/src/hooks0% | 0% | 20% | 23% | 56%
cdk/lib/constructs0% | 0% | 32% | 18% | 49%
frontend/src/layouts0% | 0% | 0% | 58% | 41%
cdk/lib/data0% | 0% | 0% | 100% | 0%
frontend/src/context0% | 0% | 0% | 100% | 0%
frontend/src/styles0% | 0% | 0% | 0% | 100%
cdk/lib/envconfig0% | 0% | 0% | 0% | 100%
backend/src/lambda0% | 0% | 0% | 0% | 100%
ROOT0% | 0% | 0% | 0% | 100%
frontend/public0% | 0% | 0% | 0% | 100%
backend0% | 0% | 0% | 0% | 100%
cdk0% | 0% | 0% | 0% | 100%
backend/src/local0% | 0% | 0% | 0% | 100%
Longest Files (Top 50)
File# lines# units
openapi.yaml
in backend/postman
1332 -
Table.tsx
in frontend/src/components
684 1
ViewDashboardAdmin.tsx
in frontend/src/containers
682 4
EditChart.tsx
in frontend/src/containers
669 4
dashboard-repo.ts
in backend/src/lib/repositories
607 22
AddMetrics.tsx
in frontend/src/containers
604 13
EditTable.tsx
in frontend/src/containers
590 4
VisualizeChart.tsx
in frontend/src/components
511 7
AddChart.tsx
in frontend/src/containers
508 7
ops-stack.ts
in cdk/lib
490 3
BackendService.ts
in frontend/src/services
471 44
CheckData.tsx
in frontend/src/components
440 7
AddTable.tsx
in frontend/src/containers
432 7
WidgetList.tsx
in frontend/src/components
417 -
App.tsx
in frontend/src
391 55
PublishDashboard.tsx
in frontend/src/containers
390 9
widget-factory.ts
in backend/src/lib/factories
381 21
EditMetrics.tsx
in frontend/src/containers
365 3
DonutChartWidget.tsx
in frontend/src/components
362 -
EditDashboard.tsx
in frontend/src/containers
359 1
EditImage.tsx
in frontend/src/containers
331 4
PieChartWidget.tsx
in frontend/src/components
328 -
index.tsx
in frontend/src/models
320 -
dashboard-ctrl.ts
in backend/src/lib/controllers
320 15
EditDetails.tsx
in frontend/src/containers
303 2
EditMetric.tsx
in frontend/src/containers
301 11
AddImage.tsx
in frontend/src/containers
283 3
EditSection.tsx
in frontend/src/containers
281 4
OrderingService.ts
in frontend/src/services
278 2
ColumnChartWidget.tsx
in frontend/src/components
275 -
AddSection.tsx
in frontend/src/containers
274 5
VisualizeTable.tsx
in frontend/src/components
272 1
BarChartWidget.tsx
in frontend/src/components
269 2
FormattingCSV.tsx
in frontend/src/containers
268 -
AddMetric.tsx
in frontend/src/containers
260 8
MetricsList.tsx
in frontend/src/components
254 1
EditTableOfContents.tsx
in frontend/src/containers
253 4
PartWholeChartWidget.tsx
in frontend/src/components
242 -
ChooseData.tsx
in frontend/src/components
236 7
DashboardListing.tsx
in frontend/src/containers
233 -
dashboard-hooks.ts
in frontend/src/hooks
229 6
api.ts
in cdk/lib/constructs
227 4
widget-repo.ts
in backend/src/lib/repositories
226 9
EditText.tsx
in frontend/src/containers
224 4
LineChartWidget.tsx
in frontend/src/components
223 -
widget-ctrl.ts
in backend/src/lib/controllers
221 6
auth-stack.ts
in cdk/lib
220 5
AddText.tsx
in frontend/src/containers
217 4
dashboard-factory.ts
in backend/src/lib/factories
217 11
UserListing.tsx
in frontend/src/containers
215 5
Files With Most Units (Top 20)
File# lines# units
App.tsx
in frontend/src
391 55
BackendService.ts
in frontend/src/services
471 44
dashboard-repo.ts
in backend/src/lib/repositories
607 22
widget-factory.ts
in backend/src/lib/factories
381 21
dashboard-ctrl.ts
in backend/src/lib/controllers
320 15
AddContent.tsx
in frontend/src/containers
194 13
AddMetrics.tsx
in frontend/src/containers
604 13
EditMetric.tsx
in frontend/src/containers
301 11
UtilsService.ts
in frontend/src/services
151 11
StorageService.ts
in frontend/src/services
193 11
dashboard-factory.ts
in backend/src/lib/factories
217 11
dataset-repo.ts
in backend/src/lib/repositories
171 10
dynamodb.ts
in backend/src/lib/services
70 10
PublishDashboard.tsx
in frontend/src/containers
390 9
topicarea-repo.ts
in backend/src/lib/repositories
125 9
widget-repo.ts
in backend/src/lib/repositories
226 9
AddMetric.tsx
in frontend/src/containers
260 8
AddChart.tsx
in frontend/src/containers
508 7
AddTable.tsx
in frontend/src/containers
432 7
VisualizeChart.tsx
in frontend/src/components
511 7
Files With Long Lines (Top 12)

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

File# lines# units# long lines
MetricsList.tsx
in frontend/src/components
254 1 6
WidgetList.tsx
in frontend/src/components
417 - 4
frontend-stack.ts
in cdk/lib
153 2 2
function-aspect.ts
in cdk/lib/constructs
57 2 1
api.ts
in cdk/lib/constructs
227 4 1
VisualizeChart.tsx
in frontend/src/components
511 7 1
MetricsCardGroup.tsx
in frontend/src/components
121 1 1
Header.tsx
in frontend/src/components
16 - 1
Table.tsx
in frontend/src/components
684 1 1
SecondaryActionBar.tsx
in frontend/src/components
19 - 1
VisualizeTable.tsx
in frontend/src/components
272 1 1
homepage-repo.ts
in backend/src/lib/repositories
74 4 1