guardian/interactive-us-election-2020-ev-explainer
Duplication
Places in code with 6 or more lines that are exactly the same.
Duplication Overall
  • 23% duplication:
    • 4,810 cleaned lines of cleaned code (without empty lines, comments, and frequently duplicated constructs such as imports)
    • 1,138 duplicated lines
  • 213 duplicates
system23% (1,138 lines)
dependency graphs: 2D graph | 2D graph (with duplicates)... | 3D graph | 3D graph (with duplicates)...
Duplication per Extension
scss26% (1,093 lines)
js8% (45 lines)
Duplication per Component (primary)
atoms81% (680 lines)
shared12% (458 lines)
ROOT0% (0 lines)
harness0% (0 lines)

Duplication Between Components (50+ lines)

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


2D force graph | 3D force graph

Show more details on duplication between components...
From Component
 --> To Component		 Duplicated
Lines		 File Pairs Details
atoms (30%)
  --> shared (7%)		 514 3 file pairs details...

Longest Duplicates
The list of 50 longest duplicates.
See data for all 213 duplicates...
Size#FoldersFilesLinesCode
203 x 2 atoms/default/client/css
atoms/map/client/css
 1:231 (100%)
1:231 (100%)
 view
203 x 2 atoms/map/client/css
atoms/swipecard/client/css
 1:231 (100%)
1:231 (100%)
 view
203 x 2 atoms/default/client/css
atoms/swipecard/client/css
 1:231 (100%)
1:231 (100%)
 view
38 x 2 atoms/default/client/css
shared/css
 100:139 (18%)
113:153 (16%)
 view
38 x 2 atoms/map/client/css
shared/css
 100:139 (18%)
113:153 (16%)
 view
38 x 2 atoms/swipecard/client/css
shared/css
 100:139 (18%)
113:153 (16%)
 view
24 x 2 atoms/default/client/css
shared/css
 61:88 (11%)
181:208 (10%)
 view
24 x 2 atoms/map/client/css
shared/css
 61:88 (11%)
181:208 (10%)
 view
24 x 2 atoms/swipecard/client/css
shared/css
 61:88 (11%)
181:208 (10%)
 view
15 x 2 atoms/map/client/js
atoms/swipecard/client/js
 1:22 (100%)
1:22 (100%)
 view
15 x 2 atoms/default/client/js
atoms/swipecard/client/js
 1:22 (100%)
1:22 (100%)
 view
15 x 2 atoms/default/client/js
atoms/map/client/js
 1:22 (100%)
1:22 (100%)
 view
10 x 2 atoms/default/client/css
shared/css
 46:57 (4%)
168:178 (4%)
 view
10 x 2 atoms/default/client/css
shared/css
 91:100 (4%)
211:220 (4%)
 view
10 x 2 atoms/default/client/css
shared/css
 142:152 (4%)
153:163 (4%)
 view
10 x 2 atoms/default/client/css
shared/css
 212:221 (4%)
239:248 (4%)
 view
10 x 2 atoms/map/client/css
shared/css
 46:57 (4%)
168:178 (4%)
 view
10 x 2 atoms/map/client/css
shared/css
 91:100 (4%)
211:220 (4%)
 view
10 x 2 atoms/map/client/css
shared/css
 142:152 (4%)
153:163 (4%)
 view
10 x 2 atoms/map/client/css
shared/css
 212:221 (4%)
239:248 (4%)
 view
10 x 2 atoms/swipecard/client/css
shared/css
 46:57 (4%)
168:178 (4%)
 view
10 x 2 atoms/swipecard/client/css
shared/css
 91:100 (4%)
211:220 (4%)
 view
10 x 2 atoms/swipecard/client/css
shared/css
 142:152 (4%)
153:163 (4%)
 view
10 x 2 atoms/swipecard/client/css
shared/css
 212:221 (4%)
239:248 (4%)
 view
9 x 2 atoms/default/client/css
shared/css
 26:35 (4%)
92:101 (3%)
 view
9 x 2 atoms/map/client/css
shared/css
 26:35 (4%)
92:101 (3%)
 view
9 x 2 atoms/swipecard/client/css
shared/css
 26:35 (4%)
92:101 (3%)
 view
8 x 2 shared/css
shared/css
 75:82 (<1%)
125:132 (<1%)
 view
8 x 2 shared/css
shared/css
 284:291 (<1%)
335:342 (<1%)
 view
8 x 2 shared/css
shared/css
 485:492 (<1%)
535:542 (<1%)
 view
8 x 2 shared/css
shared/css
 485:492 (<1%)
