Duplication · guardian/interactive-generations

Duplication Overall

15% duplication:

6,281 cleaned lines of cleaned code (without empty lines, comments, and frequently duplicated constructs such as imports)
956 duplicated lines

122 duplicates

dependency graphs: 2D graph | 2D graph (with duplicates)... | 3D graph | 3D graph (with duplicates)...

Duplication per Extension

Duplication per Component (primary)

Longest Duplicates

The list of 50 longest duplicates.

See data for all 122 duplicates...

Size	#	Folders	Files	Lines	Code
20	x 2	src/js/components src/js/components	AgeChart.js AgeChart.js	695:721 (2%) 976:1002 (2%)	view
18	x 2	src/css src/css	_bubbles.scss _median.scss	116:155 (11%) 52:70 (18%)	view
17	x 2	src/css src/css	_bubbles.scss _median.scss	190:207 (10%) 83:99 (17%)	view
15	x 2	src/js/components src/js/components	AgeChart.js AgeChart.js	728:747 (2%) 1028:1047 (2%)	view
15	x 2	src/js/components src/js/components	ArrowScatterplot.js ConnectedScatterplot.js	49:66 (5%) 17:34 (9%)	view
14	x 2	src/js/components src/js/components	AgeChart.js AgeChart.js	222:241 (1%) 729:747 (1%)	view
14	x 2	src/js/components src/js/components	AgeChart.js AgeChart.js	222:241 (1%) 1029:1047 (1%)	view
13	x 2	src/js/components src/js/components	AgeChart.js AgeChart.js	458:470 (1%) 1060:1072 (1%)	view
13	x 2	src/js/lib src/js/lib	utils.js utils.js	309:326 (3%) 354:369 (3%)	view
13	x 2	src/css src/css	_ages.scss _buckets.scss	149:161 (8%) 62:75 (7%)	view
12	x 2	src/js/components src/js/components	ArrowScatterplot.js ArrowScatterplot.js	267:279 (4%) 281:293 (4%)	view
12	x 2	src/js/components src/js/components	ArrowScatterplot.js ArrowScatterplot.js	301:313 (4%) 315:327 (4%)	view
12	x 2	src/js/components src/js/components	FettuccineChart.js LineChart.js	18:32 (8%) 22:36 (6%)	view
11	x 2	src/js/components src/js/components	AgeChart.js AgeChart.js	246:258 (1%) 262:274 (1%)	view
10	x 2	src/js/components src/js/components	Ages.js Ages.js	20:32 (4%) 124:135 (4%)	view
10	x 2	src/js/components src/js/components	BubbleChart.js ConnectedScatterplot.js	133:143 (2%) 57:67 (6%)	view
10	x 2	src/css src/css	_age.scss _buckets.scss	266:275 (4%) 163:172 (5%)	view
10	x 2	src/css src/css	_age.scss _buckets.scss	277:286 (4%) 174:184 (5%)	view
10	x 2	src/js/components src/js/components	ArrowScatterplot.js ConnectedScatterplot.js	77:91 (3%) 45:59 (6%)	view
10	x 2	src/js/components src/js/components	ArrowScatterplot.js BubbleChart.js	336:346 (3%) 246:256 (2%)	view
9	x 2	src/css src/css	_age.scss _age.scss	41:49 (3%) 157:165 (3%)	view
9	x 2	src/css src/css	_age.scss _age.scss	41:49 (3%) 227:235 (3%)	view
9	x 2	src/css src/css	_age.scss _age.scss	157:165 (3%) 227:235 (3%)	view
9	x 2	src/js/components src/js/components	AgeChart.js AgeChart.js	299:312 (1%) 697:709 (1%)	view
9	x 2	src/js/components src/js/components	AgeChart.js AgeChart.js	299:312 (1%) 978:990 (1%)	view
9	x 2	src/js/lib src/js/lib	utils.js utils.js	350:359 (2%) 385:394 (2%)	view
9	x 2	src/js/components src/js/components	BubbleBuckets.js BubbleBuckets.js	390:398 (1%) 644:652 (1%)	view
9	x 2	src/css src/css	_age.scss _bubbles.scss	41:49 (3%) 159:167 (5%)	view
9	x 2	src/css src/css	_age.scss _bubbles.scss	157:165 (3%) 159:167 (5%)	view
9	x 2	src/css src/css	_age.scss _bubbles.scss	227:235 (3%) 159:167 (5%)	view
9	x 2	src/js/components src/js/components	BubbleChart.js ConnectedScatterplot.js	157:165 (2%) 115:123 (5%)	view
9	x 2	src/js/components src/js/components	BubbleChart.js ConnectedScatterplot.js	311:319 (2%) 174:182 (5%)	view
9	x 2	src/js/components src/js/components	ArrowScatterplot.js ConnectedScatterplot.js	376:384 (3%) 174:182 (5%)	view
9	x 2	src/js/components src/js/components	ArrowScatterplot.js BubbleChart.js	376:384 (3%) 311:319 (2%)	view
8	x 2	src/js/components src/js/components	AgeChart.js AgeChart.js	299:310 (1%) 711:721 (1%)	view
8	x 2	src/js/components src/js/components	AgeChart.js AgeChart.js	299:310 (1%) 992:1002 (1%)	view
8	x 2	src/js/components src/js/components	AgeChart.js AgeChart.js	697:707 (1%) 711:721 (1%)	view
8	x 2	src/js/components src/js/components	AgeChart.js AgeChart.js	697:707 (1%) 992:1002 (1%)	view
8	x 2	src/js/components src/js/components	AgeChart.js AgeChart.js	711:721 (1%) 978:988 (1%)	view
8	x 2	src/js/components src/js/components	AgeChart.js AgeChart.js	978:988 (1%) 992:1002 (1%)	view
8	x 2	src/css src/css	_header.scss _header.scss	174:188 (3%) 200:213 (3%)	view
8	x 2	src/css src/css	_bubbles.scss _bubbles.scss	83:90 (5%) 159:166 (5%)	view
8	x 2	src/js/components src/js/components	Ages.js Ages.js	23:36 (3%) 184:195 (3%)	view
8	x 2	src/css src/css	_age.scss _bubbles.scss	41:48 (3%) 83:90 (5%)	view
8	x 2	src/css src/css	_age.scss _bubbles.scss	157:164 (3%) 83:90 (5%)	view
8	x 2	src/css src/css	_age.scss _bubbles.scss	227:234 (3%) 83:90 (5%)	view
8	x 2	src/js/components src/js/components	ArrowScatterplot.js BubbleChart.js	351:362 (2%) 265:275 (2%)	view
8	x 2	src/js/components src/js/components	BubbleChart.js LineChart.js	234:242 (2%) 167:175 (4%)	view
7	x 2	src/js/components src/js/components	AgeChart.js AgeChart.js	283:293 (<1%) 299:308 (<1%)	view
7	x 2	src/js/components src/js/components	AgeChart.js AgeChart.js	283:293 (<1%) 697:705 (<1%)	view

