guardian/js-frameworks
File Size
The distribution of size of files (measured in lines of code).
File Size Overall
  • There are 53 files with 1,357 lines of code.
    • 0 very long files (0 lines of code)
    • 0 long files (0 lines of code)
    • 0 medium size files (0 lines of code)
    • 2 small files (299 lines of code)
    • 51 very small files (1,058 lines of code)
0% | 0% | 0% | 22% | 77%
Legend:
1001+
501-1000
201-500
101-200
1-100


explore: grouped by folders | grouped by size | sunburst | 3D view
File Size per Extension
1001+
501-1000
201-500
101-200
1-100
svelte0% | 0% | 0% | 32% | 67%
css0% | 0% | 0% | 48% | 51%
js0% | 0% | 0% | 0% | 100%
ts0% | 0% | 0% | 0% | 100%
tsx0% | 0% | 0% | 0% | 100%
jsx0% | 0% | 0% | 0% | 100%
mjs0% | 0% | 0% | 0% | 100%
html0% | 0% | 0% | 0% | 100%
toml0% | 0% | 0% | 0% | 100%
File Size per Logical Decomposition
primary
1001+
501-1000
201-500
101-200
1-100
elder-js0% | 0% | 0% | 25% | 74%
next-js0% | 0% | 0% | 42% | 57%
astro0% | 0% | 0% | 0% | 100%
svelte-kit0% | 0% | 0% | 0% | 100%
gu-rendering0% | 0% | 0% | 0% | 100%
ROOT0% | 0% | 0% | 0% | 100%
Longest Files (Top 50)
File# lines# units
svelte
Home.svelte
in elder-js/src/routes/home
 194 -
Home.module.css
in next-js/styles
 105 -
svelte
HookDetail.svelte
in elder-js/src/components
 91 -
svelte
index.svelte
in svelte-kit/src/routes
 70 -
svelte
Clock.svelte
in elder-js/src/components
 68 -
index.tsx
in next-js/pages
 63 -
svelte
Blog.svelte
in elder-js/src/routes/blog
 56 -
home.css
in astro/public/style
 45 -
svelte
Layout.svelte
in elder-js/src/layouts
 43 -
elder.config.js
in elder-js
 37 -
main.css.ts
in next-js/styles
 37 3
main.css.ts
in svelte-kit/src/styles
 36 3
main.css.ts
in astro/src/styles
 36 3
route.js
in elder-js/src/routes/simple
 29 2
style.css
in elder-js/assets
 28 -
global.css
in astro/public/style
 25 -
hooks.js
in elder-js/src
 24 -
svelte
Hooks.svelte
in elder-js/src/routes/hooks
 24 -
server.js
in elder-js/src
 22 -
svelte
Simple.svelte
in elder-js/src/routes/simple
 22 -
shortcodes.js
in elder-js/src
 21 2
mjs
 20 -
svelte.config.js
in svelte-kit
 18 1
svelte
Ssr.svelte
in elder-js/src/routes/ssr
 15 -
route.js
in elder-js/src/routes/hooks
 15 1
svelte
SvelteCounter.svelte
in astro/src/components
 14 -
globals.css
in next-js/styles
 14 -
app.html
in svelte-kit/src
 13 -
PreactCounter.jsx
in astro/src/components
 13 -
ReactCounter.jsx
in astro/src/components
 13 -
Counter.tsx
in next-js/components
 13 1
11 -
svelte.config.js
in elder-js
 10 -
netlify.toml
in elder-js
 10 -
route.js
in elder-js/src/routes/home
 10 -
hello.ts
in next-js/pages/api
 10 1
9 -
App.stories.tsx
in gu-rendering/src
 8 -
svelte
BlogTeaser.svelte
in elder-js/src/components
 8 -
frameworks.json.ts
in svelte-kit/src/routes
 7 -
cleanPublic.js
in elder-js/src
 6 -
Footer.tsx
in astro/src/components
 6 -
route.js
in elder-js/src/routes/blog
 5 -
route.js
in elder-js/src/routes/ssr
 5 -
main.js
in gu-rendering/.storybook
 4 -
rollup.config.js
in elder-js
 4 -