895:902 (<1%)
 view
8 x 2 shared/css
shared/css
 485:492 (<1%)
945:952 (<1%)
 view
8 x 2 shared/css
shared/css
 535:542 (<1%)
895:902 (<1%)
 view
8 x 2 shared/css
shared/css
 535:542 (<1%)
945:952 (<1%)
 view
8 x 2 shared/css
shared/css
 694:701 (<1%)
745:752 (<1%)
 view
8 x 2 shared/css
shared/css
 694:701 (<1%)
1104:1111 (<1%)
 view
8 x 2 shared/css
shared/css
 694:701 (<1%)
1155:1162 (<1%)
 view
8 x 2 shared/css
shared/css
 745:752 (<1%)
1104:1111 (<1%)
 view
8 x 2 shared/css
shared/css
 745:752 (<1%)
1155:1162 (<1%)
 view
8 x 2 shared/css
shared/css
 895:902 (<1%)
945:952 (<1%)
 view
8 x 2 shared/css
shared/css
 1104:1111 (<1%)
1155:1162 (<1%)
 view
8 x 2 shared/css
shared/css
 1305:1312 (<1%)
1355:1362 (<1%)
 view
8 x 2 shared/css
shared/css
 1305:1312 (<1%)
1715:1722 (<1%)
 view
8 x 2 shared/css
shared/css
 1305:1312 (<1%)
1765:1772 (<1%)
 view
8 x 2 shared/css
shared/css
 1355:1362 (<1%)
1715:1722 (<1%)
 view
8 x 2 shared/css
shared/css
 1355:1362 (<1%)
1765:1772 (<1%)
 view
8 x 2 shared/css
shared/css
 1514:1521 (<1%)
1565:1572 (<1%)
 view
8 x 2 shared/css
shared/css
 1514:1521 (<1%)
1924:1931 (<1%)
 view
8 x 2 shared/css
shared/css
 1514:1521 (<1%)
1975:1982 (<1%)
 view
8 x 2 shared/css
shared/css
 1565:1572 (<1%)
1924:1931 (<1%)
 view
Most Frequent Duplicates
The list of 50 most frequently found duplicates.
Size#FoldersFilesLinesCode
6 x 14 shared/css
shared/css
shared/css
shared/css
shared/css
shared/css
shared/css
shared/css
shared/css
shared/css
...
 30:35 (<1%)
238:243 (<1%)
440:445 (<1%)
648:653 (<1%)
850:855 (<1%)
1058:1063 (<1%)
1260:1265 (<1%)
1468:1473 (<1%)
1670:1675 (<1%)
1878:1883 (<1%)
...
 view
6 x 14 shared/css
shared/css
shared/css
shared/css
shared/css
shared/css
shared/css
shared/css
shared/css
shared/css
...
 31:36 (<1%)
239:244 (<1%)
441:446 (<1%)
649:654 (<1%)
851:856 (<1%)
1059:1064 (<1%)
1261:1266 (<1%)
1469:1474 (<1%)
1671:1676 (<1%)
1879:1884 (<1%)
...
 view
6 x 8 shared/css
shared/css
shared/css
shared/css
shared/css
shared/css
shared/css
shared/css
 485:490 (<1%)
535:540 (<1%)
694:699 (<1%)
745:750 (<1%)
895:900 (<1%)
945:950 (<1%)
1104:1109 (<1%)
1155:1160 (<1%)
 view
6 x 8 shared/css
shared/css
shared/css
shared/css
shared/css
shared/css
shared/css
shared/css
 1305:1310 (<1%)
1355:1360 (<1%)
1514:1519 (<1%)
1565:1570 (<1%)
1715:1720 (<1%)
1765:1770 (<1%)
1924:1929 (<1%)
1975:1980 (<1%)
 view
6 x 7 atoms/map/client/css
shared/css
atoms/default/client/css
atoms/swipecard/client/css
atoms/map/client/css
atoms/default/client/css
atoms/swipecard/client/css
 15:21 (2%)
228:234 (2%)
15:21 (2%)
15:21 (2%)
205:211 (2%)
205:211 (2%)
205:211 (2%)
 view
6 x 7 atoms/map/client/css
shared/css
atoms/default/client/css
atoms/swipecard/client/css
atoms/map/client/css
atoms/default/client/css
atoms/swipecard/client/css
 14:20 (2%)
227:233 (2%)
14:20 (2%)
14:20 (2%)
204:210 (2%)
204:210 (2%)
204:210 (2%)
 view