Most Frequent Duplicates

The list of 35 most frequently found duplicates.

Size	#	Folders	Files	Lines	Code
6	x 6	src/js/components src/js/components src/js/components src/js/components src/js/components src/js/components	AgeChart.js AgeChart.js AgeChart.js AgeChart.js AgeChart.js AgeChart.js	184:192 (<1%) 302:310 (<1%) 699:707 (<1%) 713:721 (<1%) 980:988 (<1%) 994:1002 (<1%)	view
6	x 6	src/js/components src/js/components src/js/components src/js/components src/js/components src/js/components	AgeChart.js AgeChart.js AgeChart.js AgeChart.js AgeChart.js AgeChart.js	285:293 (<1%) 301:308 (<1%) 698:705 (<1%) 712:719 (<1%) 979:986 (<1%) 993:1000 (<1%)	view
6	x 6	src/css src/css src/css src/css src/css src/css	_bubbles.scss _median.scss _age.scss _bubbles.scss _age.scss _age.scss	84:89 (3%) 21:26 (6%) 42:47 (2%) 160:165 (3%) 158:163 (2%) 228:233 (2%)	view
6	x 6	src/js/components src/js/components src/js/components src/js/components src/js/components src/js/components	AgeChart.js AgeChart.js AgeChart.js AgeChart.js AgeChart.js AgeChart.js	283:291 (<1%) 299:306 (<1%) 697:703 (<1%) 711:717 (<1%) 978:984 (<1%) 992:998 (<1%)	view
6	x 6	src/css src/css src/css src/css src/css src/css	_bubbles.scss _median.scss _age.scss _bubbles.scss _age.scss _age.scss	85:90 (3%) 22:27 (6%) 43:48 (2%) 161:166 (3%) 159:164 (2%) 229:234 (2%)	view
6	x 5	src/css src/css src/css src/css src/css	_age.scss _bubbles.scss _bubbles.scss _age.scss _age.scss	41:46 (2%) 83:88 (3%) 159:164 (3%) 157:162 (2%) 227:232 (2%)	view
6	x 5	src/css src/css src/css src/css src/css	_age.scss _fettuccine.scss _bubbles.scss _age.scss _age.scss	44:49 (2%) 58:63 (8%) 162:167 (3%) 160:165 (2%) 230:235 (2%)	view
6	x 5	src/js/components src/js/components src/js/components src/js/components src/js/components	FettuccineChart.js Generations.js ConnectedScatterplot.js AgeChart.js ArrowScatterplot.js	30:35 (4%) 21:26 (5%) 29:34 (3%) 81:86 (<1%) 61:66 (2%)	view
6	x 4	src/css src/css src/css src/css	_fettuccine.scss _generations.scss _scatterplot.scss _ages.scss	76:81 (8%) 31:38 (17%) 140:145 (4%) 159:164 (4%)	view
6	x 4	src/js/components src/js/components src/js/components src/js/components	ArrowScatterplot.js ArrowScatterplot.js ArrowScatterplot.js ArrowScatterplot.js	271:277 (2%) 285:291 (2%) 305:311 (2%) 319:325 (2%)	view
6	x 4	src/js/components src/js/components src/js/components src/js/components	Ages.js BubbleBuckets.js Ages.js Ages.js	23:31 (2%) 13:20 (1%) 127:134 (2%) 184:192 (2%)	view
6	x 4	src/js/components src/js/components src/js/components src/js/components	AgeChart.js AgeChart.js AgeChart.js AgeChart.js	234:241 (<1%) 287:294 (<1%) 740:747 (<1%) 1040:1047 (<1%)	view
6	x 4	src/js/components src/js/components src/js/components src/js/components	ArrowScatterplot.js ConnectedScatterplot.js AgeChart.js FettuccineChart.js	59:65 (2%) 27:33 (3%) 79:85 (<1%) 28:34 (4%)	view
6	x 3	src/js/lib src/js/lib src/js/lib	utils.js utils.js utils.js	283:291 (1%) 318:326 (1%) 362:369 (1%)	view
6	x 3	src/js/components src/js/components src/js/components	AgeChart.js AgeChart.js AgeChart.js	227:235 (<1%) 734:741 (<1%) 1034:1041 (<1%)	view
6	x 3	src/js/components src/js/components src/js/components	AgeChart.js AgeChart.js AgeChart.js	224:229 (<1%) 731:736 (<1%) 1031:1036 (<1%)	view
6	x 3	src/js/components src/js/components src/js/components	BubbleBuckets.js BubbleBuckets.js BubbleBuckets.js	301:307 (1%) 464:470 (1%) 607:613 (1%)	view
6	x 3	src/js/components src/js/components src/js/components	BubbleChart.js ConnectedScatterplot.js ArrowScatterplot.js	120:127 (1%) 48:55 (3%) 80:87 (2%)	view
6	x 3	src/js/components src/js/components src/js/components	BubbleChart.js ConnectedScatterplot.js ArrowScatterplot.js	314:319 (1%) 177:182 (3%) 379:384 (2%)	view
6	x 3	src/js/components src/js/components src/js/components	AgeChart.js AgeChart.js AgeChart.js	222:228 (<1%) 729:735 (<1%) 1029:1035 (<1%)	view
6	x 3	src/js/components src/js/components src/js/components	BubbleChart.js ConnectedScatterplot.js ArrowScatterplot.js	311:316 (1%) 174:179 (3%) 376:381 (2%)	view
6	x 3	src/js/components src/js/components src/js/components	AgeChart.js AgeChart.js AgeChart.js	303:312 (<1%) 700:709 (<1%) 981:990 (<1%)	view
6	x 3	src/js/components src/js/components src/js/components	BubbleChart.js ConnectedScatterplot.js ArrowScatterplot.js	265:272 (1%) 164:171 (3%) 351:359 (2%)	view
6	x 3	src/js/components src/js/components src/js/components	AgeChart.js AgeChart.js AgeChart.js	229:238 (<1%) 736:744 (<1%) 1036:1044 (<1%)	view
6	x 3	src/js/components src/js/components src/js/components	BubbleChart.js ConnectedScatterplot.js ArrowScatterplot.js	313:318 (1%) 176:181 (3%) 378:383 (2%)	view
6	x 3	src/js/components src/js/components src/js/components	AgeChart.js AgeChart.js AgeChart.js	228:236 (<1%) 735:742 (<1%) 1035:1042 (<1%)	view
6	x 3	src/js/components src/js/components src/js/components	AgeChart.js AgeChart.js AgeChart.js	226:234 (<1%) 733:740 (<1%) 1033:1040 (<1%)	view
6	x 3	src/js/components src/js/components src/js/components	ConnectedScatterplot.js Generations.js ArrowScatterplot.js	184:192 (3%) 131:139 (5%) 387:396 (2%)	view
6	x 3	src/js/components src/js/components src/js/components	BubbleChart.js ConnectedScatterplot.js ArrowScatterplot.js	268:273 (1%) 167:172 (3%) 355:360 (2%)	view
6	x 3	src/js/components src/js/components src/js/components	AgeChart.js AgeChart.js AgeChart.js	230:240 (<1%) 737:746 (<1%) 1037:1046 (<1%)	view
6	x 3	src/js/components src/js/components src/js/components	BubbleBuckets.js BubbleBuckets.js BubbleBuckets.js	300:306 (1%) 463:469 (1%) 606:612 (1%)	view
6	x 3	src/js/components src/js/components src/js/components	Ages.js BubbleBuckets.js Ages.js	22:30 (2%) 12:19 (1%) 126:133 (2%)	view
6	x 3	src/js/components src/js/components src/js/components	AgeChart.js AgeChart.js AgeChart.js	225:230 (<1%) 732:737 (<1%) 1032:1037 (<1%)	view
6	x 3	src/js/components src/js/components src/js/components	Ages.js Ages.js Ages.js	25:32 (2%) 128:135 (2%) 185:193 (2%)	view
6	x 3	src/js/components src/js/components src/js/components	BubbleChart.js ConnectedScatterplot.js ArrowScatterplot.js	312:317 (1%) 175:180 (3%) 377:382 (2%)	view