build.js
in elder-js/src
 4 -
_app.tsx
in next-js/pages
 4 -
types.ts
in gu-rendering/src
 3 -
next.config.js
in next-js
 3 -
Files With Most Units (Top 9)
File# lines# units
main.css.ts
in svelte-kit/src/styles
 36 3
main.css.ts
in astro/src/styles
 36 3
main.css.ts
in next-js/styles
 37 3
shortcodes.js
in elder-js/src
 21 2
route.js
in elder-js/src/routes/simple
 29 2
svelte.config.js
in svelte-kit
 18 1
route.js
in elder-js/src/routes/hooks
 15 1
Counter.tsx
in next-js/components
 13 1
hello.ts
in next-js/pages/api
 10 1
Files With Long Lines (Top 6)

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

File# lines# units# long lines
route.js
in elder-js/src/routes/simple
 29 2 9
mjs
 20 - 2
hooks.js
in elder-js/src
 24 - 1
svelte
Home.svelte
in elder-js/src/routes/home
 194 - 1
home.css
in astro/public/style
 45 - 1
global.css
in astro/public/style
 25 - 1
Correlations

File Size vs. Commits (all time): 53 points

svelte-kit/src/styles/main.css.ts x: 2 commits (all time) y: 36 lines of code svelte-kit/svelte.config.js x: 3 commits (all time) y: 18 lines of code frameworks.ts x: 1 commits (all time) y: 9 lines of code next-js/pages/index.tsx x: 3 commits (all time) y: 63 lines of code svelte-kit/src/routes/frameworks.json.ts x: 1 commits (all time) y: 7 lines of code svelte-kit/src/routes/index.svelte x: 6 commits (all time) y: 70 lines of code next-js/components/Counter.tsx x: 1 commits (all time) y: 13 lines of code next-js/styles/main.css.ts x: 1 commits (all time) y: 37 lines of code astro/src/components/Footer.tsx x: 1 commits (all time) y: 6 lines of code astro/src/components/PreactCounter.jsx x: 3 commits (all time) y: 13 lines of code gu-rendering/.storybook/main.js x: 1 commits (all time) y: 4 lines of code gu-rendering/src/App.stories.tsx x: 1 commits (all time) y: 8 lines of code gu-rendering/src/App.tsx x: 1 commits (all time) y: 2 lines of code gu-rendering/src/types.ts x: 1 commits (all time) y: 3 lines of code next-js/pages/api/hello.ts x: 1 commits (all time) y: 10 lines of code next-js/styles/Home.module.css x: 1 commits (all time) y: 105 lines of code next-js/styles/globals.css x: 1 commits (all time) y: 14 lines of code astro/snowpack.config.js x: 1 commits (all time) y: 11 lines of code astro/src/styles/main.css.ts x: 1 commits (all time) y: 36 lines of code svelte-kit/src/app.html x: 2 commits (all time) y: 13 lines of code elder-js/assets/style.css x: 1 commits (all time) y: 28 lines of code elder-js/src/components/Clock.svelte x: 1 commits (all time) y: 68 lines of code elder-js/src/components/HookDetail.svelte x: 1 commits (all time) y: 91 lines of code elder-js/src/hooks.js x: 1 commits (all time) y: 24 lines of code elder-js/src/layouts/Layout.svelte x: 1 commits (all time) y: 43 lines of code elder-js/src/routes/blog/Blog.svelte x: 1 commits (all time) y: 56 lines of code elder-js/src/routes/blog/route.js x: 1 commits (all time) y: 5 lines of code elder-js/src/routes/home/Home.svelte x: 1 commits (all time) y: 194 lines of code elder-js/src/routes/hooks/route.js x: 1 commits (all time) y: 15 lines of code elder-js/src/routes/simple/Simple.svelte x: 1 commits (all time) y: 22 lines of code elder-js/src/routes/simple/route.js x: 1 commits (all time) y: 29 lines of code elder-js/src/shortcodes.js x: 1 commits (all time) y: 21 lines of code astro/astro.config.mjs x: 1 commits (all time) y: 20 lines of code astro/public/style/global.css x: 1 commits (all time) y: 25 lines of code astro/public/style/home.css x: 1 commits (all time) y: 45 lines of code
194.0
lines of code
  min: 2.0
  average: 25.6
  25th percentile: 6.5
  median: 14.0
  75th percentile: 32.5
  max: 194.0