6 x 4 shared/css
shared/css
shared/css
shared/css
 1307:1312 (<1%)
1357:1362 (<1%)
1717:1722 (<1%)
1767:1772 (<1%)
 view
6 x 4 atoms/map/client/css
shared/css
atoms/default/client/css
atoms/swipecard/client/css
 107:113 (2%)
121:127 (2%)
107:113 (2%)
107:113 (2%)
 view
6 x 4 atoms/map/client/css
shared/css
atoms/default/client/css
atoms/swipecard/client/css
 93:98 (2%)
213:218 (2%)
93:98 (2%)
93:98 (2%)
 view
6 x 4 atoms/map/client/css
shared/css
atoms/default/client/css
atoms/swipecard/client/css
 117:122 (2%)
131:136 (2%)
117:122 (2%)
117:122 (2%)
 view
6 x 4 atoms/map/client/css
shared/css
atoms/default/client/css
atoms/swipecard/client/css
 114:119 (2%)
128:133 (2%)
114:119 (2%)
114:119 (2%)
 view
6 x 4 atoms/map/client/css
shared/css
atoms/default/client/css
atoms/swipecard/client/css
 63:70 (2%)
183:190 (2%)
63:70 (2%)
63:70 (2%)
 view
6 x 4 atoms/map/client/css
shared/css
atoms/default/client/css
atoms/swipecard/client/css
 80:86 (2%)
200:206 (2%)
80:86 (2%)
80:86 (2%)
 view
6 x 4 atoms/map/client/css
shared/css
atoms/default/client/css
atoms/swipecard/client/css
 124:129 (2%)
138:143 (2%)
124:129 (2%)
124:129 (2%)
 view
6 x 4 atoms/map/client/css
shared/css
atoms/default/client/css
atoms/swipecard/client/css
 91:96 (2%)
211:216 (2%)
91:96 (2%)
91:96 (2%)
 view
6 x 4 shared/css
shared/css
shared/css
shared/css
 1306:1311 (<1%)
1356:1361 (<1%)
1716:1721 (<1%)
1766:1771 (<1%)
 view
6 x 4 atoms/map/client/css
shared/css
atoms/default/client/css
atoms/swipecard/client/css
 118:123 (2%)
132:137 (2%)
118:123 (2%)
118:123 (2%)
 view
6 x 4 atoms/map/client/css
shared/css
atoms/default/client/css
atoms/swipecard/client/css
 131:137 (2%)
145:151 (2%)
131:137 (2%)
131:137 (2%)
 view
6 x 4 atoms/map/client/css
shared/css
atoms/default/client/css
atoms/swipecard/client/css
 110:115 (2%)
124:129 (2%)
110:115 (2%)
110:115 (2%)
 view
6 x 4 atoms/map/client/css
shared/css
atoms/default/client/css
atoms/swipecard/client/css
 146:151 (2%)
157:162 (2%)
146:151 (2%)
146:151 (2%)
 view
6 x 4 atoms/map/client/css
shared/css
atoms/default/client/css
atoms/swipecard/client/css
 121:126 (2%)
135:140 (2%)
121:126 (2%)
121:126 (2%)
 view
6 x 4 atoms/map/client/css
shared/css
atoms/default/client/css
atoms/swipecard/client/css
 133:139 (2%)
147:153 (2%)
133:139 (2%)
133:139 (2%)
 view
6 x 4 atoms/map/client/css
shared/css
atoms/default/client/css
atoms/swipecard/client/css
 102:107 (2%)
116:121 (2%)
102:107 (2%)
102:107 (2%)
 view
6 x 4 shared/css
shared/css
shared/css
shared/css
 486:491 (<1%)
536:541 (<1%)
896:901 (<1%)
946:951 (<1%)
 view
6 x 4 atoms/map/client/css
shared/css
atoms/default/client/css
atoms/swipecard/client/css
 36:41 (2%)
107:112 (2%)
36:41 (2%)
36:41 (2%)
 view
6 x 4 atoms/map/client/css
shared/css
atoms/default/client/css
atoms/swipecard/client/css
 106:112 (2%)
120:126 (2%)
106:112 (2%)
106:112 (2%)
 view
6 x 4 atoms/map/client/css
shared/css
atoms/default/client/css
atoms/swipecard/client/css
 213:218 (2%)
240:245 (2%)
213:218 (2%)
213:218 (2%)
 view
6 x 4 atoms/map/client/css
shared/css
atoms/default/client/css
atoms/swipecard/client/css
 127:132 (2%)
141:146 (2%)
127:132 (2%)
127:132 (2%)
 view
