Duplication · guardian/aus-covid-animated-maps-one-dot

Duplication Overall

13% duplication:

1,587 cleaned lines of cleaned code (without empty lines, comments, and frequently duplicated constructs such as imports)
218 duplicated lines

12 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["frame-generator"]
    n1["old-fire-map-code"]
    n0 ---|"108"| 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
frame-generator (35%) --> old-fire-map-code (4%)	108	1 file pair	details...

Longest Duplicates

The list of 12 longest duplicates.

See data for all 12 duplicates...

Size	#	Folders	Files	Lines	Code
19	x 2	frame-generator old-fire-map-code/src/js	index.js app.js	123:153 (12%) 172:201 (9%)	view
11	x 2	frame-generator old-fire-map-code/src/js	index.js app.js	93:104 (7%) 140:151 (5%)	view
10	x 2	processing processing	generator.py vic-generator.py	62:73 (16%) 69:80 (16%)	view
9	x 2	old-fire-map-code old-fire-map-code	gulpfile.babel.js gulpfile.babel.js	205:213 (4%) 216:224 (4%)	view
9	x 2	frame-generator old-fire-map-code/src/js	index.js app.js	55:65 (5%) 72:82 (4%)	view
9	x 2	frame-generator old-fire-map-code/src/js	index.js app.js	159:168 (5%) 211:220 (4%)	view
9	x 2	processing processing	generator.py vic-generator.py	105:114 (14%) 97:106 (14%)	view
8	x 2	old-fire-map-code old-fire-map-code	gulpfile.babel.js gulpfile.babel.js	256:265 (3%) 273:282 (3%)	view
7	x 2	old-fire-map-code/src/css old-fire-map-code/src/css	main.scss main.scss	23:29 (2%) 250:256 (2%)	view
6	x 2	old-fire-map-code/src/css/guss-typography old-fire-map-code/src/css/guss-typography	_typography.mixins.scss _typography.mixins.scss	188:193 (5%) 200:205 (5%)	view
6	x 2	frame-generator old-fire-map-code/src/js	index.js app.js	170:175 (3%) 222:227 (2%)	view
6	x 2	processing processing	generator.py vic-generator.py	53:58 (9%) 56:61 (9%)	view

Duplicated Units

The list of top 1 duplicated units.

See data for all 1 unit duplicate

Size	#	Folders	Files	Lines	Code
11	x 2	old-fire-map-code/src/js frame-generator	app.js index.js	186:203 138:155	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."