guardian / interactive-component-library

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 221 units with 2,788 lines of code in units (19.3% of code).

0 very complex units (0 lines of code)
0 complex units (0 lines of code)
4 medium complex units (297 lines of code)
20 simple units (608 lines of code)
197 very simple units (1,883 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
renderFrame() in src/lib/components/molecules/canvas-map/lib/renderers/TextLayerRenderer.js	109	16	2
export function quantize() in src/lib/components/molecules/canvas-map/lib/util/simplify.js	80	16	7
attachClickAndHoverListeners() in src/lib/components/molecules/canvas-map/lib/renderers/TextLayerRenderer.js	46	11	0
export function douglasPeucker() in src/lib/components/molecules/canvas-map/lib/util/simplify.js	62	11	7
constructor() in src/lib/components/molecules/canvas-map/lib/styles/Text.js	26	10	1
_getRelativeTranslation() in src/lib/components/molecules/canvas-map/lib/styles/Text.js	24	10	0
getTranslation() in src/lib/components/molecules/canvas-map/lib/styles/Text.js	40	10	2
render() in src/lib/components/molecules/canvas-map/lib/renderers/FeatureRenderer.js	40	9	2
renderFrame() in src/lib/components/molecules/canvas-map/lib/renderers/MapRenderer.js	44	9	2
static convert() in src/lib/components/molecules/canvas-map/lib/util/extent.js	15	9	1
readFeaturesFromObject() in src/lib/components/molecules/canvas-map/lib/formats/GeoJSON.js	41	9	1
export function rectsIntersect() in src/lib/shared/helpers/geometry.js	19	9	2
export function sizeForElement() in src/lib/components/molecules/canvas-map/lib/util/size.js	33	8	1
static convert() in src/lib/components/molecules/canvas-map/lib/util/coordinate.js	14	8	1
readGeometriesFromObject() in src/lib/components/molecules/canvas-map/lib/formats/GeoJSON.js	26	8	1
export function radialDistance() in src/lib/components/molecules/canvas-map/lib/util/simplify.js	39	7	7
export function replaceChildren() in src/lib/components/molecules/canvas-map/lib/util/dom.js	25	7	2
export function preventOverlap() in src/lib/shared/helpers/labelsUtil.js	38	7	5
export function useTouchOrHover() in src/lib/shared/hooks/useTouchOrHover.js	98	7	0
_getGeometryGeoJSON() in src/lib/components/molecules/canvas-map/lib/Feature.js	22	6	0
findFeatures() in src/lib/components/molecules/canvas-map/lib/Map.js	18	6	1
static convert() in src/lib/components/molecules/canvas-map/lib/util/bounds.js	15	6	1
export function extentForCoordinates() in src/lib/components/molecules/canvas-map/lib/util/extent.js	21	6	1
export default function shouldUpdate() in src/lib/shared/helpers/shouldUpdate.js	10	6	2
styleTextElement() in src/lib/components/molecules/canvas-map/lib/renderers/TextLayerRenderer.js	32	5	3
drawTextIcon() in src/lib/components/molecules/canvas-map/lib/renderers/TextLayerRenderer.js	23	5	2
constructor() in src/lib/components/molecules/canvas-map/lib/Map.js	34	5	1
_getProjected() in src/lib/components/molecules/canvas-map/lib/geometry/Polygon.js	22	5	1
export function toRgba() in src/lib/components/molecules/canvas-map/lib/util/toRgba.js	25	5	2
constructor() in src/lib/components/molecules/canvas-map/lib/styles/Stroke.js	7	5	1
export function mergeStyles() in src/lib/styles/helpers/mergeStyles.js	19	5	2
containsCoordinate() in src/lib/components/molecules/canvas-map/lib/Feature.js	11	4	1
hasLayers() in src/lib/components/molecules/canvas-map/lib/Map.js	11	4	1
_updateSize() in src/lib/components/molecules/canvas-map/lib/Map.js	9	4	0
export function validateGeometries() in src/lib/components/molecules/canvas-map/lib/util/debug.js	13	4	1
export function arrayEquals() in src/lib/components/molecules/canvas-map/lib/util/array.js	12	4	2
export function deflateMultiCoordinatesArray() in src/lib/components/molecules/canvas-map/lib/util/deflate.js	26	4	5
export function memoise() in src/lib/components/molecules/canvas-map/lib/util/memoise.js	16	4	1
constructor() in src/lib/components/molecules/canvas-map/lib/styles/Fill.js	6	4	1
export function pointInsideRect() in src/lib/shared/helpers/geometry.js	8	4	2
export function rectInsideRect() in src/lib/shared/helpers/geometry.js	8	4	2
export function isDarkColor() in src/lib/shared/colors/index.js	21	4	1
drawPath() in src/lib/components/molecules/canvas-map/lib/renderers/FeatureRenderer.js	10	3	3
constructor() in src/lib/components/molecules/canvas-map/lib/renderers/TextLayerRenderer.js	15	3	1
getTextElementWithID() in src/lib/components/molecules/canvas-map/lib/renderers/TextLayerRenderer.js	18	3	1
getElementSize() in src/lib/components/molecules/canvas-map/lib/renderers/TextLayerRenderer.js	10	3	1
constructor() in src/lib/components/molecules/canvas-map/lib/renderers/MapRenderer.js	14	3	1
getExtent() in src/lib/components/molecules/canvas-map/lib/Feature.js	9	3	0
getStyleFunction() in src/lib/components/molecules/canvas-map/lib/Feature.js	8	3	0
setLayers() in src/lib/components/molecules/canvas-map/lib/Map.js	12	3	1