Duplication · guardian/khorgas-interactive-2018

Duplication Overall

15% duplication:

3,647 cleaned lines of cleaned code (without empty lines, comments, and frequently duplicated constructs such as imports)
568 duplicated lines

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

Size	#	Folders	Files	Lines	Code
80	x 2	src/components/slider-w-video src/components/slider	styles.scss styles.scss	5:117 (97%) 11:123 (91%)	view
16	x 2	src/components/grid src/components/grid	styles.scss styles.scss	51:71 (6%) 172:194 (6%)	view
15	x 2	src/components/grid src/components/grid	styles.scss styles.scss	72:90 (6%) 196:214 (6%)	view
13	x 2	src/components/copy src/components/grid	render.html render.html	5:23 (76%) 11:29 (59%)	view
12	x 2	src/components/carousel-old src/components/slider	render.html render.html	39:53 (38%) 51:65 (40%)	view
12	x 2	src/components/carousel-old src/components/carousel	render.html render.html	39:53 (38%) 49:63 (37%)	view
12	x 2	src/components/carousel src/components/slider	render.html render.html	49:63 (37%) 51:65 (40%)	view
10	x 2	src/components/grid src/components/grid	styles.scss styles.scss	103:113 (4%) 227:237 (4%)	view
10	x 2	src/js src/js	app.js app.js	17:27 (5%) 33:43 (5%)	view
10	x 2	src/components/carousel-old src/components/carousel	render.html render.html	10:26 (32%) 21:36 (31%)	view
9	x 2	src/components/grid src/components/grid	styles.scss styles.scss	99:107 (3%) 121:129 (3%)	view
9	x 2	src/components/video src/components/video	styles.scss styles.scss	162:171 (6%) 176:185 (6%)	view
8	x 2	src/components/grid src/components/grid	styles.scss styles.scss	93:100 (3%) 217:224 (3%)	view
8	x 2	ROOT ROOT	gulpfile.babel.js gulpfile.babel.js	208:215 (4%) 218:225 (4%)	view
8	x 2	src/components/video src/components/youtube-player	index.html index.html	168:176 (4%) 77:85 (9%)	view
7	x 2	src/components/image src/components/page	index.html index.html	1:11 (100%) 1:11 (100%)	view
7	x 2	src/components/share src/components/subheader	index.html index.html	1:11 (100%) 1:11 (100%)	view
7	x 2	src/components/carousel-old src/components/slider	index.html index.html	1:11 (100%) 1:11 (100%)	view
7	x 2	src/components/headergrid src/components/slider-w-video	index.html index.html	1:11 (100%) 1:11 (100%)	view
7	x 2	src/components/copy src/components/header	index.html index.html	1:11 (100%) 1:11 (100%)	view
7	x 2	src/components/grid src/components/iframe	index.html index.html	1:11 (100%) 1:11 (100%)	view
7	x 2	src/components/share src/components/subheader	styles.scss styles.scss	40:46 (4%) 204:210 (3%)	view
7	x 2	src/components/carousel src/components/image	index.html index.html	1:11 (100%) 1:11 (100%)	view
7	x 2	src/components/carousel-old src/components/share	index.html index.html	1:11 (100%) 1:11 (100%)	view
7	x 2	src/components/slider src/components/subheader	index.html index.html	1:11 (100%) 1:11 (100%)	view
7	x 2	src/components/header src/components/headergrid	index.html index.html	1:11 (100%) 1:11 (100%)	view
7	x 2	src/components/copy src/components/slider-w-video	index.html index.html	1:11 (100%) 1:11 (100%)	view
7	x 2	src/components/carousel src/components/page	index.html index.html	1:11 (100%) 1:11 (100%)	view
7	x 2	src/components/share src/components/slider	index.html index.html	1:11 (100%) 1:11 (100%)	view
7	x 2	src/components/carousel-old src/components/subheader	index.html index.html	1:11 (100%) 1:11 (100%)	view
7	x 2	src/components/copy src/components/headergrid	index.html index.html	1:11 (100%) 1:11 (100%)	view
7	x 2	src/components/header src/components/slider-w-video	index.html index.html	1:11 (100%) 1:11 (100%)	view
7	x 2	src/components/headergrid src/components/share	index.html index.html	1:11 (100%) 1:11 (100%)	view
7	x 2	src/components/slider-w-video src/components/subheader	index.html index.html	1:11 (100%) 1:11 (100%)	view
7	x 2	src/components/carousel-old src/components/header	index.html index.html	1:11 (100%) 1:11 (100%)	view
7	x 2	src/components/copy src/components/slider	index.html index.html	1:11 (100%) 1:11 (100%)	view
7	x 2	src/components/share src/components/slider-w-video	index.html index.html	1:11 (100%) 1:11 (100%)	view
7	x 2	src/components/headergrid src/components/subheader	index.html index.html	1:11 (100%) 1:11 (100%)	view
7	x 2	src/components/carousel-old src/components/copy	index.html index.html	1:11 (100%) 1:11 (100%)	view
7	x 2	src/components/header src/components/slider	index.html index.html	1:11 (100%) 1:11 (100%)	view
7	x 2	src/components/header src/components/share	index.html index.html	1:11 (100%) 1:11 (100%)	view
7	x 2	src/components/copy src/components/subheader	index.html index.html	1:11 (100%) 1:11 (100%)	view
7	x 2	src/components/carousel-old src/components/headergrid	index.html index.html	1:11 (100%) 1:11 (100%)	view
7	x 2	src/components/slider-w-video src/components/slider	index.html index.html	1:11 (100%) 1:11 (100%)	view
7	x 2	src/components/copy src/components/share	index.html index.html	1:11 (100%) 1:11 (100%)	view
7	x 2	src/components/header src/components/subheader	index.html index.html	1:11 (100%) 1:11 (100%)	view
7	x 2	src/components/carousel-old src/components/slider-w-video	index.html index.html	1:11 (100%) 1:11 (100%)	view
7	x 2	src/components/headergrid src/components/slider	index.html index.html	1:11 (100%) 1:11 (100%)	view
7	x 2	src/components/grid src/components/share	index.html index.html	1:11 (100%) 1:11 (100%)	view
7	x 2	src/components/iframe src/components/subheader	index.html index.html	1:11 (100%) 1:11 (100%)	view

