Duplication · guardian/maplibre-case-study

Duplication Overall

44% duplication:

3,134 cleaned lines of cleaned code (without empty lines, comments, and frequently duplicated constructs such as imports)
1,410 duplicated lines

420 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 420 duplicates...

Size	#	Folders	Files	Lines	Code
99	x 2	shared/css shared/css	_enhanced_fonts.scss _fonts.scss	1:112 (94%) 1:112 (94%)	view
39	x 2	assets/styles assets/styles	gv-dark.js gv-light.js	180:223 (10%) 180:223 (10%)	view
21	x 2	shared/js shared/js	scrollyteller.js scrollytellerProgress.js	46:84 (38%) 90:128 (27%)	view
18	x 2	assets/styles assets/styles	gv-dark.js gv-light.js	371:390 (5%) 371:390 (5%)	view
17	x 2	atoms/default/client/js atoms/default/client/js	app.js app.js	36:53 (25%) 56:73 (25%)	view
17	x 2	assets/styles assets/styles	bright.js gv-dark.js	141:159 (2%) 142:160 (4%)	view
17	x 2	assets/styles assets/styles	bright.js gv-light.js	141:159 (2%) 142:160 (4%)	view
17	x 2	assets/styles assets/styles	gv-dark.js gv-light.js	142:160 (4%) 142:160 (4%)	view
16	x 2	assets/styles assets/styles	bright.js bright.js	644:660 (2%) 668:684 (2%)	view
16	x 2	assets/styles assets/styles	gv-dark.js gv-light.js	353:369 (4%) 353:369 (4%)	view
15	x 2	assets/styles assets/styles	bright.js gv-dark.js	161:177 (2%) 162:178 (4%)	view
15	x 2	assets/styles assets/styles	bright.js gv-light.js	161:177 (2%) 162:178 (4%)	view
15	x 2	assets/styles assets/styles	gv-dark.js gv-light.js	162:178 (4%) 162:178 (4%)	view
14	x 2	assets/styles assets/styles	gv-dark.js gv-light.js	99:114 (3%) 99:114 (3%)	view
14	x 2	assets/styles assets/styles	gv-dark.js gv-light.js	225:240 (3%) 225:240 (3%)	view
14	x 2	assets/styles assets/styles	gv-dark.js gv-light.js	306:321 (3%) 306:321 (3%)	view
14	x 2	shared/js shared/js	scrollyteller.js scrollytellerProgress.js	25:39 (25%) 41:55 (18%)	view
13	x 2	assets/styles assets/styles	bright.js bright.js	765:777 (1%) 791:803 (1%)	view
13	x 2	assets/styles assets/styles	bright.js gv-dark.js	549:562 (1%) 308:321 (3%)	view
13	x 2	assets/styles assets/styles	bright.js gv-light.js	1:16 (1%) 1:16 (3%)	view
13	x 2	assets/styles assets/styles	bright.js gv-light.js	549:562 (1%) 308:321 (3%)	view
13	x 2	assets/styles assets/styles	gv-dark.js gv-light.js	2:17 (3%) 2:17 (3%)	view
13	x 2	assets/styles assets/styles	gv-dark.js gv-light.js	242:256 (3%) 242:256 (3%)	view
13	x 2	assets/styles assets/styles	gv-dark.js gv-light.js	258:272 (3%) 258:272 (3%)	view
13	x 2	assets/styles assets/styles	gv-dark.js gv-light.js	274:288 (3%) 274:288 (3%)	view
13	x 2	assets/styles assets/styles	gv-dark.js gv-light.js	290:304 (3%) 290:304 (3%)	view
13	x 2	assets/styles assets/styles	gv-dark.js gv-light.js	392:408 (3%) 392:408 (3%)	view
12	x 2	assets/styles assets/styles	bright.js gv-dark.js	2:16 (1%) 2:16 (3%)	view
12	x 2	assets/styles assets/styles	bright.js gv-dark.js	50:62 (1%) 101:113 (3%)	view
12	x 2	assets/styles assets/styles	bright.js gv-dark.js	127:139 (1%) 128:140 (3%)	view
12	x 2	assets/styles assets/styles	bright.js gv-dark.js	269:281 (1%) 292:304 (3%)	view
12	x 2	assets/styles assets/styles	bright.js gv-dark.js	419:431 (1%) 260:272 (3%)	view
12	x 2	assets/styles assets/styles	bright.js gv-light.js	50:62 (1%) 101:113 (3%)	view
12	x 2	assets/styles assets/styles	bright.js gv-light.js	127:139 (1%) 128:140 (3%)	view
12	x 2	assets/styles assets/styles	bright.js gv-light.js	269:281 (1%) 292:304 (3%)	view
12	x 2	assets/styles assets/styles	bright.js gv-light.js	419:431 (1%) 260:272 (3%)	view
12	x 2	assets/styles assets/styles	gv-dark.js gv-light.js	128:140 (3%) 128:140 (3%)	view
12	x 2	assets/styles assets/styles	gv-dark.js gv-light.js	323:336 (3%) 323:336 (3%)	view
12	x 2	assets/styles assets/styles	gv-dark.js gv-light.js	338:350 (3%) 338:350 (3%)	view
12	x 2	shared/js shared/js	scrollyteller.js scrollytellerProgress.js	3:14 (22%) 5:16 (15%)	view
11	x 2	assets/styles assets/styles	bright.js gv-dark.js	18:29 (1%) 20:31 (3%)	view
11	x 2	assets/styles assets/styles	bright.js gv-dark.js	256:267 (1%) 325:336 (3%)	view
11	x 2	assets/styles assets/styles	bright.js gv-dark.js	365:375 (1%) 359:369 (3%)	view
11	x 2	assets/styles assets/styles	bright.js gv-dark.js	388:398 (1%) 380:390 (3%)	view
11	x 2	assets/styles assets/styles	bright.js gv-light.js	18:29 (1%) 20:31 (3%)	view
11	x 2	assets/styles assets/styles	bright.js gv-light.js	256:267 (1%) 325:336 (3%)	view
11	x 2	assets/styles assets/styles	bright.js gv-light.js	365:375 (1%) 359:369 (3%)	view
11	x 2	assets/styles assets/styles	bright.js gv-light.js	388:398 (1%) 380:390 (3%)	view
11	x 2	assets/styles assets/styles	gv-dark.js gv-light.js	20:31 (3%) 20:31 (3%)	view
11	x 2	assets/styles assets/styles	gv-dark.js gv-light.js	33:44 (3%) 33:44 (3%)	view

