reactjs / server-components-demo
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 24 files with 1,574 lines of code.
    • 0 very long files (0 lines of code)
    • 1 long files (634 lines of code)
    • 0 medium size files (0 lines of codeclsfd_ftr_w_mp_ins)
    • 2 small files (312 lines of code)
    • 21 very small files (628 lines of code)
0% | 40% | 0% | 19% | 39%
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
css0% | 100% | 0% | 0% | 0%
js0% | 0% | 0% | 34% | 65%
html0% | 0% | 0% | 0% | 100%
File Size per Logical Decomposition
primary
1001+
501-1000
201-500
101-200
1-100
public0% | 95% | 0% | 0% | 4%
server0% | 0% | 0% | 100% | 0%
src0% | 0% | 0% | 23% | 76%
scripts0% | 0% | 0% | 0% | 100%
ROOT0% | 0% | 0% | 0% | 100%
Longest Files (Top 24)
File# lines# units
style.css
in public
634 -
api.server.js
in server
173 12
139 4
seed.js
in scripts
74 2
68 -
64 2
build.js
in scripts
53 -
49 -
40 1
index.html
in public
32 -
32 2
31 1
26 1
25 -
25 1
24 3
24 -
24 1
8 1
8 -
7 -
6 -
5 1
3 -
Files With Most Units (Top 13)
File# lines# units
api.server.js
in server
173 12
139 4
24 3
seed.js
in scripts
74 2
32 2
64 2
40 1
5 1
24 1
8 1
26 1
25 1
31 1
Files With Long Lines (Top 1)

There is only one file with lines longer than 120 characters. In total, there is only one long line.

File# lines# units# long lines
seed.js
in scripts
74 2 1
Correlations

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

server/api.server.js x: 5 commits (all time) y: 173 lines of code src/index.client.js x: 3 commits (all time) y: 8 lines of code src/EditButton.client.js x: 2 commits (all time) y: 25 lines of code src/NoteEditor.client.js x: 4 commits (all time) y: 139 lines of code src/SearchField.client.js x: 3 commits (all time) y: 31 lines of code src/SidebarNote.client.js x: 5 commits (all time) y: 68 lines of code src/Note.server.js x: 7 commits (all time) y: 49 lines of code public/style.css x: 1 commits (all time) y: 634 lines of code credentials.js x: 1 commits (all time) y: 7 lines of code scripts/seed.js x: 1 commits (all time) y: 74 lines of code src/db.server.js x: 2 commits (all time) y: 3 lines of code src/App.server.js x: 8 commits (all time) y: 40 lines of code src/NoteList.server.js x: 4 commits (all time) y: 24 lines of code src/NoteListSkeleton.js x: 1 commits (all time) y: 26 lines of code src/NoteSkeleton.js x: 1 commits (all time) y: 64 lines of code src/NotePreview.js x: 1 commits (all time) y: 8 lines of code
634.0
lines of code
  min: 3.0
  average: 75.16
  25th percentile: 8.0
  median: 26.0
  75th percentile: 68.0
  max: 634.0
0 8.0
commits (all time)
min: 1.0 | average: 2.89 | 25th percentile: 1.0 | median: 2.0 | 75th percentile: 4.0 | max: 8.0

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

server/api.server.js x: 5 contributors (all time) y: 173 lines of code src/index.client.js x: 2 contributors (all time) y: 8 lines of code src/EditButton.client.js x: 2 contributors (all time) y: 25 lines of code src/NoteEditor.client.js x: 2 contributors (all time) y: 139 lines of code src/SearchField.client.js x: 2 contributors (all time) y: 31 lines of code src/SidebarNote.client.js x: 2 contributors (all time) y: 68 lines of code src/Note.server.js x: 2 contributors (all time) y: 49 lines of code public/style.css x: 1 contributors (all time) y: 634 lines of code credentials.js x: 1 contributors (all time) y: 7 lines of code scripts/seed.js x: 1 contributors (all time) y: 74 lines of code src/db.server.js x: 2 contributors (all time) y: 3 lines of code src/App.server.js x: 1 contributors (all time) y: 40 lines of code src/NoteList.server.js x: 1 contributors (all time) y: 24 lines of code src/NoteListSkeleton.js x: 1 contributors (all time) y: 26 lines of code src/NoteSkeleton.js x: 1 contributors (all time) y: 64 lines of code src/NotePreview.js x: 1 contributors (all time) y: 8 lines of code
634.0
lines of code
  min: 3.0
  average: 75.16
  25th percentile: 8.0
  median: 26.0
  75th percentile: 68.0
  max: 634.0
0 5.0
contributors (all time)
min: 1.0 | average: 1.58 | 25th percentile: 1.0 | median: 1.0 | 75th percentile: 2.0 | max: 5.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".