awslabs / synchro-charts
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 185 units with 2,703 lines of code in units (12.6% of code).
    • 0 very complex units (0 lines of code)
    • 0 complex units (0 lines of code)
    • 3 medium complex units (184 lines of code)
    • 10 simple units (238 lines of code)
    • 172 very simple units (2,281 lines of code)
0% | 0% | 6% | 8% | 84%
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% | 8% | 6% | 85%
ts0% | 0% | 0% | 16% | 83%
js0% | 0% | 0% | 30% | 69%
Conditional Complexity per Logical Component
primary logical decomposition
51+
26-50
11-25
6-10
1-5
packages/synchro-charts/src/components0% | 0% | 15% | 11% | 72%
packages/synchro-charts-react/src/react-component-lib0% | 0% | 0% | 37% | 62%
packages/doc-site/src0% | 0% | 0% | 36% | 63%
packages/synchro-charts/src/testing0% | 0% | 0% | 0% | 100%
packages/synchro-charts/cypress/integration0% | 0% | 0% | 0% | 100%
packages/doc-site0% | 0% | 0% | 0% | 100%
packages/synchro-charts/configuration/jest0% | 0% | 0% | 0% | 100%
Most Complex Units
Top 20 most complex units
Unit# linesMcCabe index# params
render()
in packages/synchro-charts/src/components/sc-status-grid/sc-status-cell/sc-status-cell.tsx
65 25 0
render()
in packages/synchro-charts/src/components/sc-kpi/sc-kpi-base/sc-kpi-base.tsx
66 20 0
onViewPortChange()
in packages/synchro-charts/src/components/charts/sc-webgl-base-chart/sc-webgl-base-chart.tsx
53 13 2
export function attachEventProps()
in packages/synchro-charts-react/src/react-component-lib/utils/attachEventProps.ts
20 9 3
function registerValidSW()
in packages/doc-site/src/serviceWorker.js
33 8 2
render()
in packages/synchro-charts/src/components/charts/sc-status-timeline/sc-status-timeline-overlay/sc-status-timeline-overlay.tsx
43 8 0
render()
in packages/synchro-charts/src/components/charts/sc-legend/sc-legend-row/sc-legend-row.tsx
45 8 0
void main()
in packages/synchro-charts/src/components/charts/common/meshes/point-coloration.frag.ts
21 7 0
render()
in packages/synchro-charts-react/src/react-component-lib/createComponent.tsx
24 7 0
void main()
in packages/synchro-charts/src/components/charts/sc-line-chart/line-coloration.frag.ts
14 6 0
onSizeChange()
in packages/synchro-charts/src/components/charts/sc-webgl-base-chart/sc-webgl-base-chart.tsx
14 6 2
async componentDidUpdate()
in packages/synchro-charts-react/src/react-component-lib/createControllerComponent.tsx
12 6 1
async componentDidUpdate()
in packages/synchro-charts-react/src/react-component-lib/createOverlayComponent.tsx
12 6 1
export function register()
in packages/doc-site/src/serviceWorker.js
22 5 1
function resizeRendererToDisplaySize()
in packages/synchro-charts/src/components/sc-webgl-context/webglContext.ts
10 5 1
render()
in packages/synchro-charts/src/components/sc-data-stream-name/sc-data-stream-name.tsx
40 5 0
render()
in packages/synchro-charts/src/components/charts/sc-tooltip/sc-tooltip-row.tsx
32 5 0
export function getClassName()
in packages/synchro-charts-react/src/react-component-lib/utils/attachEventProps.ts
16 5 3
function checkValidServiceWorker()
in packages/doc-site/src/serviceWorker.js
25 4 2
vertexShader: lineVert()
in packages/synchro-charts/src/components/charts/sc-line-chart/lineMesh.ts
18 4 1