microsoft / charticulator.com
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 48 units with 548 lines of code in units (15.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)
    • 4 simple units (146 lines of code)
    • 44 very simple units (402 lines of code)
0% | 0% | 0% | 26% | 73%
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% | 38% | 61%
js0% | 0% | 0% | 0% | 100%
rb0% | 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
tutorials/viewer/src0% | 0% | 0% | 37% | 62%
scripts0% | 0% | 0% | 0% | 100%
_plugins0% | 0% | 0% | 0% | 100%
tutorials/viewer0% | 0% | 0% | 0% | 100%
Most Complex Units
Top 20 most complex units
Unit# linesMcCabe index# params
public onKeyDownHandler()
in tutorials/viewer/src/video_view.tsx
 29 10 1
public onTimestampUpdated()
in tutorials/viewer/src/tutorial_view.tsx
 16 7 2
public componentDidMount()
in tutorials/viewer/src/video_view.tsx
 47 6 0
public render()
in tutorials/viewer/src/video_view.tsx
 54 6 0
thumbnail_image
in _plugins/plugins.rb
 17 4 2
container.onclick = function()
in scripts/video-callout.js
 5 4 1
public getCaptionAtTimestamp()
in tutorials/viewer/src/tutorial_view.tsx
 9 4 1
export function classNames()
in tutorials/viewer/src/utils.ts
 4 4 2
stable_sort
in _plugins/plugins.rb
 12 3 2
export function trackEvent()
in tutorials/viewer/src/telemetry.ts
 6 3 2
public scrollItemIntoView()
in tutorials/viewer/src/tutorial_view.tsx
 13 3 1
public render()
in tutorials/viewer/src/tutorial_view.tsx
 56 3 0
cdn_url
in _plugins/plugins.rb
 7 2 1
relativize_url
in _plugins/plugins.rb
 8 2 1
function displayVideoCallout()
in scripts/video-callout.js
 36 2 3
video.ontimeupdate = function()
in scripts/video-callout.js
 5 2 0
var escapeListener = function()
in scripts/video-callout.js
 5 2 1
function mainFunction()
in tutorials/viewer/build_utils.js
 15 2 1
public getInitialTime()
in tutorials/viewer/src/index.tsx
 8 2 0
public renderTimeAxis()
in tutorials/viewer/src/tutorial_view.tsx
 17 2 2