angular / material-start
Unit Size

The distribution of size of units (measured in lines of code).

Intro
  • Unit size measurements show the distribution of size of units of code (methods, functions...).
  • Units are classified in four categories based on their size (lines of code): 1-20 (small units), 20-50 (medium size units), 51-100 (long units), 101+ (very long units).
  • You should aim at keeping units small (< 20 lines). Long units may become "bloaters", code that have increased to such gargantuan proportions that they are hard to work with.
Learn more...
Unit Size Overall
  • There are 8 units with 87 lines of code in units (23.8% of code).
    • 0 very long units (0 lines of code)
    • 0 long units (0 lines of code)
    • 1 medium size units (36 lines of code)
    • 3 small units (38 lines of code)
    • 4 very small units (13 lines of code)
0% | 0% | 41% | 43% | 14%
Legend:
101+
51-100
21-50
11-20
1-10
Unit Size per Extension
101+
51-100
21-50
11-20
1-10
js0% | 0% | 41% | 43% | 14%
Unit Size per Logical Component
primary logical decomposition
101+
51-100
21-50
11-20
1-10
app/src/users/services0% | 0% | 92% | 0% | 7%
app/src/users/components/details0% | 0% | 0% | 86% | 13%
app/src0% | 0% | 0% | 68% | 31%
Alternative Visuals
Longest Units
Top 8 longest units
Unit# linesMcCabe index# params
function UsersDataService()
in app/src/users/services/UsersDataService.js
 36 1 1
share()
in app/src/users/components/details/UserDetailsController.js
 13 1 0
function AppController()
in app/src/AppController.js
 13 1 2
function UserSheetController()
in app/src/users/components/details/UserDetailsController.js
 12 1 1
constructor()
in app/src/users/components/details/UserDetailsController.js
 4 1 2
loadAllUsers: function()
in app/src/users/services/UsersDataService.js
 3 1 0
function toggleUsersList()
in app/src/AppController.js
 3 1 0
function selectUser()
in app/src/AppController.js
 3 2 1