Most Frequent Duplicates

The list of 9 most frequently found duplicates.

Size	#	Folders	Files	Lines	Code
6	x 13	src/components/carousel src/components/page src/components/image src/components/share src/components/subheader src/components/carousel-old src/components/slider src/components/headergrid src/components/slider-w-video src/components/header ...	index.html index.html index.html index.html index.html index.html index.html index.html index.html index.html ...	3:11 (85%) 3:11 (85%) 3:11 (85%) 3:11 (85%) 3:11 (85%) 3:11 (85%) 3:11 (85%) 3:11 (85%) 3:11 (85%) 3:11 (85%) ...	view
6	x 13	src/components/carousel src/components/page src/components/image src/components/share src/components/subheader src/components/carousel-old src/components/slider src/components/headergrid src/components/slider-w-video src/components/header ...	index.html index.html index.html index.html index.html index.html index.html index.html index.html index.html ...	1:10 (85%) 1:10 (85%) 1:10 (85%) 1:10 (85%) 1:10 (85%) 1:10 (85%) 1:10 (85%) 1:10 (85%) 1:10 (85%) 1:10 (85%) ...	view
6	x 3	src/components/carousel src/components/slider src/components/carousel-old	render.html render.html render.html	50:57 (18%) 52:59 (20%) 40:47 (19%)	view
6	x 3	src/components/carousel src/components/slider src/components/carousel-old	render.html render.html render.html	49:55 (18%) 51:57 (20%) 39:45 (19%)	view
6	x 3	src/components/carousel src/components/slider src/components/carousel-old	render.html render.html render.html	51:58 (18%) 53:60 (20%) 41:48 (19%)	view
6	x 3	src/components/carousel src/components/slider src/components/carousel-old	render.html render.html render.html	57:63 (18%) 59:65 (20%) 47:53 (19%)	view
6	x 3	src/components/carousel src/components/slider src/components/carousel-old	render.html render.html render.html	52:59 (18%) 54:61 (20%) 42:49 (19%)	view
6	x 3	src/components/carousel src/components/slider src/components/carousel-old	render.html render.html render.html	54:60 (18%) 56:62 (20%) 44:50 (19%)	view
6	x 3	src/components/carousel src/components/slider src/components/carousel-old	render.html render.html render.html	55:61 (18%) 57:63 (20%) 45:51 (19%)	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."