awslabs / aws-data-api-ux
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 51 files with 2,309 lines of code.
    • 0 very long files (0 lines of code)
    • 0 long files (0 lines of code)
    • 1 medium size files (246 lines of codeclsfd_ftr_w_mp_ins)
    • 6 small files (855 lines of code)
    • 44 very small files (1,208 lines of code)
0% | 0% | 10% | 37% | 52%
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
scss0% | 0% | 35% | 44% | 19%
ts0% | 0% | 0% | 33% | 66%
html0% | 0% | 0% | 35% | 64%
webmanifest0% | 0% | 0% | 0% | 100%
File Size per Logical Decomposition
primary
1001+
501-1000
201-500
101-200
1-100
src/app/stage0% | 0% | 21% | 49% | 29%
src/app/dashboard0% | 0% | 0% | 73% | 26%
src/app0% | 0% | 0% | 48% | 51%
src0% | 0% | 0% | 0% | 100%
src/app/app-services0% | 0% | 0% | 0% | 100%
src/app/security0% | 0% | 0% | 0% | 100%
src/app/shared0% | 0% | 0% | 0% | 100%
src/app/app-interceptors0% | 0% | 0% | 0% | 100%
src/app/app-guards0% | 0% | 0% | 0% | 100%
src/app/app-validators0% | 0% | 0% | 0% | 100%
src/assets/fav0% | 0% | 0% | 0% | 100%
src/environments0% | 0% | 0% | 0% | 100%
src/app/app-models0% | 0% | 0% | 0% | 100%
Longest Files (Top 50)
File# lines# units
namespace-edit.component.scss
in angular/src/app/stage/namespace-edit
246 -
namespace-details.component.html
in angular/src/app/stage/namespace-details
182 -
dashboard-detail.component.scss
in angular/src/app/dashboard/dashboard-detail
171 -
app.component.scss
in angular/src/app
135 -
namespace-details.component.ts
in angular/src/app/stage/namespace-details
132 8
item-list.component.ts
in angular/src/app/stage/item-list
132 6
namespace-edit.component.ts
in angular/src/app/stage/namespace-edit
103 3
shared.module.ts
in angular/src/app/shared
96 2
namespace-edit.component.html
in angular/src/app/stage/namespace-edit
74 -
styles.scss
in angular/src
73 -
app.component.html
in angular/src/app
60 -
styles-variables.scss
in angular/src
52 -
security-login.component.ts
in angular/src/app/security/security-login
51 1
security-login.component.html
in angular/src/app/security/security-login
49 -
stage-details.component.ts
in angular/src/app/stage/stage-details
49 3
app.module.ts
in angular/src/app
43 -
item-list.component.html
in angular/src/app/stage/item-list
43 -
app.component.ts
in angular/src/app
42 2
stage-details.component.html
in angular/src/app/stage/stage-details
40 -
stage.service.ts
in angular/src/app/app-services
39 1
form-helper.service.ts
in angular/src/app/app-services
37 5
namespace.service.ts
in angular/src/app/app-services
34 -
stage-list.component.html
in angular/src/app/stage/stage-list
33 -
security.interceptor.ts
in angular/src/app/app-interceptors
33 1
stage-list.component.ts
in angular/src/app/stage/stage-list
32 2
stage.module.ts
in angular/src/app/stage
30 -
security.service.ts
in angular/src/app/app-services
29 1
resource.service.ts
in angular/src/app/app-services
24 -
test.ts
in angular/src
23 -
index.html
in angular/src
21 -
stage-routing.module.ts
in angular/src/app/stage
20 -
dashboard.module.ts
in angular/src/app/dashboard
19 -
dashboard-detail.component.ts
in angular/src/app/dashboard/dashboard-detail
19 1
security.module.ts
in angular/src/app/security
17 -
security.guard.ts
in angular/src/app/app-guards
17 1
must-match.validator.ts
in angular/src/app/app-validators
15 1
custom-date-adapter.ts
in angular/src/app/shared
15 1
webmanifest
site.webmanifest
in angular/src/assets/fav
14 -
dashboard-routing.module.ts
in angular/src/app/dashboard
14 -
security-routing.module.ts
in angular/src/app/security
11 -
dashboard-detail.component.html
in angular/src/app/dashboard/dashboard-detail
10 -
main.ts
in angular/src
9 -
identity.ts
in angular/src/app/app-models
5 -
environment.ts
in angular/src/environments
4 -
environment.prod.ts
in angular/src/environments
4 -
security-login.component.scss
in angular/src/app/security/security-login
3 -
polyfills.ts
in angular/src
1 -
namespace-details.component.scss
in angular/src/app/stage/namespace-details
1 -
stage-details.component.scss
in angular/src/app/stage/stage-details
1 -
item-list.component.scss
in angular/src/app/stage/item-list
1 -
Files With Most Units (Top 16)
File# lines# units
namespace-details.component.ts
in angular/src/app/stage/namespace-details
132 8
item-list.component.ts
in angular/src/app/stage/item-list
132 6
form-helper.service.ts
in angular/src/app/app-services
37 5
namespace-edit.component.ts
in angular/src/app/stage/namespace-edit
103 3
stage-details.component.ts
in angular/src/app/stage/stage-details
49 3
app.component.ts
in angular/src/app
42 2
shared.module.ts
in angular/src/app/shared
96 2
stage-list.component.ts
in angular/src/app/stage/stage-list
32 2
security-login.component.ts
in angular/src/app/security/security-login
51 1
security.service.ts
in angular/src/app/app-services
29 1
stage.service.ts
in angular/src/app/app-services
39 1
dashboard-detail.component.ts
in angular/src/app/dashboard/dashboard-detail
19 1
must-match.validator.ts
in angular/src/app/app-validators
15 1
custom-date-adapter.ts
in angular/src/app/shared
15 1
security.guard.ts
in angular/src/app/app-guards
17 1
security.interceptor.ts
in angular/src/app/app-interceptors
33 1
Files With Long Lines (Top 10)

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

File# lines# units# long lines
namespace-details.component.html
in angular/src/app/stage/namespace-details
182 - 15
security-login.component.html
in angular/src/app/security/security-login
49 - 10
namespace-edit.component.html
in angular/src/app/stage/namespace-edit
74 - 8
stage-details.component.html
in angular/src/app/stage/stage-details
40 - 4
app.component.html
in angular/src/app
60 - 3
dashboard-detail.component.html
in angular/src/app/dashboard/dashboard-detail
10 - 2
resource.service.ts
in angular/src/app/app-services
24 - 1
stage.service.ts
in angular/src/app/app-services
39 1 1
shared.module.ts
in angular/src/app/shared
96 2 1
stage-list.component.html
in angular/src/app/stage/stage-list
33 - 1