Duplication · guardian/interactive-1m-coronavirus-deaths

Duplication Overall

47% duplication:

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

42 duplicates

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

Duplication per Extension

Duplication per Component (primary)

Duplication Between Components (50+ lines)

flowchart TB
    n0["atoms"]
    n1["shared"]
    n0 ---|"104"| n1
    classDef default fill:#00b2ee,stroke:#ffffff,color:#000000;
    classDef highlighted fill:#00b2ee,stroke:#ffffff,color:#000000;
    linkStyle 0 stroke:#DC143CFF,stroke-width:10px

Download: Mermaid (.mmd) (open online Mermaid editor)

2D force graph | 3D force graph

Show more details on duplication between components...

From Component --> To Component	Duplicated Lines	File Pairs	Details
atoms (2%) --> shared (5%)	104	3 file pairs	details...

Longest Duplicates

The list of 42 longest duplicates.

See data for all 42 duplicates...

Size	#	Folders	Files	Lines	Code
233	x 2	atoms/area-chart/client/css atoms/voronoi-map/client/css	_enhancer.scss _enhancer.scss	1:283 (100%) 1:283 (100%)	view
233	x 2	atoms/area-chart-daily/client/css atoms/area-chart/client/css	_enhancer.scss _enhancer.scss	1:283 (100%) 1:283 (100%)	view
233	x 2	atoms/area-chart-daily/client/css atoms/voronoi-map/client/css	_enhancer.scss _enhancer.scss	1:283 (100%) 1:283 (100%)	view
142	x 2	atoms/area-chart-daily/client/css atoms/area-chart/client/css	main.scss main.scss	33:216 (74%) 33:216 (85%)	view
40	x 2	atoms/area-chart-daily/client/js atoms/area-chart/client/js	app.js app.js	22:78 (10%) 18:74 (14%)	view
39	x 2	atoms/area-chart-daily/client/js atoms/area-chart/client/js	app.js app.js	160:219 (9%) 134:196 (13%)	view
31	x 2	atoms/area-chart-daily/client/js atoms/area-chart/client/js	app.js app.js	494:540 (7%) 362:408 (10%)	view
30	x 2	atoms/area-chart-daily/client/js atoms/area-chart/client/js	app.js app.js	564:622 (7%) 408:462 (10%)	view
23	x 2	atoms/area-chart-daily/client/css atoms/area-chart/client/css	main.scss main.scss	1:30 (12%) 1:30 (13%)	view
22	x 2	atoms/area-chart-daily/client/js atoms/area-chart/client/js	app.js app.js	386:416 (5%) 245:275 (7%)	view
18	x 2	atoms/area-chart-daily/client/js atoms/area-chart/client/js	app.js app.js	81:114 (4%) 77:110 (6%)	view
15	x 2	atoms/area-chart-daily/client/js atoms/voronoi-map/client/js	main.js main.js	1:22 (100%) 1:22 (100%)	view
15	x 2	atoms/area-chart-daily/client/js atoms/area-chart/client/js	main.js main.js	1:22 (100%) 1:22 (100%)	view
15	x 2	atoms/area-chart/client/js atoms/voronoi-map/client/js	main.js main.js	1:22 (100%) 1:22 (100%)	view
8	x 2	atoms/area-chart-daily/client/js atoms/area-chart-daily/client/js	app.js app.js	58:65 (2%) 288:295 (2%)	view
8	x 2	atoms/area-chart-daily/client/js atoms/area-chart-daily/client/js	app.js app.js	500:514 (2%) 527:540 (2%)	view
8	x 2	atoms/area-chart/client/js atoms/area-chart/client/js	app.js app.js	368:382 (2%) 395:408 (2%)	view
8	x 2	atoms/area-chart-daily/client/js atoms/area-chart/client/js	app.js app.js	288:295 (2%) 54:61 (2%)	view
8	x 2	atoms/area-chart-daily/client/js atoms/area-chart/client/js	app.js app.js	420:431 (2%) 279:290 (2%)	view
8	x 2	atoms/area-chart-daily/client/js atoms/area-chart/client/js	app.js app.js	500:514 (2%) 395:408 (2%)	view
8	x 2	atoms/area-chart-daily/client/js atoms/area-chart/client/js	app.js app.js	527:540 (2%) 368:382 (2%)	view
7	x 2	atoms/area-chart-daily/client/css atoms/area-chart-daily/client/css	main.scss main.scss	160:166 (3%) 200:206 (3%)	view
7	x 2	atoms/area-chart/client/css atoms/area-chart/client/css	main.scss main.scss	160:166 (4%) 200:206 (4%)	view
7	x 2	atoms/area-chart-daily/client/css atoms/area-chart/client/css	main.scss main.scss	160:166 (3%) 200:206 (4%)	view
7	x 2	atoms/area-chart-daily/client/css atoms/area-chart/client/css	main.scss main.scss	200:206 (3%) 160:166 (4%)	view
7	x 2	atoms/area-chart-daily/client/js atoms/area-chart/client/js	app.js app.js	450:458 (1%) 310:318 (2%)	view
7	x 2	atoms/area-chart-daily/client/js atoms/area-chart/client/js	app.js app.js	634:650 (1%) 468:484 (2%)	view
7	x 2	atoms/area-chart-daily/client/css shared/css	_enhancer.scss _header.scss	75:82 (3%) 233:240 (2%)	view
7	x 2	atoms/area-chart-daily/client/css shared/css	_enhancer.scss _header.scss	95:101 (3%) 260:266 (2%)	view
7	x 2	atoms/area-chart/client/css shared/css	_enhancer.scss _header.scss	75:82 (3%) 233:240 (2%)	view
7	x 2	atoms/area-chart/client/css shared/css	_enhancer.scss _header.scss	95:101 (3%) 260:266 (2%)	view
7	x 2	atoms/voronoi-map/client/css shared/css	_enhancer.scss _header.scss	75:82 (3%) 233:240 (2%)	view
7	x 2	atoms/voronoi-map/client/css shared/css	_enhancer.scss _header.scss	95:101 (3%) 260:266 (2%)	view
6	x 2	atoms/voronoi-map/client/js atoms/voronoi-map/client/js	app__.js app__.js	54:61 (8%) 72:79 (8%)	view
6	x 2	shared/css/guss-typography shared/css/guss-typography	_typography.mixins.scss _typography.mixins.scss	188:193 (5%) 200:205 (5%)	view
6	x 2	atoms/area-chart-daily/client/js atoms/area-chart/client/js	app.js app.js	227:234 (1%) 198:205 (2%)	view
6	x 2	atoms/area-chart-daily/client/css shared/css	_enhancer.scss _header.scss	43:48 (2%) 153:158 (2%)	view
6	x 2	atoms/area-chart-daily/client/css shared/css	_enhancer.scss _header.scss	56:63 (2%) 218:223 (2%)	view
6	x 2	atoms/area-chart/client/css shared/css	_enhancer.scss _header.scss	43:48 (2%) 153:158 (2%)	view
6	x 2	atoms/area-chart/client/css shared/css	_enhancer.scss _header.scss	56:63 (2%) 218:223 (2%)	view
6	x 2	atoms/voronoi-map/client/css shared/css	_enhancer.scss _header.scss	43:48 (2%) 153:158 (2%)	view
6	x 2	atoms/voronoi-map/client/css shared/css	_enhancer.scss _header.scss	56:63 (2%) 218:223 (2%)	view

