Intro

Unit size measurements show the distribution of size of units of code (methods, functions...).
Units are classified in four categories based on their size (lines of code): 1-20 (small units), 20-50 (medium size units), 51-100 (long units), 101+ (very long units).
You should aim at keeping units small (< 20 lines). Long units may become "bloaters", code that have increased to such gargantuan proportions that they are hard to work with.

Learn more...

Unit Size Overall

There are 50 units with 527 lines of code in units (25.7% of code).

0 very long units (0 lines of code)
2 long units (117 lines of code)
4 medium size units (125 lines of code)
4 small units (52 lines of code)
40 very small units (233 lines of code)

Legend:

101+

51-100

21-50

11-20

1-10

Unit Size per Extension

101+

51-100

21-50

11-20

1-10

Unit Size per Logical Component

primary logical decomposition

101+

51-100

21-50

11-20

1-10

Alternative Visuals

3D view of all units

Longest Units

Top 50 longest units

Unit	# lines	McCabe index	# params
test() in src/test.js	64	11	4
export default function() in src/util/test-rules.js	53	4	3
export default function() in src/options.js	40	9	1
failureHandler() in src/a11y.js	39	13	2
constructor() in src/test.js	25	5	3
this.React.createElement = function() in src/a11y.js	21	11	3
const renderOptions = function() in mkdocs.js	15	3	1
const renderExamples = function() in mkdocs.js	13	2	2
const renderURLS = function() in mkdocs.js	12	3	1
constructor() in src/a11y.js	12	1	1
reporter() in src/util/test-rules.js	9	1	1
test() in src/rules/button-role-space.js	9	5	2
because it is brittle() in src/rules/tabindex-no-positive.js	9	1	1
test() in src/rules/use-onblur-not-onchange.js	9	6	2
because it is brittle() in src/rules/avoid-positive-index.js	9	1	1
reporter() in src/util/test-rules.js	8	2	1
test() in src/rules/onclick-uses-tabindex.js	8	4	2
test() in src/rules/click-events-have-key-events.js	8	5	2
test() in src/rules/redundant-alt.js	8	5	4
test() in src/rules/no-onchange.js	8	6	2
test() in src/rules/onclick-uses-role.js	7	4	2
test() in src/rules/interactive-supports-focus.js	7	4	2
test() in src/rules/tabindex-uses-button.js	7	4	2
test() in src/rules/img-redundant-alt.js	7	5	4
test() in src/rules/mouse-events-map-to-key-events.js	6	2	2
test() in src/rules/img-uses-alt.js	6	3	2
test() in src/rules/no-unsupported-elements-use-aria.js	6	4	2
test() in src/rules/hidden-uses-tabindex.js	6	3	2
test() in src/rules/label-uses-for.js	6	2	2
export default function() in src/util/trueish.js	5	3	2
a() in src/util/is-interactive.js	5	3	1
test() in src/rules/mouse-events-map-to-key-events.js	5	2	2
test() in src/rules/aria-unsupported-elements.js	5	4	2
test() in src/rules/img-uses-alt.js	5	2	2
test() in src/rules/label-has-for.js	5	2	2
test() in src/rules/avoid-positive-index.js	5	2	2
test() in src/rules/mouse-events-have-key-events.js	5	2	2
test() in src/rules/mouse-events-have-key-events.js	5	2	2
test() in src/rules/valid-aria-role.js	5	2	2
export default() in src/util/is-interactive.js	4	2	2
patchReact() in src/a11y.js	4	1	0
restoreAll() in src/a11y.js	4	1	0
test() in src/rules/no-hash-ref.js	4	2	2
test() in src/rules/tabindex-no-positive.js	4	2	2
test() in src/rules/aria-role.js	4	2	2
test() in src/rules/no-access-key.js	4	1	2
const host = function() in mkdocs.js	3	1	1
export default function() in src/util/listens-to.js	3	1	2
export default function() in src/util/hidden-from-at.js	3	1	1
input() in src/util/is-interactive.js	3	1	1