About This Analysis

For duplication, we look at places in code where there are 6 or more lines of code that are exactly the same.
Before duplication is calculated, the code is cleaned to remove empty lines, comments, and frequently duplicated constructs such as imports.
You should aim at having as little as possible (<5%) of duplicated code as high-level of duplication can lead to maintenance difficulties, poor factoring, and logical contradictions.

Learn more...

To learn more about duplications and techniques for eliminating duplication, Sokrates recommends the following resources:

Avoid Repetition, MartinFlower.com (IEEE Software article)
Refactoring duplicated code, sourcemaking.com
Beck Design Rules, MartinFowler.com
DRY (Don't Repeat Yourself) Principle, Wikipedia
The Cut-and-Paste Programming Software Development Anti-Pattern, sourcemaking.com
Code Smells / Duplicated Code, Jeff Atwood, codinghorror.com:

"Duplicated code is the bane of software development. Stamp out duplication whenever possible. You should always be on the lookout for more subtle cases of near-duplication, too. Don't Repeat Yourself!"

Reducing Coupling, MartinFlower.com (IEEE Software article):

"There are several ways to describe coupling, but it boils down to this: If changing one module in a program requires changing another module, then coupling exists. ... Duplication always implies coupling, because changing one piece of duplicate code implies changing the other."