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
private static createDataPoints() in src/columnChart/baseColumnChart.ts	406	89	17
private renderChart() in src/visual.ts	260	43	10
private render() in src/visual.ts	210	51	1
private renderLegend() in src/visual.ts	168	34	0
public getLegend() in src/converterStrategy/baseConverterStrategy.ts	126	36	5
public static converter() in src/columnChart/baseColumnChart.ts	122	11	9
private getCategoryAxisValues() in src/visual.ts	87	30	1
private renderAxesLabels() in src/visual.ts	86	14	2
public calculateAxesProperties() in src/columnChart/baseColumnChart.ts	85	17	1
private createAxis() in src/visualStrategy/baseVisualStrategy.ts	82	10	1
export function transformDomain() in src/utils.ts	75	23	3
export function createTooltipData() in src/tooltip.ts	74	14	4
private enumerateDataPoints() in src/columnChart/baseColumnChart.ts	71	14	1
export function createTooltipInfo() in src/tooltip.ts	69	18	9
private getValueAxisValues() in src/visual.ts	68	24	1
private addUnitTypeToAxisLabel() in src/visual.ts	64	16	1
export function calculateAxes() in src/axis/utils.ts	59	12	7
private static createFormatter() in src/visualStrategy/baseVisualStrategy.ts	55	7	9
private static drawDefaultShapes() in src/visualStrategy/baseVisualStrategy.ts	55	3	5
public init() in src/visual.ts	54	1	1