Duplication · guardian/interactive-atom-trusted-news-thrasher

Duplication Overall

47% duplication:

2,488 cleaned lines of cleaned code (without empty lines, comments, and frequently duplicated constructs such as imports)
1,176 duplicated lines

25 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 ---|"932"| 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 (50%) --> shared (38%)	932	3 file pairs	details...

Longest Duplicates

The list of 25 longest duplicates.

See data for all 25 duplicates...

Size	#	Folders	Files	Lines	Code
233	x 2	atoms/us-blue/client/css atoms/us-white/client/css	_enhancer.scss _enhancer.scss	1:283 (100%) 1:283 (100%)	view
233	x 2	atoms/uk-white/client/css shared/css	_enhancer.scss _enhancer.scss	1:283 (100%) 1:283 (100%)	view
233	x 2	atoms/uk-white/client/css atoms/us-white/client/css	_enhancer.scss _enhancer.scss	1:283 (100%) 1:283 (100%)	view
233	x 2	atoms/us-blue/client/css shared/css	_enhancer.scss _enhancer.scss	1:283 (100%) 1:283 (100%)	view
233	x 2	atoms/uk-white/client/css atoms/us-blue/client/css	_enhancer.scss _enhancer.scss	1:283 (100%) 1:283 (100%)	view
233	x 2	atoms/us-white/client/css shared/css	_enhancer.scss _enhancer.scss	1:283 (100%) 1:283 (100%)	view
28	x 2	atoms/uk-white/client/js atoms/us-blue/client/js	main.js main.js	1:33 (100%) 1:33 (100%)	view
28	x 2	atoms/uk-blue/client/js atoms/us-white/client/js	main.js main.js	1:33 (100%) 1:33 (100%)	view
28	x 2	atoms/uk-blue/client/js atoms/uk-white/client/js	main.js main.js	1:33 (100%) 1:33 (100%)	view
28	x 2	atoms/us-blue/client/js atoms/us-white/client/js	main.js main.js	1:33 (100%) 1:33 (100%)	view
28	x 2	atoms/uk-white/client/js atoms/us-white/client/js	main.js main.js	1:33 (100%) 1:33 (100%)	view
28	x 2	atoms/uk-blue/client/js atoms/us-blue/client/js	main.js main.js	1:33 (100%) 1:33 (100%)	view
11	x 2	atoms/uk-blue/server/templates atoms/uk-white/server/templates	main.html main.html	1:22 (100%) 1:22 (100%)	view
9	x 2	atoms/uk-white/client/js atoms/us-white/client/js	app.js app.js	1:14 (100%) 1:14 (100%)	view
9	x 2	shared/css shared/css	_fonts.scss thrasher-shared.scss	19:28 (8%) 20:29 (4%)	view
9	x 2	atoms/uk-blue/client/js atoms/us-white/client/js	app.js app.js	1:13 (100%) 1:14 (100%)	view
9	x 2	atoms/uk-blue/client/js atoms/uk-white/client/js	app.js app.js	1:13 (100%) 1:14 (100%)	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/us-blue/server/templates atoms/us-white/server/templates	main.html main.html	1:8 (54%) 1:8 (54%)	view
6	x 2	atoms/uk-white/client/css atoms/us-white/client/css	main.scss main.scss	1:8 (100%) 1:8 (100%)	view
6	x 2	shared/css shared/css	_fonts.scss thrasher-shared.scss	113:118 (5%) 15:20 (2%)	view
6	x 2	atoms/uk-blue/client/css atoms/us-blue/client/css	main.scss main.scss	1:8 (100%) 1:9 (100%)	view
6	x 2	atoms/uk-white/client/js atoms/us-blue/client/js	app.js app.js	1:11 (66%) 1:11 (66%)	view
6	x 2	atoms/us-blue/client/js atoms/us-white/client/js	app.js app.js	1:11 (66%) 1:11 (66%)	view
6	x 2	atoms/uk-blue/client/js atoms/us-blue/client/js	app.js app.js	1:10 (66%) 1:11 (66%)	view

Most Frequent Duplicates

The list of 50 most frequently found duplicates.