6 x 4 atoms/map/client/css
shared/css
atoms/default/client/css
atoms/swipecard/client/css
 122:127 (2%)
136:141 (2%)
122:127 (2%)
122:127 (2%)
 view
6 x 4 atoms/map/client/css
shared/css
atoms/default/client/css
atoms/swipecard/client/css
 126:131 (2%)
140:145 (2%)
126:131 (2%)
126:131 (2%)
 view
6 x 4 atoms/map/client/css
shared/css
atoms/default/client/css
atoms/swipecard/client/css
 78:83 (2%)
198:203 (2%)
78:83 (2%)
78:83 (2%)
 view
6 x 4 shared/css
shared/css
shared/css
shared/css
 2535:2540 (<1%)
2585:2590 (<1%)
2744:2749 (<1%)
2795:2800 (<1%)
 view
6 x 4 atoms/map/client/css
shared/css
atoms/default/client/css
atoms/swipecard/client/css
 30:35 (2%)
96:101 (2%)
30:35 (2%)
30:35 (2%)
 view
6 x 4 atoms/map/client/css
shared/css
atoms/default/client/css
atoms/swipecard/client/css
 103:108 (2%)
117:122 (2%)
103:108 (2%)
103:108 (2%)
 view
6 x 4 atoms/map/client/css
shared/css
atoms/default/client/css
atoms/swipecard/client/css
 81:87 (2%)
201:207 (2%)
81:87 (2%)
81:87 (2%)
 view
6 x 4 atoms/map/client/css
shared/css
atoms/default/client/css
atoms/swipecard/client/css
 72:78 (2%)
192:198 (2%)
72:78 (2%)
72:78 (2%)
 view
6 x 4 atoms/map/client/css
shared/css
atoms/default/client/css
atoms/swipecard/client/css
 142:148 (2%)
153:159 (2%)
142:148 (2%)
142:148 (2%)
 view
6 x 4 atoms/map/client/css
shared/css
atoms/default/client/css
atoms/swipecard/client/css
 74:80 (2%)
194:200 (2%)
74:80 (2%)
74:80 (2%)
 view
6 x 4 atoms/map/client/css
shared/css
atoms/default/client/css
atoms/swipecard/client/css
 128:133 (2%)
142:147 (2%)
128:133 (2%)
128:133 (2%)
 view
6 x 4 atoms/map/client/css
shared/css
atoms/default/client/css
atoms/swipecard/client/css
 77:82 (2%)
197:202 (2%)
77:82 (2%)
77:82 (2%)
 view
6 x 4 shared/css
shared/css
shared/css
shared/css
 1515:1520 (<1%)
1566:1571 (<1%)
1925:1930 (<1%)
1976:1981 (<1%)
 view
6 x 4 atoms/map/client/css
shared/css
atoms/default/client/css
atoms/swipecard/client/css
 70:76 (2%)
190:196 (2%)
70:76 (2%)
70:76 (2%)
 view
6 x 4 shared/css
shared/css
shared/css
shared/css
 487:492 (<1%)
537:542 (<1%)
897:902 (<1%)
947:952 (<1%)
 view
6 x 4 shared/css
shared/css
shared/css
shared/css
 695:700 (<1%)
746:751 (<1%)
1105:1110 (<1%)
1156:1161 (<1%)
 view
6 x 4 atoms/map/client/css
shared/css
atoms/default/client/css
atoms/swipecard/client/css
 100:105 (2%)
113:119 (2%)
100:105 (2%)
100:105 (2%)
 view
6 x 4 atoms/map/client/css
shared/css
atoms/default/client/css
atoms/swipecard/client/css
 67:73 (2%)
187:193 (2%)
67:73 (2%)
67:73 (2%)
 view
6 x 4 atoms/map/client/css
shared/css
atoms/default/client/css
atoms/swipecard/client/css
 108:114 (2%)
122:128 (2%)
108:114 (2%)
108:114 (2%)
 view
6 x 4 atoms/map/client/css
shared/css
atoms/default/client/css
atoms/swipecard/client/css
 101:106 (2%)
115:120 (2%)
101:106 (2%)
101:106 (2%)
 view
6 x 4 atoms/map/client/css
shared/css
atoms/default/client/css
atoms/swipecard/client/css
 50:56 (2%)
172:177 (2%)
50:56 (2%)
50:56 (2%)
 view
6 x 4 atoms/map/client/css
shared/css
atoms/default/client/css
atoms/swipecard/client/css
 49:55 (2%)
171:176 (2%)
49:55 (2%)
49:55 (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...