aws-samples / serverless-observability-workshop
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 122 files with 9,873 lines of code.
    • 2 very long files (3,674 lines of code)
    • 1 long files (522 lines of code)
    • 6 medium size files (1,538 lines of codeclsfd_ftr_w_mp_ins)
    • 11 small files (1,399 lines of code)
    • 102 very small files (2,740 lines of code)
37% | 5% | 15% | 14% | 27%
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
css57% | 8% | 20% | 2% | 11%
js0% | 0% | 16% | 33% | 49%
yaml0% | 0% | 0% | 79% | 20%
html0% | 0% | 0% | 27% | 72%
toml0% | 0% | 0% | 24% | 75%
ts0% | 0% | 0% | 0% | 100%
yml0% | 0% | 0% | 0% | 100%
py0% | 0% | 0% | 0% | 100%
File Size per Logical Decomposition
primary
1001+
501-1000
201-500
101-200
1-100
workshop/static84% | 0% | 7% | 5% | 2%
workshop/themes24% | 11% | 24% | 5% | 33%
code/log-processing0% | 0% | 58% | 0% | 41%
code/backend0% | 0% | 0% | 59% | 40%
code/sample-app-tracing0% | 0% | 0% | 52% | 47%
code/sample-app0% | 0% | 0% | 55% | 44%
workshop0% | 0% | 0% | 78% | 21%
workshop/layouts0% | 0% | 0% | 0% | 100%
code/cloudwatch-cdk0% | 0% | 0% | 0% | 100%
ROOT0% | 0% | 0% | 0% | 100%
Longest Files (Top 50)
File# lines# units
all.css
in workshop/static/css
2570 -
theme.css
in workshop/themes/learn/static/css
1104 -
nucleus.css
in workshop/themes/learn/static/css
522 -
mermaid.forest.css
in workshop/themes/learn/static/mermaid
340 -
mermaid.dark.css
in workshop/themes/learn/static/mermaid
262 -
mermaid.css
in workshop/themes/learn/static/mermaid
260 -
theme-aws.css
in workshop/static/css
243 -
index.js
in code/log-processing/src/handlers
221 13
hugo-theme.css
in workshop/themes/learn/static/css
212 -
template.yaml
in code/backend
165 -
theme-mine.css
in workshop/static/css
156 -
menu.html
in workshop/themes/learn/layouts/partials
147 -
template.yaml
in code/sample-app-tracing
139 -
logger.js
in code/sample-app-tracing/src/lib/logging
117 1
template.yaml
in code/sample-app
117 -
logger.js
in code/sample-app/src/lib/logging
117 1
logger.js
in code/backend/src/lib/logging
117 1
put-item.js
in code/backend/src/handlers
112 5
config.toml
in workshop
107 -
header.html
in workshop/themes/learn/layouts/partials
105 -
theme-green.css
in workshop/themes/learn/static/css
90 -
theme-blue.css
in workshop/themes/learn/static/css
90 -
theme-red.css
in workshop/themes/learn/static/css
90 -
children.html
in workshop/themes/learn/layouts/shortcodes
86 -
theme-mine.css
in workshop/themes/learn/exampleSite/static/css
84 -
syntax.css
in workshop/static/css
82 -
get-by-id.js
in code/backend/src/handlers
78 4
get-all-items.js
in code/backend/src/handlers
75 4
hybrid.css
in workshop/themes/learn/static/css
72 -
atom-one-dark-reasonable.css
in workshop/themes/learn/static/css
70 -
logger.js
in code/log-processing/src/lib/logging
67 2
put-item.js
in code/sample-app-tracing/src/handlers
67 1
default.css
in workshop/themes/learn/static/css
66 -
footer.html
in workshop/themes/learn/layouts/partials
66 -
config.toml
in workshop/themes/learn/exampleSite
62 -
cloudwatch-cdk-stack.ts
in code/cloudwatch-cdk/lib
61 1
notify-item.js
in code/backend/src/handlers
50 3
custom-header.html
in workshop/layouts/partials
50 -
404.html
in workshop/themes/learn/layouts
48 -
template.yaml
in code/log-processing
43 -
put-item.js
in code/sample-app/src/handlers
43 -
tabs.html
in workshop/layouts/shortcodes
43 -
tags.css
in workshop/themes/learn/static/css
42 -
get-by-id.js
in code/sample-app-tracing/src/handlers
41 -
get-by-id.js
in code/sample-app/src/handlers
41 -
auto-complete.css
in workshop/themes/learn/static/css
40 -
get-all-items.js
in code/sample-app-tracing/src/handlers
39 -
get-all-items.js
in code/sample-app/src/handlers
39 -
logo.html
in workshop/themes/learn/exampleSite/layouts/partials
37 -
attachments.html
in workshop/themes/learn/layouts/shortcodes
35 -
Files With Most Units (Top 14)
File# lines# units
index.js
in code/log-processing/src/handlers
221 13
put-item.js
in code/backend/src/handlers
112 5
get-by-id.js
in code/backend/src/handlers
78 4
get-all-items.js
in code/backend/src/handlers
75 4
notify-item.js
in code/backend/src/handlers
50 3
logger.js
in code/log-processing/src/lib/logging
67 2
locust-script.py
in code/sample-app-tracing
19 2
locust-script.py
in code/sample-app
19 2
locust-script.py
in code/backend
19 2
logger.js
in code/sample-app-tracing/src/lib/logging
117 1
put-item.js
in code/sample-app-tracing/src/handlers
67 1
logger.js
in code/sample-app/src/lib/logging
117 1
logger.js
in code/backend/src/lib/logging
117 1
cloudwatch-cdk-stack.ts
in code/cloudwatch-cdk/lib
61 1
Files With Long Lines (Top 20)

There are 50 files with lines longer than 120 characters. In total, there are 174 long lines.

File# lines# units# long lines
cloudwatch-cdk-stack.ts
in code/cloudwatch-cdk/lib
61 1 18
logo.html
in workshop/themes/learn/exampleSite/layouts/partials
37 - 16
footer.html
in workshop/themes/learn/layouts/partials
66 - 13
children.html
in workshop/themes/learn/layouts/shortcodes
86 - 12
theme.css
in workshop/themes/learn/static/css
1104 - 8
menu.html
in workshop/themes/learn/layouts/partials
147 - 8
put-item.js
in code/backend/src/handlers
112 5 6
get-by-id.js
in code/backend/src/handlers
78 4 6
get-all-items.js
in code/backend/src/handlers
75 4 6
cloudformation-parser.ts
in code/cloudwatch-cdk/lib/helper
25 - 6
custom-header.html
in workshop/layouts/partials
50 - 5
header.html
in workshop/themes/learn/layouts/partials
105 - 5
logger.js
in code/sample-app-tracing/src/lib/logging
117 1 4
logger.js
in code/sample-app/src/lib/logging
117 1 4
logger.js
in code/backend/src/lib/logging
117 1 4
menu-footer.html
in workshop/themes/learn/exampleSite/layouts/partials
7 - 4
404.html
in workshop/themes/learn/layouts
48 - 4
notify-item.js
in code/backend/src/handlers
50 3 3
all.css
in workshop/static/css
2570 - 3
theme-mine.css
in workshop/static/css
156 - 3