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.

Unit Size Overall

Legend:

101+

51-100

21-50

11-20

1-10

Unit Size per Extension

101+

51-100

21-50

11-20

1-10

Unit Size per Logical Component

primary logical decomposition

101+

51-100

21-50

11-20

1-10

Alternative Visuals

Longest Units

Top 20 longest units

Unit	# lines	McCabe index	# params
function TimelineStoryteller() in src/main.js	831	67	3
function update() in src/configurableTL.js	656	206	12
function delayedUpdate() in src/configurableTL.js	418	120	7
function determineSize() in src/main.js	325	45	4
function processTimeline() in src/main.js	273	4	2
module.exports = function() in src/spec/testData/singleSceneWithAnnotations.js	220	1	0
module.exports = function() in src/addImage.js	212	6	7
function updateNavigationStepper() in src/main.js	192	23	0
function radialAxis() in src/radialAxis.js	168	7	1
function configureLinearAxis() in src/configurableTL.js	164	32	12
setTimeout() in src/main.js	163	16	1
function calendarAxis() in src/calendarAxis.js	154	1	1
function configureTimelineScaleSegments() in src/configurableTL.js	147	42	11
function drawTimeline() in src/main.js	145	13	1
function changeScene() in src/main.js	141	25	1
function updateScale() in src/configurableTL.js	126	37	2
function configurableTL() in src/configurableTL.js	115	12	1
function reset() in src/globals.js	110	1	0
function initializeElements() in src/configurableTL.js	109	14	8
TimelineStoryteller.prototype._loadAnnotations = function() in src/main.js	104	17	2