aws-samples / moving-up-stack-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 101 files with 7,016 lines of code.
    • 1 very long files (1,113 lines of code)
    • 2 long files (1,231 lines of code)
    • 5 medium size files (1,398 lines of codeclsfd_ftr_w_mp_ins)
    • 11 small files (1,331 lines of code)
    • 82 very small files (1,943 lines of code)
15% | 17% | 19% | 18% | 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
css40% | 19% | 16% | 11% | 12%
yaml0% | 44% | 37% | 0% | 17%
yml0% | 0% | 68% | 0% | 31%
py0% | 0% | 0% | 76% | 23%
html0% | 0% | 0% | 40% | 59%
vue0% | 0% | 0% | 86% | 13%
toml0% | 0% | 0% | 0% | 100%
js0% | 0% | 0% | 0% | 100%
File Size per Logical Decomposition
primary
1001+
501-1000
201-500
101-200
1-100
hugo/themes/learn/static46% | 21% | 8% | 12% | 10%
resources/code/scenario2/loadbalanced-fargate-redis-mysql0% | 48% | 41% | 0% | 10%
resources/code/scenario1/templates0% | 0% | 100% | 0% | 0%
hugo/static/css0% | 0% | 100% | 0% | 0%
hugo/themes/learn/layouts0% | 0% | 0% | 37% | 62%
resources/code/scenario0/webapp0% | 0% | 0% | 81% | 18%
resources/code/scenario0/api0% | 0% | 0% | 68% | 31%
hugo/layouts/partials0% | 0% | 0% | 85% | 14%
resources/code/scenario1/api-users0% | 0% | 0% | 91% | 8%
resources/code/scenario1/api-posts0% | 0% | 0% | 91% | 8%
resources/code/scenario1/api-threads0% | 0% | 0% | 91% | 8%
hugo/themes/learn/i18n0% | 0% | 0% | 0% | 100%
hugo/themes/learn/exampleSite0% | 0% | 0% | 0% | 100%
resources/code/scenario00% | 0% | 0% | 0% | 100%
hugo0% | 0% | 0% | 0% | 100%
resources/code/scenario3/environment_template0% | 0% | 0% | 0% | 100%
resources/code/scenario3/service_template0% | 0% | 0% | 0% | 100%
hugo/themes/learn0% | 0% | 0% | 0% | 100%
resources/code/scenario30% | 0% | 0% | 0% | 100%
Longest Files (Top 50)
File# lines# units
theme.css
in hugo/themes/learn/static/css
1113 -
cloudformation.yaml
in resources/code/scenario2/loadbalanced-fargate-redis-mysql/service/pipeline_infrastructure
709 -
nucleus.css
in hugo/themes/learn/static/css
522 -
scenario1_infrastructure.yml
in resources/code/scenario1/templates
349 -
cloudformation.yaml
in resources/code/scenario2/loadbalanced-fargate-redis-mysql/service/instance_infrastructure
325 -
cloudformation.yaml
in resources/code/scenario2/loadbalanced-fargate-redis-mysql/environment/infrastructure
280 -
theme-aws.css
in hugo/static/css
241 -
hugo-theme.css
in hugo/themes/learn/static/css
203 -
App.vue
in resources/code/scenario0/webapp/src
179 -
app.py
in resources/code/scenario0/api
174 14
menu.html
in hugo/themes/learn/layouts/partials
151 -
header.html
in hugo/themes/learn/layouts/partials
108 -
header.html
in hugo/layouts/partials
106 -
theme-green.css
in hugo/themes/learn/static/css
103 -
theme-blue.css
in hugo/themes/learn/static/css
103 -
theme-red.css
in hugo/themes/learn/static/css
103 -
app.py
in resources/code/scenario1/api-users
102 8
app.py
in resources/code/scenario1/api-posts
101 8
app.py
in resources/code/scenario1/api-threads
101 8
config.toml
in hugo/themes/learn/exampleSite
94 -
children.html
in hugo/themes/learn/layouts/shortcodes
85 -
theme-mine.css
in hugo/themes/learn/exampleSite/static/css
84 -
db.py
in resources/code/scenario0/api
80 -
schema.yaml
in resources/code/scenario2/loadbalanced-fargate-redis-mysql/service/schema
79 -
footer.html
in hugo/themes/learn/layouts/partials
73 -
hybrid.css
in hugo/themes/learn/static/css
72 -
atom-one-dark-reasonable.css
in hugo/themes/learn/static/css
70 -
docker-compose1.yml
in resources/code/scenario0
57 -
404.html
in hugo/themes/learn/layouts
48 -
tags.css
in hugo/themes/learn/static/css
42 -
helper.py
in resources/code/scenario3
41 5
config.toml
in hugo
40 -
auto-complete.css
in hugo/themes/learn/static/css
40 -
tabs.css
in hugo/themes/learn/static/css
40 -
cloudformation.yaml
in resources/code/scenario3/environment_template/infrastructure
38 -
logo.html
in hugo/themes/learn/exampleSite/layouts/partials
37 -
docker-compose-apps-layer.yml
in resources/code/scenario0
36 -
attachments.html
in hugo/themes/learn/layouts/shortcodes
35 -
schema.yaml
in resources/code/scenario2/loadbalanced-fargate-redis-mysql/environment/schema
34 -
cloudformation.yaml
in resources/code/scenario3/service_template/instance_infrastructure
34 -
index.html
in hugo/themes/learn/layouts
30 -
ghcontributors.html
in hugo/themes/learn/exampleSite/layouts/shortcodes
29 -
HelloWorld.vue
in resources/code/scenario0/webapp/src/components
29 -
buildspec.yml
in hugo
28 -
docker-compose-data-layer.yml
in resources/code/scenario0
26 -
schema.yaml
in resources/code/scenario3/service_template/schema
24 -
schema.yaml
in resources/code/scenario3/environment_template/schema
22 -
tabs.html
in hugo/themes/learn/layouts/shortcodes
21 -
zh-cn.toml
in hugo/themes/learn/i18n
20 -
de.toml
in hugo/themes/learn/i18n
20 -
Files With Most Units (Top 5)
File# lines# units
app.py
in resources/code/scenario0/api
174 14
app.py
in resources/code/scenario1/api-users
102 8
app.py
in resources/code/scenario1/api-posts
101 8
app.py
in resources/code/scenario1/api-threads
101 8
helper.py
in resources/code/scenario3
41 5
Files With Long Lines (Top 20)

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

