spotify / reactochartConditional 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).

Learn more...

Conditional Complexity Overall

There are 215 units with 3,329 lines of code in units (45.5% of code).

0 very complex units (0 lines of code)
1 complex units (95 lines of code)
7 medium complex units (452 lines of code)
22 simple units (665 lines of code)
185 very simple units (2,117 lines of code)

Legend:

51+

26-50

11-25

6-10

1-5

Alternative Visuals

3D view of all units

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 50 most complex units

Unit	# lines	McCabe index	# params
_resolveDomain() in src/utils/resolveXYScales.js	95	35	4
_resolveScaleType() in src/utils/resolveXYScales.js	79	22	2
render() in src/PieChart.js	122	18	0
_updateZoomProps() in src/ZoomContainer.js	28	14	1
render() in src/XAxis.js	61	12	0
render() in src/YAxis.js	60	12	0
render() in src/XAxisLabels.js	72	11	0
export default function depthEqual() in src/utils/depthEqual.js	30	11	3
static getMargin() in src/XAxisTitle.js	31	10	1
function shallowEqual() in src/utils/shallowEqual.js	27	10	2
static getMargin() in src/YAxisTitle.js	30	10	1
render() in src/XTicks.js	42	9	0
render() in src/YTicks.js	42	9	0
export function isValidDomain() in src/utils/Data.js	9	9	2
function getTickType() in src/MarkerLineChart.js	14	9	1
static getMargin() in src/XTicks.js	20	8	1
static getMargin() in src/YTicks.js	20	8	1
render() in src/YAxisLabels.js	70	8	0
static getDomain() in src/MarkerLineChart.js	36	8	1
function resolveXLabelsForValues() in src/XAxisLabels.js	56	7	5
static getMargin() in src/XAxisLabels.js	33	7	1
export function getMouseAxisOptions() in src/utils/Axis.js	33	7	3
export function inferDataType() in src/utils/Data.js	17	7	2
export function combineDatasets() in src/utils/Data.js	28	7	2
export function getTickDomain() in src/utils/Scale.js	16	7	4
export function checkRangesOverlap() in src/utils/Label.js	15	7	2
static getMargin() in src/YAxisLabels.js	27	6	1
export function initScale() in src/utils/Scale.js	16	6	1
export function xyPropsEqualDebug() in src/utils/xyPropsEqual.js	27	6	4
static getSpacing() in src/MarkerLineChart.js	56	6	1
static getDerivedStateFromProps() in src/TreeMap.js	12	5	2
static getLabels() in src/XAxisLabels.js	21	5	1
static getMargin() in src/XAxis.js	9	5	1
function interpolatorFromType() in src/ColorHeatmap.js	14	5	1
render() in src/ColorHeatmap.js	48	5	0
static getLabels() in src/YAxisLabels.js	21	5	1
render() in src/FunnelChart.js	45	5	0
componentDidUpdate() in src/ZoomContainer.js	19	5	1
export function domainFromRangeData() in src/utils/Data.js	25	5	4
export function inferDataTypeFromDomain() in src/utils/Scale.js	13	5	1
export function inferScaleType() in src/utils/Scale.js	11	5	1
static getMargin() in src/YAxis.js	9	5	1
static getDomain() in src/RangeBarChart.js	27	5	1
static getSpacing() in src/RangeBarChart.js	48	5	1
style: getValue() in src/AreaBarChart.js	6	5	3
x: horizontal ? 0 : getValue() in src/AreaBarChart.js	5	5	3
function makeRangeBarChartProps() in src/BarChart.js	10	5	1
x: extent() in src/AreaHeatmap.js	32	5	1
y: extent() in src/AreaHeatmap.js	25	5	1
function enhanceGraph() in src/SankeyDiagram.js	19	5	1