Size	#	Folders	Files	Lines	Code
6	x 4	atoms/uk-white/client/js atoms/us-blue/client/js atoms/uk-blue/client/js atoms/us-white/client/js	main.js main.js main.js main.js	14:21 (21%) 14:21 (21%) 14:21 (21%) 14:21 (21%)	view
6	x 4	atoms/uk-white/client/css shared/css atoms/us-white/client/css atoms/us-blue/client/css	_enhancer.scss _enhancer.scss _enhancer.scss _enhancer.scss	31:38 (2%) 31:38 (2%) 31:38 (2%) 31:38 (2%)	view
6	x 4	atoms/uk-white/client/css shared/css atoms/us-white/client/css atoms/us-blue/client/css	_enhancer.scss _enhancer.scss _enhancer.scss _enhancer.scss	62:70 (2%) 62:70 (2%) 62:70 (2%) 62:70 (2%)	view
6	x 4	atoms/uk-white/client/css shared/css atoms/us-white/client/css atoms/us-blue/client/css	_enhancer.scss _enhancer.scss _enhancer.scss _enhancer.scss	192:197 (2%) 192:197 (2%) 192:197 (2%) 192:197 (2%)	view
6	x 4	atoms/uk-white/client/css shared/css atoms/us-white/client/css atoms/us-blue/client/css	_enhancer.scss _enhancer.scss _enhancer.scss _enhancer.scss	36:42 (2%) 36:42 (2%) 36:42 (2%) 36:42 (2%)	view
6	x 4	atoms/uk-white/client/css shared/css atoms/us-white/client/css atoms/us-blue/client/css	_enhancer.scss _enhancer.scss _enhancer.scss _enhancer.scss	93:98 (2%) 93:98 (2%) 93:98 (2%) 93:98 (2%)	view
6	x 4	atoms/uk-white/client/css shared/css atoms/us-white/client/css atoms/us-blue/client/css	_enhancer.scss _enhancer.scss _enhancer.scss _enhancer.scss	190:195 (2%) 190:195 (2%) 190:195 (2%) 190:195 (2%)	view
6	x 4	atoms/uk-white/client/css shared/css atoms/us-white/client/css atoms/us-blue/client/css	_enhancer.scss _enhancer.scss _enhancer.scss _enhancer.scss	257:262 (2%) 257:262 (2%) 257:262 (2%) 257:262 (2%)	view
6	x 4	atoms/uk-white/client/js atoms/us-blue/client/js atoms/uk-blue/client/js atoms/us-white/client/js	main.js main.js main.js main.js	15:22 (21%) 15:22 (21%) 15:22 (21%) 15:22 (21%)	view
6	x 4	atoms/uk-white/client/css shared/css atoms/us-white/client/css atoms/us-blue/client/css	_enhancer.scss _enhancer.scss _enhancer.scss _enhancer.scss	246:251 (2%) 246:251 (2%) 246:251 (2%) 246:251 (2%)	view
6	x 4	atoms/uk-white/client/js atoms/us-blue/client/js atoms/uk-blue/client/js atoms/us-white/client/js	main.js main.js main.js main.js	6:13 (21%) 6:13 (21%) 6:13 (21%) 6:13 (21%)	view
6	x 4	atoms/uk-white/client/js atoms/us-blue/client/js atoms/uk-blue/client/js atoms/us-white/client/js	main.js main.js main.js main.js	27:32 (21%) 27:32 (21%) 27:32 (21%) 27:32 (21%)	view
6	x 4	atoms/uk-white/client/css shared/css atoms/us-white/client/css atoms/us-blue/client/css	_enhancer.scss _enhancer.scss _enhancer.scss _enhancer.scss	1:10 (2%) 1:10 (2%) 1:10 (2%) 1:10 (2%)	view
6	x 4	atoms/uk-white/client/css shared/css atoms/us-white/client/css atoms/us-blue/client/css	_enhancer.scss _enhancer.scss _enhancer.scss _enhancer.scss	15:22 (2%) 15:22 (2%) 15:22 (2%) 15:22 (2%)	view
6	x 4	atoms/uk-white/client/css shared/css atoms/us-white/client/css atoms/us-blue/client/css	_enhancer.scss _enhancer.scss _enhancer.scss _enhancer.scss	199:204 (2%) 199:204 (2%) 199:204 (2%) 199:204 (2%)	view
6	x 4	atoms/uk-white/client/css shared/css atoms/us-white/client/css atoms/us-blue/client/css	_enhancer.scss _enhancer.scss _enhancer.scss _enhancer.scss	227:232 (2%) 227:232 (2%) 227:232 (2%) 227:232 (2%)	view
6	x 4	atoms/uk-white/client/css shared/css atoms/us-white/client/css atoms/us-blue/client/css	_enhancer.scss _enhancer.scss _enhancer.scss _enhancer.scss	101:115 (2%) 101:115 (2%) 101:115 (2%) 101:115 (2%)	view
6	x 4	atoms/uk-white/client/css shared/css atoms/us-white/client/css atoms/us-blue/client/css	_enhancer.scss _enhancer.scss _enhancer.scss _enhancer.scss	153:159 (2%) 153:159 (2%) 153:159 (2%) 153:159 (2%)	view
6	x 4	atoms/uk-white/client/css shared/css atoms/us-white/client/css atoms/us-blue/client/css	_enhancer.scss _enhancer.scss _enhancer.scss _enhancer.scss	88:94 (2%) 88:94 (2%) 88:94 (2%) 88:94 (2%)	view
6	x 4	atoms/uk-white/client/css shared/css atoms/us-white/client/css atoms/us-blue/client/css	_enhancer.scss _enhancer.scss _enhancer.scss _enhancer.scss	47:52 (2%) 47:52 (2%) 47:52 (2%) 47:52 (2%)	view
6	x 4	atoms/uk-white/client/css shared/css atoms/us-white/client/css atoms/us-blue/client/css	_enhancer.scss _enhancer.scss _enhancer.scss _enhancer.scss	43:48 (2%) 43:48 (2%) 43:48 (2%) 43:48 (2%)	view
6	x 4	atoms/uk-white/client/css shared/css atoms/us-white/client/css atoms/us-blue/client/css	_enhancer.scss _enhancer.scss _enhancer.scss _enhancer.scss	64:73 (2%) 64:73 (2%) 64:73 (2%) 64:73 (2%)	view
6	x 4	atoms/uk-white/client/css shared/css atoms/us-white/client/css atoms/us-blue/client/css	_enhancer.scss _enhancer.scss _enhancer.scss _enhancer.scss	117:123 (2%) 117:123 (2%) 117:123 (2%) 117:123 (2%)	view
6	x 4	atoms/uk-white/client/css shared/css atoms/us-white/client/css atoms/us-blue/client/css	_enhancer.scss _enhancer.scss _enhancer.scss _enhancer.scss	167:176 (2%) 167:176 (2%) 167:176 (2%) 167:176 (2%)	view
6	x 4	atoms/uk-white/client/css shared/css atoms/us-white/client/css atoms/us-blue/client/css	_enhancer.scss _enhancer.scss _enhancer.scss _enhancer.scss	183:188 (2%) 183:188 (2%) 183:188 (2%) 183:188 (2%)	view
6	x 4	atoms/uk-white/client/css shared/css atoms/us-white/client/css atoms/us-blue/client/css	_enhancer.scss _enhancer.scss _enhancer.scss _enhancer.scss	179:184 (2%) 179:184 (2%) 179:184 (2%) 179:184 (2%)	view
6	x 4	atoms/uk-white/client/css shared/css atoms/us-white/client/css atoms/us-blue/client/css	_enhancer.scss _enhancer.scss _enhancer.scss _enhancer.scss	122:128 (2%) 122:128 (2%) 122:128 (2%) 122:128 (2%)	view
6	x 4	atoms/uk-white/client/css shared/css atoms/us-white/client/css atoms/us-blue/client/css	_enhancer.scss _enhancer.scss _enhancer.scss _enhancer.scss	127:133 (2%) 127:133 (2%) 127:133 (2%) 127:133 (2%)	view
6	x 4	atoms/uk-white/client/css shared/css atoms/us-white/client/css atoms/us-blue/client/css	_enhancer.scss _enhancer.scss _enhancer.scss _enhancer.scss	277:282 (2%) 277:282 (2%) 277:282 (2%) 277:282 (2%)	view
6	x 4	atoms/uk-white/client/css shared/css atoms/us-white/client/css atoms/us-blue/client/css	_enhancer.scss _enhancer.scss _enhancer.scss _enhancer.scss	13:20 (2%) 13:20 (2%) 13:20 (2%) 13:20 (2%)	view
6	x 4	atoms/uk-white/client/css shared/css atoms/us-white/client/css atoms/us-blue/client/css	_enhancer.scss _enhancer.scss _enhancer.scss _enhancer.scss	2:11 (2%) 2:11 (2%) 2:11 (2%) 2:11 (2%)	view
6	x 4	atoms/uk-white/client/css shared/css atoms/us-white/client/css atoms/us-blue/client/css	_enhancer.scss _enhancer.scss _enhancer.scss _enhancer.scss	56:63 (2%) 56:63 (2%) 56:63 (2%) 56:63 (2%)	view
6	x 4	atoms/uk-white/client/js atoms/us-blue/client/js atoms/uk-blue/client/js atoms/us-white/client/js	main.js main.js main.js main.js	1:7 (21%) 1:7 (21%) 1:7 (21%) 1:7 (21%)	view
6	x 4	atoms/uk-white/client/css shared/css atoms/us-white/client/css atoms/us-blue/client/css	_enhancer.scss _enhancer.scss _enhancer.scss _enhancer.scss	177:182 (2%) 177:182 (2%) 177:182 (2%) 177:182 (2%)	view
6	x 4	atoms/uk-white/client/css shared/css atoms/us-white/client/css atoms/us-blue/client/css	_enhancer.scss _enhancer.scss _enhancer.scss _enhancer.scss	155:161 (2%) 155:161 (2%) 155:161 (2%) 155:161 (2%)	view
6	x 4	atoms/uk-white/client/js atoms/us-blue/client/js atoms/uk-blue/client/js atoms/us-white/client/js	main.js main.js main.js main.js	25:30 (21%) 25:30 (21%) 25:30 (21%) 25:30 (21%)	view
6	x 4	atoms/uk-white/client/js atoms/us-blue/client/js atoms/uk-blue/client/js atoms/us-white/client/js	main.js main.js main.js main.js	13:20 (21%) 13:20 (21%) 13:20 (21%) 13:20 (21%)	view
6	x 4	atoms/uk-white/client/css shared/css atoms/us-white/client/css atoms/us-blue/client/css	_enhancer.scss _enhancer.scss _enhancer.scss _enhancer.scss	38:43 (2%) 38:43 (2%) 38:43 (2%) 38:43 (2%)	view
6	x 4	atoms/uk-white/client/css shared/css atoms/us-white/client/css atoms/us-blue/client/css	_enhancer.scss _enhancer.scss _enhancer.scss _enhancer.scss	59:67 (2%) 59:67 (2%) 59:67 (2%) 59:67 (2%)	view
6	x 4	atoms/uk-white/client/css shared/css atoms/us-white/client/css atoms/us-blue/client/css	_enhancer.scss _enhancer.scss _enhancer.scss _enhancer.scss	131:136 (2%) 131:136 (2%) 131:136 (2%) 131:136 (2%)	view
6	x 4	atoms/uk-white/client/css shared/css atoms/us-white/client/css atoms/us-blue/client/css	_enhancer.scss _enhancer.scss _enhancer.scss _enhancer.scss	145:152 (2%) 145:152 (2%) 145:152 (2%) 145:152 (2%)	view
6	x 4	atoms/uk-white/client/css shared/css atoms/us-white/client/css atoms/us-blue/client/css	_enhancer.scss _enhancer.scss _enhancer.scss _enhancer.scss	205:211 (2%) 205:211 (2%) 205:211 (2%) 205:211 (2%)	view
6	x 4	atoms/uk-white/client/css shared/css atoms/us-white/client/css atoms/us-blue/client/css	_enhancer.scss _enhancer.scss _enhancer.scss _enhancer.scss	266:271 (2%) 266:271 (2%) 266:271 (2%) 266:271 (2%)	view
6	x 4	atoms/uk-white/client/css shared/css atoms/us-white/client/css atoms/us-blue/client/css	_enhancer.scss _enhancer.scss _enhancer.scss _enhancer.scss	8:14 (2%) 8:14 (2%) 8:14 (2%) 8:14 (2%)	view
6	x 4	atoms/uk-white/client/css shared/css atoms/us-white/client/css atoms/us-blue/client/css	_enhancer.scss _enhancer.scss _enhancer.scss _enhancer.scss	196:201 (2%) 196:201 (2%) 196:201 (2%) 196:201 (2%)	view
6	x 4	atoms/uk-white/client/css shared/css atoms/us-white/client/css atoms/us-blue/client/css	_enhancer.scss _enhancer.scss _enhancer.scss _enhancer.scss	27:33 (2%) 27:33 (2%) 27:33 (2%) 27:33 (2%)	view
6	x 4	atoms/uk-white/client/css shared/css atoms/us-white/client/css atoms/us-blue/client/css	_enhancer.scss _enhancer.scss _enhancer.scss _enhancer.scss	258:263 (2%) 258:263 (2%) 258:263 (2%) 258:263 (2%)	view
6	x 4	atoms/uk-white/client/css shared/css atoms/us-white/client/css atoms/us-blue/client/css	_enhancer.scss _enhancer.scss _enhancer.scss _enhancer.scss	251:257 (2%) 251:257 (2%) 251:257 (2%) 251:257 (2%)	view
6	x 4	atoms/uk-white/client/js atoms/us-blue/client/js atoms/uk-blue/client/js atoms/us-white/client/js	main.js main.js main.js main.js	3:10 (21%) 3:10 (21%) 3:10 (21%) 3:10 (21%)	view
6	x 4	atoms/uk-white/client/css shared/css atoms/us-white/client/css atoms/us-blue/client/css	_enhancer.scss _enhancer.scss _enhancer.scss _enhancer.scss	89:95 (2%) 89:95 (2%) 89:95 (2%) 89:95 (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."