File# lines# units# long lines
logo.html
in hugo/themes/learn/exampleSite/layouts/partials
37 - 17
footer.html
in hugo/themes/learn/layouts/partials
73 - 12
children.html
in hugo/themes/learn/layouts/shortcodes
85 - 12
menu.html
in hugo/themes/learn/layouts/partials
151 - 10
theme.css
in hugo/themes/learn/static/css
1113 - 8
header.html
in hugo/layouts/partials
106 - 5
header.html
in hugo/themes/learn/layouts/partials
108 - 5
cloudformation.yaml
in resources/code/scenario2/loadbalanced-fargate-redis-mysql/service/pipeline_infrastructure
709 - 5
cloudformation.yaml
in resources/code/scenario2/loadbalanced-fargate-redis-mysql/service/instance_infrastructure
325 - 5
theme-aws.css
in hugo/static/css
241 - 4
menu-footer.html
in hugo/themes/learn/exampleSite/layouts/partials
7 - 4
404.html
in hugo/themes/learn/layouts
48 - 4
App.vue
in resources/code/scenario0/webapp/src
179 - 3
cloudformation.yaml
in resources/code/scenario3/service_template/instance_infrastructure
34 - 3
logo.html
in hugo/layouts/partials
5 - 2
nucleus.css
in hugo/themes/learn/static/css
522 - 2
search.html
in hugo/themes/learn/layouts/partials
16 - 2
index.html
in hugo/themes/learn/layouts
30 - 2
theme-green.css
in hugo/themes/learn/static/css
103 - 1
atom-one-dark-reasonable.css
in hugo/themes/learn/static/css
70 - 1