google-gemini / angular-draw-it-sample Conditional Complexity

Intro

Conditional complexity (also called cyclomatic complexity) is a term used to measure the complexity of software. The term refers to the number of possible paths through a program function. A higher value ofter means higher maintenance and testing costs (infosecinstitute.com).
Conditional complexity is calculated by counting all conditions in the program that can affect the execution path (e.g. if statement, loops, switches, and/or operators, try and catch blocks...).
Conditional complexity is measured at the unit level (methods, functions...).
Units are classified in four categories based on the measured McCabe index: 1-5 (simple units), 6-10 (medium complex units), 11-25 (complex units), 26+ (very complex units).

Conditional Complexity Overall

Legend:

51+

26-50

11-25

6-10

1-5

Alternative Visuals

Conditional Complexity per Extension

51+

26-50

11-25

6-10

1-5

Conditional Complexity per Logical Component

primary logical decomposition

51+

26-50

11-25

6-10

1-5

Most Complex Units

Top 11 most complex units

Unit	# lines	McCabe index	# params
private draw() in src/app/canvas.component.ts	26	5	1
async recognize() in src/app/app.component.ts	32	5	0
erase() in src/app/canvas.component.ts	12	3	0
function run() in server.ts	7	2	0
getBase64Drawing() in src/app/canvas.component.ts	4	2	0
export function app() in server.ts	26	1	0
constructor() in src/app/canvas.component.ts	5	1	0
private startDrawing() in src/app/canvas.component.ts	3	1	0
private stopDrawing() in src/app/canvas.component.ts	4	1	0
async speechInput() in src/app/app.component.ts	8	1	0
async say() in src/app/app.component.ts	3	1	1