microsoft / PowerBI-visuals-sampleBarChart-react
Conditional Complexity

The distribution of complexity of units (measured with McCabe index).

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).
Learn more...
Conditional Complexity Overall
  • There are 17 units with 106 lines of code in units (9.7% of code).
    • 0 very complex units (0 lines of code)
    • 0 complex units (0 lines of code)
    • 0 medium complex units (0 lines of code)
    • 0 simple units (0 lines of code)
    • 17 very simple units (106 lines of code)
0% | 0% | 0% | 0% | 100%
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
tsx0% | 0% | 0% | 0% | 100%
ts0% | 0% | 0% | 0% | 100%
Conditional Complexity per Logical Component
primary logical decomposition
51+
26-50
11-25
6-10
1-5
src0% | 0% | 0% | 0% | 100%
src/components0% | 0% | 0% | 0% | 100%
Most Complex Units
Top 17 most complex units
Unit# linesMcCabe index# params
render()
in src/components/Tooltip.tsx
21 2 0
constructor()
in src/components/Tooltip.tsx
4 1 1
componentWillMount()
in src/components/Tooltip.tsx
3 1 0
mouseMoveHandler()
in src/components/Tooltip.tsx
3 1 1
componentWillUnmount()
in src/components/Tooltip.tsx
3 1 0
viewport: mapViewport()
in src/optionsMapper.ts
19 1 1
value: Number()
in src/optionsMapper.ts
8 1 1
11 1 1
private static subscribe()
in src/reactUtils.tsx
4 1 1
public static update()
in src/reactUtils.tsx
5 1 1
public constructor()
in src/reactUtils.tsx
5 1 1
public update()
in src/reactUtils.tsx
3 1 1
public componentWillMount()
in src/reactUtils.tsx
3 1 0
public componentWillUnmount()
in src/reactUtils.tsx
3 1 0
constructor()
in src/visual.tsx
5 1 1
showTooltipAction()
in src/visual.tsx
3 1 1
hideTooltipAction()
in src/visual.tsx
3 1 0