Most Frequent Duplicates

The list of 50 most frequently found duplicates.

Size	#	Folders	Files	Lines	Code
6	x 24	assets/styles assets/styles assets/styles assets/styles assets/styles assets/styles assets/styles assets/styles assets/styles assets/styles ...	bright.js gv-dark.js gv-light.js gv-light.js gv-light.js gv-light.js gv-light.js gv-light.js gv-light.js gv-dark.js ...	272:277 (<1%) 214:219 (1%) 214:219 (1%) 230:235 (1%) 247:252 (1%) 263:268 (1%) 279:284 (1%) 295:300 (1%) 311:316 (1%) 230:235 (1%) ...	view
6	x 11	assets/styles assets/styles assets/styles assets/styles assets/styles assets/styles assets/styles assets/styles assets/styles assets/styles ...	bright.js gv-dark.js gv-light.js bright.js bright.js bright.js bright.js gv-dark.js gv-dark.js gv-light.js ...	130:135 (<1%) 131:136 (1%) 131:136 (1%) 149:154 (<1%) 167:172 (<1%) 483:488 (<1%) 500:505 (<1%) 150:155 (1%) 168:173 (1%) 150:155 (1%) ...	view
6	x 8	assets/styles assets/styles assets/styles assets/styles assets/styles assets/styles assets/styles assets/styles	bright.js gv-dark.js gv-light.js gv-light.js bright.js bright.js bright.js gv-dark.js	370:375 (<1%) 364:369 (1%) 364:369 (1%) 385:390 (1%) 393:398 (<1%) 606:611 (<1%) 627:632 (<1%) 385:390 (1%)	view
6	x 8	assets/styles assets/styles assets/styles assets/styles assets/styles assets/styles assets/styles assets/styles	bright.js gv-dark.js gv-light.js gv-light.js bright.js bright.js bright.js gv-dark.js	369:374 (<1%) 363:368 (1%) 363:368 (1%) 384:389 (1%) 392:397 (<1%) 605:610 (<1%) 626:631 (<1%) 384:389 (1%)	view
6	x 8	assets/styles assets/styles assets/styles assets/styles assets/styles assets/styles assets/styles assets/styles	gv-dark.js gv-light.js bright.js gv-light.js gv-dark.js bright.js bright.js bright.js	231:236 (1%) 231:236 (1%) 517:522 (<1%) 312:317 (1%) 312:317 (1%) 535:540 (<1%) 553:558 (<1%) 570:575 (<1%)	view
6	x 7	assets/styles assets/styles assets/styles assets/styles assets/styles assets/styles assets/styles	bright.js gv-dark.js gv-light.js gv-light.js bright.js bright.js gv-dark.js	368:373 (<1%) 362:367 (1%) 362:367 (1%) 383:388 (1%) 391:396 (<1%) 625:630 (<1%) 383:388 (1%)	view
6	x 6	assets/styles assets/styles assets/styles assets/styles assets/styles assets/styles	bright.js gv-dark.js gv-light.js bright.js gv-dark.js gv-light.js	150:155 (<1%) 151:156 (1%) 151:156 (1%) 168:173 (<1%) 169:174 (1%) 169:174 (1%)	view
6	x 5	assets/styles assets/styles assets/styles assets/styles assets/styles	bright.js gv-dark.js gv-light.js gv-light.js gv-dark.js	21:26 (<1%) 23:28 (1%) 23:28 (1%) 36:41 (1%) 36:41 (1%)	view
6	x 4	assets/styles assets/styles assets/styles assets/styles	bright.js gv-dark.js gv-light.js bright.js	518:523 (<1%) 313:318 (1%) 313:318 (1%) 554:559 (<1%)	view
6	x 4	assets/styles assets/styles assets/styles assets/styles	bright.js gv-dark.js gv-light.js bright.js	519:524 (<1%) 314:319 (1%) 314:319 (1%) 555:560 (<1%)	view
6	x 3	assets/styles assets/styles assets/styles	bright.js gv-dark.js gv-light.js	388:393 (<1%) 380:385 (1%) 380:385 (1%)	view
6	x 3	assets/styles assets/styles assets/styles	bright.js gv-dark.js gv-light.js	261:266 (<1%) 330:335 (1%) 330:335 (1%)	view
6	x 3	assets/styles assets/styles assets/styles	bright.js gv-dark.js gv-light.js	256:262 (<1%) 325:331 (1%) 325:331 (1%)	view
6	x 3	assets/styles assets/styles assets/styles	bright.js gv-dark.js gv-light.js	132:137 (<1%) 133:138 (1%) 133:138 (1%)	view
6	x 3	assets/styles assets/styles assets/styles	bright.js gv-dark.js gv-light.js	170:175 (<1%) 171:176 (1%) 171:176 (1%)	view
6	x 3	assets/styles assets/styles assets/styles	bright.js gv-dark.js gv-light.js	3:10 (<1%) 3:10 (1%) 3:10 (1%)	view
6	x 3	assets/styles assets/styles assets/styles	bright.js gv-dark.js gv-light.js	57:62 (<1%) 108:113 (1%) 108:113 (1%)	view
6	x 3	assets/styles assets/styles assets/styles	bright.js gv-dark.js gv-light.js	549:555 (<1%) 308:314 (1%) 308:314 (1%)	view
6	x 3	assets/styles assets/styles assets/styles	bright.js gv-dark.js gv-light.js	146:152 (<1%) 147:153 (1%) 147:153 (1%)	view
6	x 3	assets/styles assets/styles assets/styles	bright.js gv-dark.js gv-light.js	419:425 (<1%) 260:266 (1%) 260:266 (1%)	view
6	x 3	assets/styles assets/styles assets/styles	bright.js gv-dark.js gv-light.js	294:299 (<1%) 283:288 (1%) 283:288 (1%)	view
6	x 3	assets/styles assets/styles assets/styles	bright.js gv-dark.js gv-light.js	389:394 (<1%) 381:386 (1%) 381:386 (1%)	view
6	x 3	assets/styles assets/styles assets/styles	bright.js gv-dark.js gv-light.js	53:58 (<1%) 104:109 (1%) 104:109 (1%)	view
6	x 3	assets/styles assets/styles assets/styles	bright.js gv-dark.js gv-light.js	153:158 (<1%) 154:159 (1%) 154:159 (1%)	view
6	x 3	assets/styles assets/styles assets/styles	bright.js gv-dark.js gv-light.js	2:9 (<1%) 2:9 (1%) 2:9 (1%)	view
6	x 3	assets/styles assets/styles assets/styles	bright.js gv-dark.js gv-light.js	471:476 (<1%) 398:403 (1%) 398:403 (1%)	view
6	x 3	assets/styles assets/styles assets/styles	bright.js gv-dark.js gv-light.js	20:25 (<1%) 22:27 (1%) 22:27 (1%)	view
6	x 3	assets/styles assets/styles assets/styles	bright.js gv-dark.js gv-light.js	424:429 (<1%) 265:270 (1%) 265:270 (1%)	view
6	x 3	assets/styles assets/styles assets/styles	bright.js gv-dark.js gv-light.js	39:45 (<1%) 54:60 (1%) 54:60 (1%)	view
6	x 3	assets/styles assets/styles assets/styles	bright.js gv-dark.js gv-light.js	9:15 (<1%) 9:15 (1%) 9:15 (1%)	view
6	x 3	assets/styles assets/styles assets/styles	bright.js gv-dark.js gv-light.js	151:156 (<1%) 152:157 (1%) 152:157 (1%)	view
6	x 3	assets/styles assets/styles assets/styles	bright.js gv-dark.js gv-light.js	169:174 (<1%) 170:175 (1%) 170:175 (1%)	view
6	x 3	assets/styles assets/styles assets/styles	bright.js gv-dark.js gv-light.js	127:133 (<1%) 128:134 (1%) 128:134 (1%)	view
6	x 3	assets/styles assets/styles assets/styles	bright.js gv-dark.js gv-light.js	133:138 (<1%) 134:139 (1%) 134:139 (1%)	view
6	x 3	assets/styles assets/styles assets/styles	bright.js gv-dark.js gv-light.js	271:276 (<1%) 294:299 (1%) 294:299 (1%)	view
6	x 3	assets/styles assets/styles assets/styles	bright.js gv-dark.js gv-light.js	5:12 (<1%) 5:12 (1%) 5:12 (1%)	view
6	x 3	assets/styles assets/styles assets/styles	bright.js gv-dark.js gv-light.js	152:157 (<1%) 153:158 (1%) 153:158 (1%)	view
6	x 3	assets/styles assets/styles assets/styles	gv-dark.js gv-light.js bright.js	229:234 (1%) 229:234 (1%) 568:573 (<1%)	view
6	x 3	assets/styles assets/styles assets/styles	bright.js gv-dark.js gv-light.js	276:281 (<1%) 299:304 (1%) 299:304 (1%)	view
6	x 3	assets/styles assets/styles assets/styles	bright.js gv-dark.js gv-light.js	22:27 (<1%) 24:29 (1%) 24:29 (1%)	view
6	x 3	assets/styles assets/styles assets/styles	bright.js gv-dark.js gv-light.js	258:263 (<1%) 327:332 (1%) 327:332 (1%)	view
6	x 3	assets/styles assets/styles assets/styles	bright.js gv-dark.js gv-light.js	262:267 (<1%) 331:336 (1%) 331:336 (1%)	view
6	x 3	assets/styles assets/styles assets/styles	bright.js gv-dark.js gv-light.js	164:170 (<1%) 165:171 (1%) 165:171 (1%)	view
6	x 3	assets/styles assets/styles assets/styles	bright.js gv-dark.js gv-light.js	468:474 (<1%) 395:401 (1%) 395:401 (1%)	view
6	x 3	assets/styles assets/styles assets/styles	bright.js gv-dark.js gv-light.js	293:298 (<1%) 282:287 (1%) 282:287 (1%)	view
6	x 3	assets/styles assets/styles assets/styles	bright.js gv-dark.js gv-light.js	52:57 (<1%) 103:108 (1%) 103:108 (1%)	view
6	x 3	assets/styles assets/styles assets/styles	bright.js gv-dark.js gv-light.js	260:265 (<1%) 329:334 (1%) 329:334 (1%)	view
6	x 3	assets/styles assets/styles assets/styles	bright.js gv-dark.js gv-light.js	365:370 (<1%) 359:364 (1%) 359:364 (1%)	view
6	x 3	assets/styles assets/styles assets/styles	bright.js gv-dark.js gv-light.js	166:171 (<1%) 167:172 (1%) 167:172 (1%)	view
6	x 3	assets/styles assets/styles assets/styles	bright.js gv-dark.js gv-light.js	556:561 (<1%) 315:320 (1%) 315:320 (1%)	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."