google / zazu
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 155 files with 11,708 lines of code.
    • 1 very long files (1,829 lines of code)
    • 1 long files (701 lines of code)
    • 7 medium size files (1,838 lines of codeclsfd_ftr_w_mp_ins)
    • 27 small files (3,584 lines of code)
    • 119 very small files (3,756 lines of code)
15% | 5% | 15% | 30% | 32%
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
js77% | 0% | 13% | 5% | 3%
scss0% | 45% | 0% | 8% | 45%
ts0% | 0% | 23% | 49% | 27%
html0% | 0% | 9% | 26% | 64%
File Size per Logical Decomposition
primary
1001+
501-1000
201-500
101-200
1-100
src/routes100% | 0% | 0% | 0% | 0%
front-end/src0% | 86% | 0% | 0% | 13%
front-end/src/app/admin0% | 0% | 24% | 47% | 28%
src/utilities0% | 0% | 94% | 0% | 5%
front-end/src/app/shared0% | 0% | 11% | 37% | 50%
src0% | 0% | 0% | 100% | 0%
front-end/src/angular-material0% | 0% | 0% | 100% | 0%
front-end/src/app/auth0% | 0% | 0% | 0% | 100%
front-end/src/app0% | 0% | 0% | 0% | 100%
front-end/src/app/viewer0% | 0% | 0% | 0% | 100%
src/models0% | 0% | 0% | 0% | 100%
front-end/src/environments0% | 0% | 0% | 0% | 100%
Longest Files (Top 50)
File# lines# units
api.js
in src/routes
1829 15
styles.scss
in front-end/src
701 -
utils.js
in src/utilities
323 8
organization-details.component.ts
in front-end/src/app/admin/organization-details
298 20
report.service.ts
in front-end/src/app/shared/services
281 16
edit-report.component.ts
in front-end/src/app/admin/edit-report
266 13
create-new-report.component.ts
in front-end/src/app/admin/create-new-report
236 13
edit-user.component.ts
in front-end/src/app/admin/edit-user
229 4
organization-details.component.html
in front-end/src/app/admin/organization-details
205 -
share-report.component.ts
in front-end/src/app/admin/share-report
181 9
report-list.component.ts
in front-end/src/app/shared/common-view/report-list
177 12
user.service.ts
in front-end/src/app/shared/services
174 13
edit-report-access.component.ts
in front-end/src/app/admin/edit-report-access
162 6
edit-organization.component.ts
in front-end/src/app/admin/edit-organization
156 11
admin-report-details.component.ts
in front-end/src/app/admin/admin-report-details
155 8
create-new-user.component.ts
in front-end/src/app/admin/create-new-user
155 6
admin-routing.module.ts
in front-end/src/app/admin
141 -
create-new-user.component.html
in front-end/src/app/admin/create-new-user
139 -
viewer-organization-list.component.ts
in front-end/src/app/shared/common-view/viewer-organization-list
137 9
create-new-report.component.html
in front-end/src/app/admin/create-new-report
135 -
user-details.component.ts
in front-end/src/app/admin/user-details
131 8
admin.component.scss
in front-end/src/app/admin
129 -
viewer-report-list.component.ts
in front-end/src/app/shared/common-view/viewer-report-list
127 10
create-new-datarule.component.html
in front-end/src/app/admin/create-new-datarule
124 -
organization.service.ts
in front-end/src/app/shared/services
124 9
create-new-datarule.component.ts
in front-end/src/app/admin/create-new-datarule
122 6
organization-list.component.ts
in front-end/src/app/admin/organization/organization-list
121 9
edit-data-rule.component.ts
in front-end/src/app/admin/edit-data-rule
120 5
create-new-organization.component.ts
in front-end/src/app/admin/create-new-organization
119 10
index.js
in src
118 2
angular-material.module.ts
in front-end/src/angular-material
115 -
admin.module.ts
in front-end/src/app/admin
108 -
viewer.service.ts
in front-end/src/app/shared/services
108 14
edit-report.component.html
in front-end/src/app/admin/edit-report
103 -
user-list.component.ts
in front-end/src/app/shared/common-view/user-list
102 8
share-report.component.html
in front-end/src/app/admin/share-report
101 -
admin-report-details.component.html
in front-end/src/app/admin/admin-report-details
99 -
organization-list.component.html
in front-end/src/app/admin/organization/organization-list
92 -
report-list.component.html
in front-end/src/app/shared/common-view/report-list
92 -
viewer-report-list.component.html
in front-end/src/app/shared/common-view/viewer-report-list
90 -
viewer-report.component.ts
in front-end/src/app/shared/common-view/viewer-report
89 6
edit-data-rule.component.html
in front-end/src/app/admin/edit-data-rule
88 -
edit-user.component.html
in front-end/src/app/admin/edit-user
88 -
logout.component.scss
in front-end/src/app/auth/logout
87 -
user-list.component.html
in front-end/src/app/shared/common-view/user-list
85 -
auth.service.ts
in front-end/src/app/auth
84 7
login.component.scss
in front-end/src/app/auth/login
77 -
redirect.component.scss
in front-end/src/app/auth/redirect
77 -
org-list.pipe.ts
in front-end/src/app/shared/pipes
74 -
user-details.component.html
in front-end/src/app/admin/user-details
73 -
Files With Most Units (Top 20)
File# lines# units
organization-details.component.ts
in front-end/src/app/admin/organization-details
298 20
report.service.ts
in front-end/src/app/shared/services
281 16
api.js
in src/routes
1829 15
viewer.service.ts
in front-end/src/app/shared/services
108 14
create-new-report.component.ts
in front-end/src/app/admin/create-new-report
236 13
edit-report.component.ts
in front-end/src/app/admin/edit-report
266 13
user.service.ts
in front-end/src/app/shared/services
174 13
report-list.component.ts
in front-end/src/app/shared/common-view/report-list
177 12
edit-organization.component.ts
in front-end/src/app/admin/edit-organization
156 11
create-new-organization.component.ts
in front-end/src/app/admin/create-new-organization
119 10
viewer-report-list.component.ts
in front-end/src/app/shared/common-view/viewer-report-list
127 10
organization-list.component.ts
in front-end/src/app/admin/organization/organization-list
121 9
share-report.component.ts
in front-end/src/app/admin/share-report
181 9
viewer-organization-list.component.ts
in front-end/src/app/shared/common-view/viewer-organization-list
137 9
organization.service.ts
in front-end/src/app/shared/services
124 9
admin-report-details.component.ts
in front-end/src/app/admin/admin-report-details
155 8
user-details.component.ts
in front-end/src/app/admin/user-details
131 8
user-list.component.ts
in front-end/src/app/shared/common-view/user-list
102 8
utils.js
in src/utilities
323 8
auth.service.ts
in front-end/src/app/auth
84 7
Files With Long Lines (Top 20)