Most Frequent Duplicates

The list of 50 most frequently found duplicates.

Size	#	Folders	Files	Lines	Code
6	x 4	atoms/area-chart-daily/client/css atoms/area-chart/client/css atoms/area-chart/client/css atoms/area-chart-daily/client/css	main.scss main.scss main.scss main.scss	160:165 (3%) 160:165 (3%) 200:205 (3%) 200:205 (3%)	view
6	x 4	atoms/area-chart-daily/client/js atoms/area-chart/client/js atoms/area-chart/client/js atoms/area-chart-daily/client/js	app.js app.js app.js app.js	502:512 (1%) 370:380 (2%) 397:407 (2%) 529:539 (1%)	view
6	x 4	atoms/area-chart/client/css shared/css atoms/voronoi-map/client/css atoms/area-chart-daily/client/css	_enhancer.scss _header.scss _enhancer.scss _enhancer.scss	96:101 (2%) 261:266 (2%) 96:101 (2%) 96:101 (2%)	view
6	x 4	atoms/area-chart/client/css shared/css atoms/voronoi-map/client/css atoms/area-chart-daily/client/css	_enhancer.scss _header.scss _enhancer.scss _enhancer.scss	76:82 (2%) 234:240 (2%) 76:82 (2%) 76:82 (2%)	view
6	x 4	atoms/area-chart-daily/client/js atoms/area-chart/client/js atoms/area-chart/client/js atoms/area-chart-daily/client/js	app.js app.js app.js app.js	500:510 (1%) 368:378 (2%) 395:405 (2%) 527:537 (1%)	view
6	x 4	atoms/area-chart/client/css shared/css atoms/voronoi-map/client/css atoms/area-chart-daily/client/css	_enhancer.scss _header.scss _enhancer.scss _enhancer.scss	95:100 (2%) 260:265 (2%) 95:100 (2%) 95:100 (2%)	view
6	x 4	atoms/area-chart/client/css shared/css atoms/area-chart-daily/client/css atoms/voronoi-map/client/css	_enhancer.scss _header.scss _enhancer.scss _enhancer.scss	43:48 (2%) 153:158 (2%) 43:48 (2%) 43:48 (2%)	view
6	x 4	atoms/area-chart/client/css shared/css atoms/voronoi-map/client/css atoms/area-chart-daily/client/css	_enhancer.scss _header.scss _enhancer.scss _enhancer.scss	75:81 (2%) 233:239 (2%) 75:81 (2%) 75:81 (2%)	view
6	x 4	atoms/area-chart-daily/client/css atoms/area-chart/client/css atoms/area-chart/client/css atoms/area-chart-daily/client/css	main.scss main.scss main.scss main.scss	161:166 (3%) 161:166 (3%) 201:206 (3%) 201:206 (3%)	view
6	x 4	atoms/area-chart-daily/client/js atoms/area-chart/client/js atoms/area-chart/client/js atoms/area-chart-daily/client/js	app.js app.js app.js app.js	504:514 (1%) 372:382 (2%) 399:408 (2%) 531:540 (1%)	view
6	x 4	atoms/area-chart/client/css shared/css atoms/voronoi-map/client/css atoms/area-chart-daily/client/css	_enhancer.scss _header.scss _enhancer.scss _enhancer.scss	56:63 (2%) 218:223 (2%) 56:63 (2%) 56:63 (2%)	view
6	x 3	atoms/area-chart/client/css atoms/voronoi-map/client/css atoms/area-chart-daily/client/css	_enhancer.scss _enhancer.scss _enhancer.scss	257:262 (2%) 257:262 (2%) 257:262 (2%)	view
6	x 3	atoms/area-chart/client/css atoms/voronoi-map/client/css atoms/area-chart-daily/client/css	_enhancer.scss _enhancer.scss _enhancer.scss	258:263 (2%) 258:263 (2%) 258:263 (2%)	view
6	x 3	atoms/area-chart/client/css atoms/voronoi-map/client/css atoms/area-chart-daily/client/css	_enhancer.scss _enhancer.scss _enhancer.scss	159:167 (2%) 159:167 (2%) 159:167 (2%)	view
6	x 3	atoms/area-chart-daily/client/css atoms/voronoi-map/client/css atoms/area-chart/client/css	_enhancer.scss _enhancer.scss _enhancer.scss	38:43 (2%) 38:43 (2%) 38:43 (2%)	view
6	x 3	atoms/area-chart-daily/client/css atoms/voronoi-map/client/css atoms/area-chart/client/css	_enhancer.scss _enhancer.scss _enhancer.scss	33:40 (2%) 33:40 (2%) 33:40 (2%)	view
6	x 3	atoms/area-chart-daily/client/css atoms/voronoi-map/client/css atoms/area-chart/client/css	_enhancer.scss _enhancer.scss _enhancer.scss	2:11 (2%) 2:11 (2%) 2:11 (2%)	view
6	x 3	atoms/area-chart/client/css atoms/voronoi-map/client/css atoms/area-chart-daily/client/css	_enhancer.scss _enhancer.scss _enhancer.scss	133:139 (2%) 133:139 (2%) 133:139 (2%)	view
6	x 3	atoms/area-chart/client/css atoms/voronoi-map/client/css atoms/area-chart-daily/client/css	_enhancer.scss _enhancer.scss _enhancer.scss	272:278 (2%) 272:278 (2%) 272:278 (2%)	view
6	x 3	atoms/area-chart/client/css atoms/voronoi-map/client/css atoms/area-chart-daily/client/css	_enhancer.scss _enhancer.scss _enhancer.scss	88:94 (2%) 88:94 (2%) 88:94 (2%)	view
6	x 3	atoms/area-chart-daily/client/css atoms/voronoi-map/client/css atoms/area-chart/client/css	_enhancer.scss _enhancer.scss _enhancer.scss	46:51 (2%) 46:51 (2%) 46:51 (2%)	view
6	x 3	atoms/area-chart/client/css atoms/voronoi-map/client/css atoms/area-chart-daily/client/css	_enhancer.scss _enhancer.scss _enhancer.scss	202:207 (2%) 202:207 (2%) 202:207 (2%)	view
6	x 3	atoms/area-chart-daily/client/css atoms/voronoi-map/client/css atoms/area-chart/client/css	_enhancer.scss _enhancer.scss _enhancer.scss	41:46 (2%) 41:46 (2%) 41:46 (2%)	view
6	x 3	atoms/area-chart-daily/client/css atoms/voronoi-map/client/css atoms/area-chart/client/css	_enhancer.scss _enhancer.scss _enhancer.scss	87:93 (2%) 87:93 (2%) 87:93 (2%)	view
6	x 3	atoms/area-chart-daily/client/css atoms/voronoi-map/client/css atoms/area-chart/client/css	_enhancer.scss _enhancer.scss _enhancer.scss	81:87 (2%) 81:87 (2%) 81:87 (2%)	view
6	x 3	atoms/area-chart/client/js atoms/voronoi-map/client/js atoms/area-chart-daily/client/js	main.js main.js main.js	7:13 (40%) 7:13 (40%) 7:13 (40%)	view
6	x 3	atoms/area-chart-daily/client/js atoms/area-chart/client/js atoms/area-chart-daily/client/js	app.js app.js app.js	58:63 (1%) 54:59 (2%) 288:293 (1%)	view
6	x 3	atoms/area-chart/client/css atoms/voronoi-map/client/css atoms/area-chart-daily/client/css	_enhancer.scss _enhancer.scss _enhancer.scss	138:143 (2%) 138:143 (2%) 138:143 (2%)	view
6	x 3	atoms/area-chart/client/css atoms/voronoi-map/client/css atoms/area-chart-daily/client/css	_enhancer.scss _enhancer.scss _enhancer.scss	266:271 (2%) 266:271 (2%) 266:271 (2%)	view
6	x 3	atoms/area-chart/client/css atoms/voronoi-map/client/css atoms/area-chart-daily/client/css	_enhancer.scss _enhancer.scss _enhancer.scss	232:237 (2%) 232:237 (2%) 232:237 (2%)	view
6	x 3	atoms/area-chart/client/css atoms/voronoi-map/client/css atoms/area-chart-daily/client/css	_enhancer.scss _enhancer.scss _enhancer.scss	163:173 (2%) 163:173 (2%) 163:173 (2%)	view
6	x 3	atoms/area-chart/client/css atoms/voronoi-map/client/css atoms/area-chart-daily/client/css	_enhancer.scss _enhancer.scss _enhancer.scss	249:255 (2%) 249:255 (2%) 249:255 (2%)	view
6	x 3	atoms/area-chart/client/css atoms/voronoi-map/client/css atoms/area-chart-daily/client/css	_enhancer.scss _enhancer.scss _enhancer.scss	186:191 (2%) 186:191 (2%) 186:191 (2%)	view
6	x 3	atoms/area-chart/client/css atoms/voronoi-map/client/css atoms/area-chart-daily/client/css	_enhancer.scss _enhancer.scss _enhancer.scss	268:274 (2%) 268:274 (2%) 268:274 (2%)	view
6	x 3	atoms/area-chart/client/css atoms/voronoi-map/client/css atoms/area-chart-daily/client/css	_enhancer.scss _enhancer.scss _enhancer.scss	207:213 (2%) 207:213 (2%) 207:213 (2%)	view
6	x 3	atoms/area-chart-daily/client/css atoms/voronoi-map/client/css atoms/area-chart/client/css	_enhancer.scss _enhancer.scss _enhancer.scss	28:34 (2%) 28:34 (2%) 28:34 (2%)	view
6	x 3	atoms/area-chart-daily/client/css atoms/voronoi-map/client/css atoms/area-chart/client/css	_enhancer.scss _enhancer.scss _enhancer.scss	62:70 (2%) 62:70 (2%) 62:70 (2%)	view
6	x 3	atoms/area-chart/client/css atoms/voronoi-map/client/css atoms/area-chart-daily/client/css	_enhancer.scss _enhancer.scss _enhancer.scss	212:218 (2%) 212:218 (2%) 212:218 (2%)	view
6	x 3	atoms/area-chart/client/css atoms/voronoi-map/client/css atoms/area-chart-daily/client/css	_enhancer.scss _enhancer.scss _enhancer.scss	156:163 (2%) 156:163 (2%) 156:163 (2%)	view
6	x 3	atoms/area-chart/client/css atoms/voronoi-map/client/css atoms/area-chart-daily/client/css	_enhancer.scss _enhancer.scss _enhancer.scss	117:123 (2%) 117:123 (2%) 117:123 (2%)	view
6	x 3	atoms/area-chart/client/css atoms/voronoi-map/client/css atoms/area-chart-daily/client/css	_enhancer.scss _enhancer.scss _enhancer.scss	227:232 (2%) 227:232 (2%) 227:232 (2%)	view
6	x 3	atoms/area-chart/client/css atoms/voronoi-map/client/css atoms/area-chart-daily/client/css	_enhancer.scss _enhancer.scss _enhancer.scss	184:189 (2%) 184:189 (2%) 184:189 (2%)	view
6	x 3	atoms/area-chart/client/css atoms/voronoi-map/client/css atoms/area-chart-daily/client/css	_enhancer.scss _enhancer.scss _enhancer.scss	167:176 (2%) 167:176 (2%) 167:176 (2%)	view
6	x 3	atoms/area-chart/client/css atoms/voronoi-map/client/css atoms/area-chart-daily/client/css	_enhancer.scss _enhancer.scss _enhancer.scss	141:147 (2%) 141:147 (2%) 141:147 (2%)	view
6	x 3	atoms/area-chart/client/css atoms/voronoi-map/client/css atoms/area-chart-daily/client/css	_enhancer.scss _enhancer.scss _enhancer.scss	190:195 (2%) 190:195 (2%) 190:195 (2%)	view
6	x 3	atoms/area-chart-daily/client/css atoms/voronoi-map/client/css atoms/area-chart/client/css	_enhancer.scss _enhancer.scss _enhancer.scss	58:64 (2%) 58:64 (2%) 58:64 (2%)	view
6	x 3	atoms/area-chart-daily/client/css atoms/voronoi-map/client/css atoms/area-chart/client/css	_enhancer.scss _enhancer.scss _enhancer.scss	59:67 (2%) 59:67 (2%) 59:67 (2%)	view
6	x 3	atoms/area-chart/client/css atoms/voronoi-map/client/css atoms/area-chart-daily/client/css	_enhancer.scss _enhancer.scss _enhancer.scss	216:221 (2%) 216:221 (2%) 216:221 (2%)	view
6	x 3	atoms/area-chart/client/css atoms/voronoi-map/client/css atoms/area-chart-daily/client/css	_enhancer.scss _enhancer.scss _enhancer.scss	251:257 (2%) 251:257 (2%) 251:257 (2%)	view
6	x 3	atoms/area-chart/client/css atoms/voronoi-map/client/css atoms/area-chart-daily/client/css	_enhancer.scss _enhancer.scss _enhancer.scss	152:158 (2%) 152:158 (2%) 152:158 (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."