0 6.0
commits (all time)
min: 1.0 | average: 1.25 | 25th percentile: 1.0 | median: 1.0 | 75th percentile: 1.0 | max: 6.0

File Size vs. Contributors (all time): 53 points

svelte-kit/src/styles/main.css.ts x: 1 contributors (all time) y: 36 lines of code svelte-kit/svelte.config.js x: 1 contributors (all time) y: 18 lines of code frameworks.ts x: 1 contributors (all time) y: 9 lines of code next-js/pages/index.tsx x: 1 contributors (all time) y: 63 lines of code svelte-kit/src/routes/frameworks.json.ts x: 1 contributors (all time) y: 7 lines of code svelte-kit/src/routes/index.svelte x: 1 contributors (all time) y: 70 lines of code next-js/components/Counter.tsx x: 1 contributors (all time) y: 13 lines of code next-js/styles/main.css.ts x: 1 contributors (all time) y: 37 lines of code astro/src/components/Footer.tsx x: 1 contributors (all time) y: 6 lines of code gu-rendering/.storybook/main.js x: 1 contributors (all time) y: 4 lines of code gu-rendering/src/App.stories.tsx x: 1 contributors (all time) y: 8 lines of code gu-rendering/src/App.tsx x: 1 contributors (all time) y: 2 lines of code gu-rendering/src/types.ts x: 1 contributors (all time) y: 3 lines of code next-js/pages/api/hello.ts x: 1 contributors (all time) y: 10 lines of code next-js/styles/Home.module.css x: 1 contributors (all time) y: 105 lines of code next-js/styles/globals.css x: 1 contributors (all time) y: 14 lines of code astro/snowpack.config.js x: 1 contributors (all time) y: 11 lines of code elder-js/assets/style.css x: 1 contributors (all time) y: 28 lines of code elder-js/src/components/Clock.svelte x: 1 contributors (all time) y: 68 lines of code elder-js/src/components/HookDetail.svelte x: 1 contributors (all time) y: 91 lines of code elder-js/src/hooks.js x: 1 contributors (all time) y: 24 lines of code elder-js/src/layouts/Layout.svelte x: 1 contributors (all time) y: 43 lines of code elder-js/src/routes/blog/Blog.svelte x: 1 contributors (all time) y: 56 lines of code elder-js/src/routes/blog/route.js x: 1 contributors (all time) y: 5 lines of code elder-js/src/routes/home/Home.svelte x: 1 contributors (all time) y: 194 lines of code elder-js/src/routes/hooks/route.js x: 1 contributors (all time) y: 15 lines of code elder-js/src/routes/simple/Simple.svelte x: 1 contributors (all time) y: 22 lines of code elder-js/src/routes/simple/route.js x: 1 contributors (all time) y: 29 lines of code elder-js/src/shortcodes.js x: 1 contributors (all time) y: 21 lines of code astro/astro.config.mjs x: 1 contributors (all time) y: 20 lines of code astro/public/style/global.css x: 1 contributors (all time) y: 25 lines of code astro/public/style/home.css x: 1 contributors (all time) y: 45 lines of code
194.0
lines of code
  min: 2.0
  average: 25.6
  25th percentile: 6.5
  median: 14.0
  75th percentile: 32.5
  max: 194.0
0 1.0
contributors (all time)
min: 1.0 | average: 1.0 | 25th percentile: 1.0 | median: 1.0 | 75th percentile: 1.0 | max: 1.0

File Size vs. Commits (30 days): 0 points

No data for "commits (30d)" vs. "lines of code".

File Size vs. Contributors (30 days): 0 points

No data for "contributors (30d)" vs. "lines of code".

File Size vs. Commits (90 days): 0 points

No data for "commits (90d)" vs. "lines of code".

File Size vs. Contributors (90 days): 0 points

No data for "contributors (90d)" vs. "lines of code".

About This Analysis
  • 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...