There are 51 files with lines longer than 120 characters. In total, there are 231 long lines.

File# lines# units# long lines
api.js
in src/routes
1829 15 36
admin-report-details.component.html
in front-end/src/app/admin/admin-report-details
99 - 17
create-new-report.component.html
in front-end/src/app/admin/create-new-report
135 - 17
organization-details.component.html
in front-end/src/app/admin/organization-details
205 - 15
edit-report.component.html
in front-end/src/app/admin/edit-report
103 - 13
share-report.component.html
in front-end/src/app/admin/share-report
101 - 9
report.service.ts
in front-end/src/app/shared/services
281 16 9
create-new-user.component.html
in front-end/src/app/admin/create-new-user
139 - 8
user-details.component.html
in front-end/src/app/admin/user-details
73 - 8
report-list.component.html
in front-end/src/app/shared/common-view/report-list
92 - 7
user-list.component.html
in front-end/src/app/shared/common-view/user-list
85 - 7
viewer-report-list.component.html
in front-end/src/app/shared/common-view/viewer-report-list
90 - 6
create-new-datarule.component.html
in front-end/src/app/admin/create-new-datarule
124 - 5
create-new-organization.component.html
in front-end/src/app/admin/create-new-organization
71 - 4
edit-organization.component.html
in front-end/src/app/admin/edit-organization
71 - 4
edit-report.component.ts
in front-end/src/app/admin/edit-report
266 13 4
edit-user.component.html
in front-end/src/app/admin/edit-user
88 - 4
edit-user.component.ts
in front-end/src/app/admin/edit-user
229 4 4
organization-list.component.html
in front-end/src/app/admin/organization/organization-list
92 - 4
organization-details.component.ts
in front-end/src/app/admin/organization-details
298 20 3