apache / skywalking-booster-uiConditional 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 347 units with 3,995 lines of code in units (12.9% of code).

0 very complex units (0 lines of code)
2 complex units (150 lines of code)
10 medium complex units (534 lines of code)
29 simple units (872 lines of code)
306 very simple units (2,439 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
export function useQueryProcessor() in src/hooks/useMetricsProcessor.ts	86	35	1
export async function useExpressionsQueryProcessor() in src/hooks/useExpressionsProcessor.ts	64	27	1
private static changeTreeCore() in src/views/dashboard/related/trace/utils/trace-table.ts	155	24	1
function expressionsGraphqlPods() in src/hooks/useExpressionsProcessor.ts	59	23	0
export default function dateFormatStep() in src/utils/dateFormat.ts	44	13	3
function associationWidget() in src/hooks/useDashboardsSession.ts	30	12	3
function expressionsGraphqlPods() in src/hooks/useExpressionsProcessor.ts	50	12	0
addTabControls() in src/store/modules/dashboard.ts	53	12	1
setWidget() in src/store/modules/dashboard.ts	22	12	1
async saveDashboard() in src/store/modules/dashboard.ts	58	12	0
function getWindowWidth() in src/hooks/useBreakpoint.ts	22	11	0
export function computeCallPos() in src/views/dashboard/related/topology/components/utils/layout.ts	41	11	2
async getDepthServiceTopology() in src/store/modules/topology.ts	65	10	2
addControl() in src/store/modules/dashboard.ts	58	10	1
constructor() in src/utils/vec3.ts	16	9	3
export function layout() in src/views/dashboard/related/topology/components/utils/layout.ts	37	9	3
async updateEndpointTopology() in src/store/modules/topology.ts	65	9	2
constructor() in src/utils/vec2.ts	13	8	2
function showEchartsLegend() in src/hooks/useLegendProcessor.ts	15	8	1
function traceFilters() in src/hooks/useAssociateProcessor.ts	51	8	1
private static traverseTree() in src/views/dashboard/related/trace/utils/trace-table.ts	14	8	4
async getMonitoringInstances() in src/store/modules/continous-profiling.ts	34	8	1
async getInstanceTopology() in src/store/modules/topology.ts	18	8	0
function layerDashboards() in src/router/layer.ts	64	8	0
manualChunks() in vite.config.ts	19	7	1
function eventAssociate() in src/hooks/useAssociateProcessor.ts	42	7	0
function initCharts() in src/hooks/useEcharts.ts	23	7	1
export function useEventListener() in src/hooks/useEventListener.ts	39	7	8
async getStrategyList() in src/store/modules/continous-profiling.ts	30	7	1
setConfigs() in src/store/modules/dashboard.ts	22	7	1
async getEndpoints() in src/store/modules/selectors.ts	23	7	1
async getSegmentSpans() in src/store/modules/profile.ts	30	7	1
export function useListConfig() in src/hooks/useListConfig.ts	21	6	2
public static changeTree() in src/views/dashboard/related/trace/utils/trace-table.ts	27	6	2
async getEBPFAnalyze() in src/store/modules/ebpf.ts	30	6	1
removeTabItem() in src/store/modules/dashboard.ts	13	6	2
async getTopology() in src/store/modules/task-timeline.ts	25	6	0
async getInstance() in src/store/modules/selectors.ts	18	6	2
async getEndpoint() in src/store/modules/selectors.ts	18	6	2
async getProcess() in src/store/modules/selectors.ts	18	6	2
async getSegmentList() in src/store/modules/profile.ts	24	6	1
export function useECharts() in src/hooks/useEcharts.ts	41	5	2
function setOptions() in src/hooks/useEcharts.ts	19	5	2
export function circleIntersection() in src/views/dashboard/related/topology/components/utils/layout.ts	15	5	6
constructor() in src/views/dashboard/related/trace/utils/d3-trace-tree.ts	31	5	2
constructor() in src/views/dashboard/related/trace/utils/d3-trace-list.ts	35	5	2
async getActivateMenus() in src/store/modules/app.ts	20	5	0
removeControls() in src/store/modules/dashboard.ts	14	5	1
async fetchTemplates() in src/store/modules/dashboard.ts	33	5	0
async getContinousTaskList() in src/store/modules/task-timeline.ts	22	5	1