-
Notifications
You must be signed in to change notification settings - Fork 1
/
Interactive Visualization 3 _ Data Visualization _ Observable.html
286 lines (284 loc) · 509 KB
/
Interactive Visualization 3 _ Data Visualization _ Observable.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
<!DOCTYPE html>
<!-- saved from url=(0043)https://observablehq.com/d/b088fa184601c95b -->
<html style=""><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><style>.ͼ1.cm-editor.cm-focused {outline: 1px dotted #212121;}
.ͼ1.cm-editor {position: relative !important; box-sizing: border-box; display: flex !important; flex-direction: column;}
.ͼ1 .cm-scroller {display: flex !important; align-items: flex-start !important; font-family: monospace; line-height: 1.4; height: 100%; overflow-x: auto; position: relative; z-index: 0;}
.ͼ1 .cm-content[contenteditable=true] {-webkit-user-modify: read-write-plaintext-only;}
.ͼ1 .cm-content {margin: 0; flex-grow: 2; min-height: 100%; display: block; white-space: pre; word-wrap: normal; box-sizing: border-box; padding: 4px 0; outline: none;}
.ͼ1 .cm-lineWrapping {white-space: pre-wrap; white-space: break-spaces; word-break: break-word; overflow-wrap: anywhere;}
.ͼ2 .cm-content {caret-color: black;}
.ͼ3 .cm-content {caret-color: white;}
.ͼ1 .cm-line {display: block; padding: 0 2px 0 4px;}
.ͼ1 .cm-selectionLayer {z-index: -1; contain: size style;}
.ͼ1 .cm-selectionBackground {position: absolute;}
.ͼ2 .cm-selectionBackground {background: #d9d9d9;}
.ͼ3 .cm-selectionBackground {background: #222;}
.ͼ2.cm-focused .cm-selectionBackground {background: #d7d4f0;}
.ͼ3.cm-focused .cm-selectionBackground {background: #233;}
.ͼ1 .cm-cursorLayer {z-index: 100; contain: size style; pointer-events: none;}
.ͼ1.cm-focused .cm-cursorLayer {animation: steps(1) cm-blink 1.2s infinite;}
@keyframes cm-blink {50% {visibility: hidden;}}
@keyframes cm-blink2 {50% {visibility: hidden;}}
.ͼ1 .cm-cursor, .ͼ1 .cm-dropCursor {position: absolute; border-left: 1.2px solid black; margin-left: -0.6px; pointer-events: none;}
.ͼ1 .cm-cursor {display: none;}
.ͼ3 .cm-cursor {border-left-color: #444;}
.ͼ1.cm-focused .cm-cursor {display: block;}
.ͼ2 .cm-activeLine {background-color: #f3f9ff;}
.ͼ3 .cm-activeLine {background-color: #223039;}
.ͼ2 .cm-specialChar {color: red;}
.ͼ3 .cm-specialChar {color: #f78;}
.ͼ1 .cm-gutters {display: flex; height: 100%; box-sizing: border-box; left: 0; z-index: 200;}
.ͼ2 .cm-gutters {background-color: #f5f5f5; color: #6c6c6c; border-right: 1px solid #ddd;}
.ͼ3 .cm-gutters {background-color: #333338; color: #ccc;}
.ͼ1 .cm-gutter {display: flex !important; flex-direction: column; flex-shrink: 0; box-sizing: border-box; min-height: 100%; overflow: hidden;}
.ͼ1 .cm-gutterElement {box-sizing: border-box;}
.ͼ1 .cm-lineNumbers .cm-gutterElement {padding: 0 3px 0 5px; min-width: 20px; text-align: right; white-space: nowrap;}
.ͼ2 .cm-activeLineGutter {background-color: #e2f2ff;}
.ͼ3 .cm-activeLineGutter {background-color: #222227;}
.ͼ1 .cm-panels {box-sizing: border-box; position: sticky; left: 0; right: 0;}
.ͼ2 .cm-panels {background-color: #f5f5f5; color: black;}
.ͼ2 .cm-panels-top {border-bottom: 1px solid #ddd;}
.ͼ2 .cm-panels-bottom {border-top: 1px solid #ddd;}
.ͼ3 .cm-panels {background-color: #333338; color: white;}
.ͼ1 .cm-tab {display: inline-block; overflow: hidden; vertical-align: bottom;}
.ͼ1 .cm-widgetBuffer {vertical-align: text-top; height: 1em; display: inline;}
.ͼ1 .cm-placeholder {color: #888; display: inline-block; vertical-align: top;}
.ͼ1 .cm-button {vertical-align: middle; color: inherit; font-size: 70%; padding: .2em 1em; border-radius: 1px;}
.ͼ2 .cm-button:active {background-image: linear-gradient(#b4b4b4, #d0d3d6);}
.ͼ2 .cm-button {background-image: linear-gradient(#eff1f5, #d9d9df); border: 1px solid #888;}
.ͼ3 .cm-button:active {background-image: linear-gradient(#111, #333);}
.ͼ3 .cm-button {background-image: linear-gradient(#393939, #111); border: 1px solid #888;}
.ͼ1 .cm-textfield {vertical-align: middle; color: inherit; font-size: 70%; border: 1px solid silver; padding: .2em .5em;}
.ͼ2 .cm-textfield {background-color: white;}
.ͼ3 .cm-textfield {border: 1px solid #555; background-color: inherit;}
.ͼ1 .cm-diagnostic {padding: 3px 6px 3px 8px; margin-left: -1px; display: block; white-space: pre-wrap;}
.ͼ1 .cm-diagnostic-error {border-left: 5px solid #d11;}
.ͼ1 .cm-diagnostic-warning {border-left: 5px solid orange;}
.ͼ1 .cm-diagnostic-info {border-left: 5px solid #999;}
.ͼ1 .cm-diagnosticAction {font: inherit; border: none; padding: 2px 4px; background-color: #444; color: white; border-radius: 3px; margin-left: 8px; cursor: pointer;}
.ͼ1 .cm-diagnosticSource {font-size: 70%; opacity: 0.7;}
.ͼ1 .cm-lintRange {background-position: left bottom; background-repeat: repeat-x; padding-bottom: 0.7px;}
.ͼ1 .cm-lintRange-error {background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="6" height="3">%3Cpath%20d%3D%22m0%202.5%20l2%20-1.5%20l1%200%20l2%201.5%20l1%200%22%20stroke%3D%22%23d11%22%20fill%3D%22none%22%20stroke-width%3D%22.7%22%2F%3E</svg>');}
.ͼ1 .cm-lintRange-warning {background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="6" height="3">%3Cpath%20d%3D%22m0%202.5%20l2%20-1.5%20l1%200%20l2%201.5%20l1%200%22%20stroke%3D%22orange%22%20fill%3D%22none%22%20stroke-width%3D%22.7%22%2F%3E</svg>');}
.ͼ1 .cm-lintRange-info {background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="6" height="3">%3Cpath%20d%3D%22m0%202.5%20l2%20-1.5%20l1%200%20l2%201.5%20l1%200%22%20stroke%3D%22%23999%22%20fill%3D%22none%22%20stroke-width%3D%22.7%22%2F%3E</svg>');}
.ͼ1 .cm-lintRange-active {background-color: #ffdd9980;}
.ͼ1 .cm-tooltip-lint {padding: 0; margin: 0;}
.ͼ1 .cm-lintPoint:after {content: ""; position: absolute; bottom: 0; left: -2px; border-left: 3px solid transparent; border-right: 3px solid transparent; border-bottom: 4px solid #d11;}
.ͼ1 .cm-lintPoint {position: relative;}
.ͼ1 .cm-lintPoint-warning:after {border-bottom-color: orange;}
.ͼ1 .cm-lintPoint-info:after {border-bottom-color: #999;}
.ͼ1 .cm-panel.cm-panel-lint ul [aria-selected] u {text-decoration: underline;}
.ͼ1 .cm-panel.cm-panel-lint ul [aria-selected] {background-color: #ddd;}
.ͼ1 .cm-panel.cm-panel-lint ul:focus [aria-selected] {background: #bdf; background-color: Highlight; color: white; color: HighlightText;}
.ͼ1 .cm-panel.cm-panel-lint ul u {text-decoration: none;}
.ͼ1 .cm-panel.cm-panel-lint ul {max-height: 100px; overflow-y: auto; padding: 0; margin: 0;}
.ͼ1 .cm-panel.cm-panel-lint [name=close] {position: absolute; top: 0; right: 2px; background: inherit; border: none; font: inherit; padding: 0; margin: 0;}
.ͼ1 .cm-panel.cm-panel-lint {position: relative;}
.ͼ1 .cm-tooltip.cm-tooltip-autocomplete > ul > li {overflow-x: hidden; text-overflow: ellipsis; cursor: pointer; padding: 1px 3px; line-height: 1.2;}
.ͼ1 .cm-tooltip.cm-tooltip-autocomplete > ul {font-family: monospace; white-space: nowrap; overflow: hidden auto; max-width: 700px; max-width: min(700px, 95vw); min-width: 250px; max-height: 10em; list-style: none; margin: 0; padding: 0;}
.ͼ2 .cm-tooltip-autocomplete ul li[aria-selected] {background: #17c; color: white;}
.ͼ3 .cm-tooltip-autocomplete ul li[aria-selected] {background: #347; color: white;}
.ͼ1 .cm-completionListIncompleteTop:before, .ͼ1 .cm-completionListIncompleteBottom:after {content: "···"; opacity: 0.5; display: block; text-align: center;}
.ͼ1 .cm-tooltip.cm-completionInfo {position: absolute; padding: 3px 9px; width: max-content; max-width: 300px;}
.ͼ1 .cm-completionInfo.cm-completionInfo-left {right: 100%;}
.ͼ1 .cm-completionInfo.cm-completionInfo-right {left: 100%;}
.ͼ2 .cm-snippetField {background-color: #00000022;}
.ͼ3 .cm-snippetField {background-color: #ffffff22;}
.ͼ1 .cm-snippetFieldPosition {vertical-align: text-top; width: 0; height: 1.15em; margin: 0 -0.7px -.7em; border-left: 1.4px dotted #888;}
.ͼ1 .cm-completionMatchedText {text-decoration: underline;}
.ͼ1 .cm-completionDetail {margin-left: 0.5em; font-style: italic;}
.ͼ1 .cm-completionIcon {font-size: 90%; width: .8em; display: inline-block; text-align: center; padding-right: .6em; opacity: 0.6;}
.ͼ1 .cm-completionIcon-function:after, .ͼ1 .cm-completionIcon-method:after {content: 'ƒ';}
.ͼ1 .cm-completionIcon-class:after {content: '○';}
.ͼ1 .cm-completionIcon-interface:after {content: '◌';}
.ͼ1 .cm-completionIcon-variable:after {content: '𝑥';}
.ͼ1 .cm-completionIcon-constant:after {content: '𝐶';}
.ͼ1 .cm-completionIcon-type:after {content: '𝑡';}
.ͼ1 .cm-completionIcon-enum:after {content: '∪';}
.ͼ1 .cm-completionIcon-property:after {content: '□';}
.ͼ1 .cm-completionIcon-keyword:after {content: '🔑︎';}
.ͼ1 .cm-completionIcon-namespace:after {content: '▢';}
.ͼ1 .cm-completionIcon-text:after {content: 'abc'; font-size: 50%; vertical-align: middle;}
.ͼ1 .cm-tooltip {z-index: 100;}
.ͼ2 .cm-tooltip {border: 1px solid #bbb; background-color: #f5f5f5;}
.ͼ2 .cm-tooltip-section:not(:first-child) {border-top: 1px solid #bbb;}
.ͼ3 .cm-tooltip {background-color: #333338; color: white;}
.ͼ1 .cm-tooltip-arrow:before, .ͼ1 .cm-tooltip-arrow:after {content: ''; position: absolute; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent;}
.ͼ1 .cm-tooltip-above .cm-tooltip-arrow:before {border-top: 7px solid #bbb;}
.ͼ1 .cm-tooltip-above .cm-tooltip-arrow:after {border-top: 7px solid #f5f5f5; bottom: 1px;}
.ͼ1 .cm-tooltip-above .cm-tooltip-arrow {bottom: -7px;}
.ͼ1 .cm-tooltip-below .cm-tooltip-arrow:before {border-bottom: 7px solid #bbb;}
.ͼ1 .cm-tooltip-below .cm-tooltip-arrow:after {border-bottom: 7px solid #f5f5f5; top: 1px;}
.ͼ1 .cm-tooltip-below .cm-tooltip-arrow {top: -7px;}
.ͼ1 .cm-tooltip-arrow {height: 7px; width: 14px; position: absolute; z-index: -1; overflow: hidden;}
.ͼ3 .cm-tooltip .cm-tooltip-arrow:before {border-top-color: #333338; border-bottom-color: #333338;}
.ͼ3 .cm-tooltip .cm-tooltip-arrow:after {border-top-color: transparent; border-bottom-color: transparent;}
.ͼ1 .cm-gutter-lint .cm-gutterElement {padding: .2em;}
.ͼ1 .cm-gutter-lint {width: 1.4em;}
.ͼ1 .cm-lint-marker {width: 1em; height: 1em;}
.ͼ1 .cm-lint-marker-info {content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40">%3Cpath%20fill%3D%22%23aaf%22%20stroke%3D%22%2377e%22%20stroke-width%3D%226%22%20stroke-linejoin%3D%22round%22%20d%3D%22M5%205L35%205L35%2035L5%2035Z%22%2F%3E</svg>');}
.ͼ1 .cm-lint-marker-warning {content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40">%3Cpath%20fill%3D%22%23fe8%22%20stroke%3D%22%23fd7%22%20stroke-width%3D%226%22%20stroke-linejoin%3D%22round%22%20d%3D%22M20%206L37%2035L3%2035Z%22%2F%3E</svg>');}
.ͼ1 .cm-lint-marker-error {content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40">%3Ccircle%20cx%3D%2220%22%20cy%3D%2220%22%20r%3D%2215%22%20fill%3D%22%23f87%22%20stroke%3D%22%23f43%22%20stroke-width%3D%226%22%2F%3E</svg>');}
.ͼ1.cm-focused .cm-matchingBracket {background-color: #328c8252;}
.ͼ1.cm-focused .cm-nonmatchingBracket {background-color: #bb555544;}
.ͼ1 .cm-selectionMatch {background-color: #99ff7780;}
.ͼ1 .cm-searchMatch .cm-selectionMatch {background-color: transparent;}
.ͼ1 .cm-searchResult {background-color: var(--observable-yellow);}
.ͼ1 .cm-selectedSearchResult {background-color: var(--observable-orange);}
.ͼ5.cm-focused {outline: none !important;}
.ͼ5.cm-focused .cm-activeLine {border-left: solid 4px var(--observable-focus-blue); margin-left: -4px;}
.ͼ5.cm-focused .cm-activeLine.cm-errorLine {border-left-color: var(--dark-red);}
.ͼ5.cm-focused .cm-matchingBracket {background-color: transparent; color: var(--syntax-matchbracket);}
.ͼ5:not(.cm-focused) .cm-cursor {visibility: hidden;}
.ͼ5:not(.cm-focused) .cm-placeholder {visibility: hidden;}
.ͼ5:not(.cm-focused) .cm-selectionBackground {visibility: hidden;}
.ͼ5 {background-color: var(--near-white); color: var(--syntax-normal); margin: 0px -14px; word-break: break-word; border-radius: 0.25rem; border-left: solid 4px transparent;}
.ͼ5 .cm-scroller {font: var(--monospace-font); overflow: initial;}
.ͼ5 .cm-matchingBracket, .ͼ5:not(.cm-focused) .cm-selectionMatch {background-color: transparent;}
.ͼ5 .cm-line:first-child {margin-right: 20px;}
.ͼ5 .cm-line {padding: 0 2px 0 10px;}
.ͼ5 .cm-activeLine {background-color: inherit;}
.ͼ5 .cm-errorLine {border-left: solid 4px var(--red); margin-left: -4px;}
.ͼ5 .cm-gutter-lint {width: 0px;}
.ͼ5 .cm-gutters {border-right: none;}
.ͼ5 .cm-lint-marker-error {position: absolute; border-left: solid 4px var(--red); height: 21px; margin-top: -3px; margin-left: -7px; content: '';}
.ͼ5 .cm-lint-marker-error:before {content: '';}
.ͼ5 .cm-lintPoint {position: absolute; margin-top: 13px; margin-left: -3px; content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 12 8" width="16" height="16" stroke-width="1.5" stroke-linecap="round">%3Cpath%20d%3D%22M10%206L6%202%202%206%22%20fill%3D%22none%22%20stroke%3D%22red%22%20%2F%3E</svg>');}
.ͼ5 .cm-diagnostic {padding: 3px 6px 3px 8px; margin-left: -1px; border-radius: var(--border-radius-2); display: block; white-space: pre-wrap;}
.ͼ5 .cm-diagnostic-error {border-left: 5px solid #d11;}
.ͼ5 .cm-tooltip-hover {background-color: var(--white); border: solid 1px var(--silver); border-radius: var(--border-radius-2); box-shadow: var(--box-shadow-4); color: var(--dark-gray); font: var(--font-size-6) var(--sans-serif);}
.ͼ5 .cm-matchingBracket, .ͼ5 .cm-nonmatchingBracket {color: inherit;}
.node-hover .ͼ5 {border-radius: 0 0.25rem 0.25rem 0;}
.node-focus .ͼ5, .node-readonly .ͼ5 {border-radius: 0 0.25rem 0.25rem 0;}
.node-select .ͼ5, .node-toolbar .ͼ5 {border-radius: 0 0 0.25rem 0.25rem;}
.node-toolbar.node-focus .ͼ5, .node-toolbar.node-hover .ͼ5, .node-toolbar.node-readonly .ͼ5 {border-radius: 0 0 0.25rem 0;}
.node-focus .ͼ5, .node-select .ͼ5 {background-color: var(--observable-focus-lightest-blue);}
.node-readonly .ͼ5 {color: var(--gray);}
.node-add .ͼ5 {background-color: var(--washed-green);}
.node-assist .ͼ5 {border: solid 2px var(--light-purple); border-radius: var(--border-radius-2);}
.ͼ5 .cm-tooltip.cm-tooltip-autocomplete > ul > li {padding: 4px 6px; line-height: 24px;}
.ͼ5 .cm-tooltip.cm-tooltip-autocomplete > ul > li[aria-selected] {color: var(--near-black); background-color: var(--observable-focus-lightest-blue);}
.ͼ5 .cm-tooltip.cm-tooltip-autocomplete > ul {background-color: var(--white); border: solid 1px var(--silver); border-radius: var(--border-radius-2); box-shadow: var(--box-shadow-4); color: var(--dark-gray); font: var(--font-size-6) var(--sans-serif); min-width: min(212px, 95vw); max-height: 212px;}
.ͼ5 .cm-tooltip.cm-tooltip-autocomplete {border: none; background: none; margin-top: 2px;}
.ͼ5 .cm-completionDetail {font-style: normal; opacity: 1; color: var(--gray); float: right;}
.ͼ5 .cm-completionMatchedText {font-weight: bold; text-decoration: none;}
.ͼ5 .cm-completionIcon:after {content: ''; position: absolute; width: 24px; height: 24px; bottom: -7px; left: 0px; border-radius: var(--border-radius-1); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cstyle%3E.a%7Bfill:%23929292;%7D%3C/style%3E%3Cpath d='M16.9 17.1C16.3 17.7 15.5 18 14.6 18H13.5V16H14.6C15 16 15.3 15.8 15.5 15.7 15.6 15.5 15.7 15.3 15.7 15V14.5C15.7 14.2 15.7 13.8 16.1 13 16.5 12.4 17.3 12 17.3 12 17.3 12 16.5 11.7 16.1 11.1 15.7 10.3 15.7 9.8 15.7 9.5V9C15.7 8.7 15.6 8.5 15.5 8.3 15.3 8.2 15 8 14.6 8H13.5L13.5 6H14.6C15.5 6 16.3 6.3 16.9 6.9 17.5 7.5 17.7 8.3 17.7 9V9.5C17.7 9.7 17.7 10.1 17.9 10.5 18 10.6 18.1 10.7 18.2 10.8 18.4 10.9 18.6 11 19 11V13C18.6 13 18.4 13.1 18.2 13.2 18.1 13.3 18 13.4 17.9 13.5 17.7 13.9 17.7 14.3 17.7 14.5V15C17.7 15.7 17.5 16.5 16.9 17.1Z' class='a'/%3E%3Cpath d='M7.1 17.1C7.7 17.7 8.5 18 9.4 18H10.5V16H9.4C9 16 8.7 15.8 8.5 15.7 8.4 15.5 8.3 15.3 8.3 15V14.5C8.3 14.2 8.3 13.8 7.9 13 7.5 12.4 6.8 12 6.8 12 6.8 12 7.5 11.7 7.9 11.1 8.3 10.3 8.3 9.8 8.3 9.5V9C8.3 8.7 8.4 8.5 8.5 8.3 8.7 8.2 9 8 9.4 8H10.5L10.5 6H9.4C8.5 6 7.7 6.3 7.1 6.9 6.5 7.5 6.3 8.3 6.3 9V9.5C6.3 9.7 6.3 10.1 6.1 10.5 6 10.6 5.9 10.7 5.8 10.8 5.6 10.9 5.4 11 5 11V13C5.4 13 5.6 13.1 5.8 13.2 5.9 13.3 6 13.4 6.1 13.5 6.3 13.9 6.3 14.3 6.3 14.5V15C6.3 15.7 6.5 16.5 7.1 17.1Z' class='a'/%3E%3C/svg%3E "); background-size: 'cover';}
.ͼ5 .cm-completionIcon {width: 24px; position: relative; margin-right: 4px; opacity: 1;}
.ͼ5 .cm-snippetFieldPosition {vertical-align: initial;}
.ͼ5 .cm-completionIcon-data:after {background-image: url("data:image/svg+xml, %3csvg width='24' height='24' viewBox='-4 -4 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke-width='2' %3e%3cpath d='M7.19855 2.52175L7.88131 1.79111L7.19855 2.52175ZM12.6 11.7764L13.2581 11.0234L12.6 11.7764ZM5.34191 6.76078L11.9419 12.5293L13.2581 11.0234L6.65809 5.2549L5.34191 6.76078ZM10.8958 13.6864L3.35462 6.63385L1.98852 8.09459L9.52965 15.1472L10.8958 13.6864ZM6.51578 3.25238L13.8172 10.0755L15.1828 8.61419L7.88131 1.79111L6.51578 3.25238ZM3.08395 3.55474C3.91017 2.45311 5.50967 2.31219 6.51578 3.25238L7.88131 1.79111C6.0058 0.0384695 3.02413 0.301162 1.48395 2.35474L3.08395 3.55474ZM3.35462 6.63385C2.49183 5.82695 2.37516 4.49978 3.08395 3.55474L1.48395 2.35474C0.162683 4.11642 0.380169 6.59044 1.98852 8.09459L3.35462 6.63385ZM11.993 13.6551C11.6977 13.9647 11.2082 13.9786 10.8958 13.6864L9.52965 15.1472C10.6432 16.1886 12.3878 16.1388 13.4402 15.0356L11.993 13.6551ZM11.9419 12.5293C12.2764 12.8216 12.2996 13.3337 11.993 13.6551L13.4402 15.0356C14.5328 13.8903 14.4499 12.0651 13.2581 11.0234L11.9419 12.5293Z' fill='%23929292' /%3e%3c/svg%3e");}
.ͼ5 .cm-completionIcon-snippet:after {background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='-4 -4 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 3H3C2.44772 3 2 3.44772 2 4V12C2 12.5523 2.44772 13 3 13H13C13.5523 13 14 12.5523 14 12V4C14 3.44772 13.5523 3 13 3Z' stroke='%23929292' stroke-width='2' /%3E%3Crect x='4' y='9' width='2' height='2' rx='0.5' fill='%23929292' /%3E%3Crect x='7' y='5.5' width='2' height='5.5' rx='0.5' fill='%23929292' /%3E%3Crect x='10' y='7' width='2' height='4' rx='0.5' fill='%23929292' /%3E%3C/svg%3E%0A");}
.ͼ5 .cm-completionIcon-reference:after, .ͼ5 .cm-completionIcon-stdlib:after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='-4 -4 24 24' fill='%23929292' fillRule='evenodd' clipRule='evenodd' %3E%3Cpath d='M3 1.75C2.30964 1.75 1.75 2.30964 1.75 3C1.75 3.69036 2.30964 4.25 3 4.25C3.69036 4.25 4.25 3.69036 4.25 3C4.25 2.30964 3.69036 1.75 3 1.75ZM0.25 3C0.25 1.48122 1.48122 0.25 3 0.25C4.51878 0.25 5.75 1.48122 5.75 3C5.75 4.51878 4.51878 5.75 3 5.75C1.48122 5.75 0.25 4.51878 0.25 3Z' /%3E%3Cpath d='M13 11.75C12.3096 11.75 11.75 12.3096 11.75 13C11.75 13.6904 12.3096 14.25 13 14.25C13.6904 14.25 14.25 13.6904 14.25 13C14.25 12.3096 13.6904 11.75 13 11.75ZM10.25 13C10.25 11.4812 11.4812 10.25 13 10.25C14.5188 10.25 15.75 11.4812 15.75 13C15.75 14.5188 14.5188 15.75 13 15.75C11.4812 15.75 10.25 14.5188 10.25 13Z' /%3E%3Cpath d='M10 12C9.44771 12 9 11.5523 9 11V5C9 3.34315 7.65685 2 6 2H5V4H6C6.55228 4 7 4.44772 7 5V11C7 12.6569 8.34315 14 10 14H11V12H10Z' /%3E%3C/svg%3E");}
.ͼ5 .cm-completionIcon-text:after {background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.29552 11.1791C8.0027 11.1791 8.6196 10.8922 8.83526 10.4595H8.93557V11.1013H10.9417V7.38168C10.9417 6.18557 10.0239 5.5 8.41396 5.5C6.79398 5.5 5.76582 6.18071 5.6956 7.29902H7.51119C7.62654 7.04618 7.88233 6.92463 8.28858 6.92463C8.6848 6.92463 8.92554 7.09967 8.92554 7.38168V7.78524L7.81211 7.84845C6.31751 7.93111 5.5 8.51943 5.5 9.51619C5.5 10.5178 6.21721 11.1791 7.29552 11.1791ZM8.09799 9.83709C7.70679 9.83709 7.46103 9.65233 7.46103 9.36546C7.46103 9.09804 7.7118 8.923 8.14313 8.89382L8.92554 8.84034V9.16125C8.92554 9.5405 8.55941 9.83709 8.09799 9.83709Z' fill='%23929292'/%3E%3Cpath d='M16.2832 15.4043C17.6925 15.4043 18.5 14.3833 18.5 12.594C18.5 10.7901 17.7076 9.78361 16.2832 9.78361C15.5108 9.78361 14.924 10.1337 14.6632 10.7463H14.5629V7.84845H12.5066V15.3265H14.5127V14.4805H14.613C14.8588 15.064 15.4757 15.4043 16.2832 15.4043ZM15.4757 11.3201C16.0324 11.3201 16.3935 11.8209 16.3935 12.594C16.3935 13.3768 16.0374 13.8679 15.4757 13.8679C14.909 13.8679 14.5579 13.3816 14.5529 12.5988C14.5579 11.816 14.919 11.3201 15.4757 11.3201Z' fill='%23929292'/%3E%3Cpath d='M11.2878 15.0284C11.1925 13.5746 10.2396 12.7626 8.62461 12.7626C6.68363 12.7626 5.69559 13.7302 5.69559 15.6264C5.69559 17.5324 6.68363 18.5 8.62461 18.5C10.2045 18.5 11.1975 17.6734 11.2878 16.2828H9.42707C9.36689 16.7593 9.09606 17.0024 8.62461 17.0024C8.02275 17.0024 7.75192 16.5794 7.75192 15.6264C7.75192 14.6832 8.02275 14.2601 8.62461 14.2601C9.09606 14.2601 9.36689 14.5227 9.42707 15.0284H11.2878Z' fill='%23929292'/%3E%3C/svg%3E%0A");}
.ͼ5 .cm-placeholder::first-letter {text-transform: uppercase;}
.ͼ5 .cm-placeholder {color: var(--observable-focus-dark-blue); position: absolute; font-family: var(--sans-serif); pointer-events: none; user-select: none; opacity: 0.6; overflow-x: hidden; white-space: nowrap; max-width: 95%;}
.ͼ4 .cm-line ::selection {background-color: transparent !important;}
.ͼ4 .cm-line::selection {background-color: transparent !important;}
.ͼ4 .cm-line {caret-color: transparent !important;}
</style><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"><link rel="apple-touch-icon" href="https://static.observablehq.com/favicon-512.0667824687f99c942a02e06e2db1a060911da0bf3606671676a255b1cf97b4fe.png"><link rel="icon" type="image/png" href="https://static.observablehq.com/favicon-512.0667824687f99c942a02e06e2db1a060911da0bf3606671676a255b1cf97b4fe.png" sizes="512x512"><link rel="search" type="application/opensearchdescription+xml" href="https://static.observablehq.com/opensearch.bf5e25ab3eef28bb53ee52e7f57ea5210eb03b2edb9f7c51328d4b7ed874497a.xml" title="Observable"><title>Interactive Visualization 3 / Data Visualization | Observable</title><link rel="canonical" href="https://observablehq.com/@observablehq/notebooks-cells" class="jsx-89ba54f59fad5733"><link rel="alternate" type="application/rss+xml" title="Observable | Observable" href="https://api.observablehq.com/documents/@observablehq.rss" class="jsx-89ba54f59fad5733"><link rel="alternate" type="application/rss+xml" title="Video series: Learning Observable / Observable | Observable" href="https://api.observablehq.com/collection/@observablehq/learning-observable.rss" class="jsx-89ba54f59fad5733"><meta property="og:type" content="article"><meta property="og:url" content="https://observablehq.com/@observablehq/notebooks-cells"><meta property="og:site_name" content="Observable"><meta name="twitter:site" content="@observablehq"><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"><link rel="apple-touch-icon" href="https://static.observablehq.com/favicon-512.0667824687f99c942a02e06e2db1a060911da0bf3606671676a255b1cf97b4fe.png"><link rel="icon" type="image/png" href="https://static.observablehq.com/favicon-512.0667824687f99c942a02e06e2db1a060911da0bf3606671676a255b1cf97b4fe.png" sizes="512x512"><link rel="search" type="application/opensearchdescription+xml" href="https://static.observablehq.com/opensearch.bf5e25ab3eef28bb53ee52e7f57ea5210eb03b2edb9f7c51328d4b7ed874497a.xml" title="Observable"><link rel="canonical" href="https://observablehq.com/d/b088fa184601c95b" class="jsx-89ba54f59fad5733"><link rel="alternate" type="application/rss+xml" title="Data Visualization | Observable" href="https://api.observablehq.com/documents/@data-visualization1.rss" class="jsx-89ba54f59fad5733"><meta name="next-head-count" content="7"><script async="" src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/analytics.js.download"></script><script>window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga("create", "UA-112925870-1", "auto");
ga("set", "transport", "beacon");
ga("set", "anonymizeIp", true);</script><script async="" src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/js"></script><script>window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', "G-9B88TP6PKQ", { 'send_page_view': false });</script><link rel="preload" href="./Interactive Visualization 3 _ Data Visualization _ Observable_files/fceaebe356f2c94e.css" as="style"><link rel="stylesheet" href="./Interactive Visualization 3 _ Data Visualization _ Observable_files/fceaebe356f2c94e.css" data-n-g=""><noscript data-n-css=""></noscript><script defer="" nomodule="" src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/polyfills-c67a75d1b6f99dc8.js.download"></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/webpack-d81d898839871727.js.download" defer=""></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/framework-79bce4a3a540b080.js.download" defer=""></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/main-6d0739027f57dcdc.js.download" defer=""></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/_app-01012a53bb1c3e15.js.download" defer=""></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/fec483df-9a0dbf9907a593df.js.download" defer=""></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/2842-4126717eccd00259.js.download" defer=""></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/8764-4753f0bd6db003de.js.download" defer=""></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/6817-16b996eaf7134667.js.download" defer=""></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/270-19014643bec05123.js.download" defer=""></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/6954-f0c8415401e1d622.js.download" defer=""></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/322-ab97516bb6a76504.js.download" defer=""></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/637-12d675c2df221fc4.js.download" defer=""></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/793-d073a0f12934356e.js.download" defer=""></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/7503-3e251b2746bc4816.js.download" defer=""></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/3993-29f7786501302ffd.js.download" defer=""></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/55-73e07665641c0291.js.download" defer=""></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/3077-e8d27c5bcd6a6a6c.js.download" defer=""></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/3573-d7cca8591e256449.js.download" defer=""></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/4070-34f7b5330212f61b.js.download" defer=""></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/8367-87a968021e0a0df3.js.download" defer=""></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/787-a1a853e249233994.js.download" defer=""></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/8780-2c0ba5021f5e0a84.js.download" defer=""></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/6000-b47c89e1f66bf52f.js.download" defer=""></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/3762-2d240d0be5d87673.js.download" defer=""></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/5746-ba8bc68b0f446f23.js.download" defer=""></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/3650-6ae2a4dfa92e302c.js.download" defer=""></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/8111-1c3ca4650099d6d8.js.download" defer=""></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/1861-f54381fe98dc7c1d.js.download" defer=""></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/4132-787349948823ce70.js.download" defer=""></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/8462-c97fb5d8c590546e.js.download" defer=""></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/8096-1c7153c1733bf065.js.download" defer=""></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/2269-6c1d8e70154428ee.js.download" defer=""></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/[...specifiers]-76f2a13aa2f3097d.js.download" defer=""></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/_buildManifest.js.download" defer=""></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/_ssgManifest.js.download" defer=""></script><style id="__jsx-5fb38b356180d568">@-webkit-keyframes loading-animation{from{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-moz-keyframes loading-animation{from{-moz-transform:translateX(-100%);transform:translateX(-100%)}to{-moz-transform:translateX(0);transform:translateX(0)}}@-o-keyframes loading-animation{from{-o-transform:translateX(-100%);transform:translateX(-100%)}to{-o-transform:translateX(0);transform:translateX(0)}}@keyframes loading-animation{from{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes cycling-animation{from{background-position:right}to{background-position:left}}@-moz-keyframes cycling-animation{from{background-position:right}to{background-position:left}}@-o-keyframes cycling-animation{from{background-position:right}to{background-position:left}}@keyframes cycling-animation{from{background-position:right}to{background-position:left}}@-webkit-keyframes complete-animation{from{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-3px);transform:translateY(-3px)}}@-moz-keyframes complete-animation{from{-moz-transform:translateY(0);transform:translateY(0)}to{-moz-transform:translateY(-3px);transform:translateY(-3px)}}@-o-keyframes complete-animation{from{-o-transform:translateY(0);transform:translateY(0)}to{-o-transform:translateY(-3px);transform:translateY(-3px)}}@keyframes complete-animation{from{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-3px);-moz-transform:translateY(-3px);-o-transform:translateY(-3px);transform:translateY(-3px)}}.active.jsx-5fb38b356180d568,.complete.jsx-5fb38b356180d568{height:3px;background-color:#5e513f;-webkit-background-size:25%100%;-moz-background-size:25%100%;-o-background-size:25%100%;background-size:25%100%;background-position:right;background-repeat:no-repeat;background-image:-webkit-linear-gradient(left,#5e513f,#a5765c,#ff7e6a,#ffb47e,#ffe694,#b3eb9f,#7ec4f6,#bb87fa,#5e513f);background-image:-moz-linear-gradient(left,#5e513f,#a5765c,#ff7e6a,#ffb47e,#ffe694,#b3eb9f,#7ec4f6,#bb87fa,#5e513f);background-image:-o-linear-gradient(left,#5e513f,#a5765c,#ff7e6a,#ffb47e,#ffe694,#b3eb9f,#7ec4f6,#bb87fa,#5e513f);background-image:linear-gradient(to right,#5e513f,#a5765c,#ff7e6a,#ffb47e,#ffe694,#b3eb9f,#7ec4f6,#bb87fa,#5e513f)}.active.jsx-5fb38b356180d568{-webkit-animation:loading-animation 3s linear forwards,cycling-animation 3s 3s linear alternate infinite;-moz-animation:loading-animation 3s linear forwards,cycling-animation 3s 3s linear alternate infinite;-o-animation:loading-animation 3s linear forwards,cycling-animation 3s 3s linear alternate infinite;animation:loading-animation 3s linear forwards,cycling-animation 3s 3s linear alternate infinite}.complete.jsx-5fb38b356180d568{-webkit-animation:complete-animation.2s linear forwards;-moz-animation:complete-animation.2s linear forwards;-o-animation:complete-animation.2s linear forwards;animation:complete-animation.2s linear forwards;visibility:hidden;-webkit-transition:visibility 0s .2s;-moz-transition:visibility 0s .2s;-o-transition:visibility 0s .2s;transition:visibility 0s .2s}</style><style id="__jsx-2ee58d861371c8b0">.tooltipped{position:relative}.tooltipped::after{position:absolute;z-index:1000000;display:none;padding:.5em .75em;font-weight:normal;font-variant:normal;font-size:11px;line-height:1.5;font-family:var(--sans-serif);-webkit-font-smoothing:subpixel-antialiased;color:#fff;text-align:center;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-wrap:break-word;white-space:pre;pointer-events:none;content:attr(aria-label);background:var(--black);border:1px solid var(--dark-gray);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;opacity:0}.tooltipped-error::after{background-color:var(--red)!important;border-color:var(--red)!important}@-webkit-keyframes tooltip-appear{from{opacity:0}to{opacity:1}}@-moz-keyframes tooltip-appear{from{opacity:0}to{opacity:1}}@-o-keyframes tooltip-appear{from{opacity:0}to{opacity:1}}@keyframes tooltip-appear{from{opacity:0}to{opacity:1}}@media(hover){.tooltipped:hover::after{display:inline-block;text-decoration:none;-webkit-animation-name:tooltip-appear;-moz-animation-name:tooltip-appear;-o-animation-name:tooltip-appear;animation-name:tooltip-appear;-webkit-animation-duration:.05s;-moz-animation-duration:.05s;-o-animation-duration:.05s;animation-duration:.05s;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease-in;-moz-animation-timing-function:ease-in;-o-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-animation-delay:.6s;-moz-animation-delay:.6s;-o-animation-delay:.6s;animation-delay:.6s}}.tooltipped-show .tooltipped::after{display:inline-block;text-decoration:none;-webkit-animation-name:tooltip-appear;-moz-animation-name:tooltip-appear;-o-animation-name:tooltip-appear;animation-name:tooltip-appear;-webkit-animation-duration:.05s;-moz-animation-duration:.05s;-o-animation-duration:.05s;animation-duration:.05s;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease-in;-moz-animation-timing-function:ease-in;-o-animation-timing-function:ease-in;animation-timing-function:ease-in}.tooltipped-s::after,.tooltipped-se::after,.tooltipped-sw::after{top:100%;right:50%;margin-top:6px}.tooltipped-se::after{right:auto;left:50%;margin-left:-16px}.tooltipped-sw::after{margin-right:-16px}.tooltipped-n::after,.tooltipped-ne::after,.tooltipped-nw::after{right:50%;bottom:100%;margin-bottom:6px}.tooltipped-ne::after{right:auto;left:50%;margin-left:-16px}.tooltipped-nw::after{margin-right:-16px}.tooltipped-s::after,.tooltipped-n::after{-webkit-transform:translateX(50%);-moz-transform:translateX(50%);-ms-transform:translateX(50%);-o-transform:translateX(50%);transform:translateX(50%)}.tooltipped-w::after{right:100%;bottom:50%;margin-right:6px;-webkit-transform:translateY(50%);-moz-transform:translateY(50%);-ms-transform:translateY(50%);-o-transform:translateY(50%);transform:translateY(50%);text-align:right}.tooltipped-e::after{bottom:50%;left:100%;margin-left:6px;-webkit-transform:translateY(50%);-moz-transform:translateY(50%);-ms-transform:translateY(50%);-o-transform:translateY(50%);transform:translateY(50%);text-align:left}</style><meta http-equiv="origin-trial" content="AymqwRC7u88Y4JPvfIF2F37QKylC04248hLCdJAsh8xgOfe/dVJPV3XS3wLFca1ZMVOtnBfVjaCMTVudWM//5g4AAAB7eyJvcmlnaW4iOiJodHRwczovL3d3dy5nb29nbGV0YWdtYW5hZ2VyLmNvbTo0NDMiLCJmZWF0dXJlIjoiUHJpdmFjeVNhbmRib3hBZHNBUElzIiwiZXhwaXJ5IjoxNjk1MTY3OTk5LCJpc1RoaXJkUGFydHkiOnRydWV9"><link as="script" rel="prefetch" href="./Interactive Visualization 3 _ Data Visualization _ Observable_files/3477-fdafb3ce8d4705b6.js.download"><link as="script" rel="prefetch" href="./Interactive Visualization 3 _ Data Visualization _ Observable_files/309-d30e5b28451f698e.js.download"><link as="script" rel="prefetch" href="./Interactive Visualization 3 _ Data Visualization _ Observable_files/8550-bf54cd8f186e6550.js.download"><link as="script" rel="prefetch" href="./Interactive Visualization 3 _ Data Visualization _ Observable_files/8834-86b77b1c952c1b46.js.download"><link as="script" rel="prefetch" href="./Interactive Visualization 3 _ Data Visualization _ Observable_files/1239-c77776186e2dbf27.js.download"><link as="script" rel="prefetch" href="./Interactive Visualization 3 _ Data Visualization _ Observable_files/559-236afae14f5bcbe5.js.download"><link as="script" rel="prefetch" href="./Interactive Visualization 3 _ Data Visualization _ Observable_files/9726-58c36c98c984136b.js.download"><link as="script" rel="prefetch" href="./Interactive Visualization 3 _ Data Visualization _ Observable_files/1991-6ee95e2f7fbfc1af.js.download"><link as="script" rel="prefetch" href="./Interactive Visualization 3 _ Data Visualization _ Observable_files/index-39640ab427a223dc.js.download"><link as="script" rel="prefetch" href="./Interactive Visualization 3 _ Data Visualization _ Observable_files/pricing-a842365760a19d08.js.download"><link as="script" rel="prefetch" href="./Interactive Visualization 3 _ Data Visualization _ Observable_files/explore-e2a221da037b4a9a.js.download"><link as="script" rel="prefetch" href="./Interactive Visualization 3 _ Data Visualization _ Observable_files/new-5f711e3fa3a3573c.js.download"><link as="script" rel="prefetch" href="./Interactive Visualization 3 _ Data Visualization _ Observable_files/245-443eba2b0fdd70ad.js.download"><link as="script" rel="prefetch" href="./Interactive Visualization 3 _ Data Visualization _ Observable_files/3926-fa380ee31f37bba3.js.download"><link as="script" rel="prefetch" href="./Interactive Visualization 3 _ Data Visualization _ Observable_files/[at]-407dbc996f490979.js.download"><link as="script" rel="prefetch" href="./Interactive Visualization 3 _ Data Visualization _ Observable_files/4434-d04c4834090f48eb.js.download"><link as="script" rel="prefetch" href="./Interactive Visualization 3 _ Data Visualization _ Observable_files/[...specifier]-db2c7373c64481dd.js.download"><link as="script" rel="prefetch" href="./Interactive Visualization 3 _ Data Visualization _ Observable_files/691-ad33ea84667bfebf.js.download"><link as="script" rel="prefetch" href="./Interactive Visualization 3 _ Data Visualization _ Observable_files/5569-a5e53c590debd063.js.download"><link as="script" rel="prefetch" href="./Interactive Visualization 3 _ Data Visualization _ Observable_files/1287-bae05a009883abc6.js.download"><link as="script" rel="prefetch" href="./Interactive Visualization 3 _ Data Visualization _ Observable_files/4969-c8b015b90e9574cd.js.download"><link as="script" rel="prefetch" href="./Interactive Visualization 3 _ Data Visualization _ Observable_files/new-56f8da740d5c5cb0.js.download"><link as="script" rel="prefetch" href="./Interactive Visualization 3 _ Data Visualization _ Observable_files/new-849bb7f91786273e.js.download"><link as="script" rel="prefetch" href="./Interactive Visualization 3 _ Data Visualization _ Observable_files/1490-6b1ca8a60f4b9308.js.download"><link as="script" rel="prefetch" href="./Interactive Visualization 3 _ Data Visualization _ Observable_files/settings-4aa8c70e67ab6fc5.js.download"><link as="script" rel="prefetch" href="./Interactive Visualization 3 _ Data Visualization _ Observable_files/[guide]-93fda02ca79357c5.js.download"><link as="script" rel="prefetch" href="./Interactive Visualization 3 _ Data Visualization _ Observable_files/search-b42bf94f558c3dfb.js.download"><link as="script" rel="prefetch" href="./Interactive Visualization 3 _ Data Visualization _ Observable_files/data-integrations-5328c1b28e15bc8d.js.download"><link as="script" rel="prefetch" href="./Interactive Visualization 3 _ Data Visualization _ Observable_files/export-work-8dbed923c4a0df5c.js.download"><link as="script" rel="prefetch" href="./Interactive Visualization 3 _ Data Visualization _ Observable_files/plot-0185ce1053c2b7c1.js.download"><link as="script" rel="prefetch" href="./Interactive Visualization 3 _ Data Visualization _ Observable_files/2397-5b57a93fa4b2c2d6.js.download"><link as="script" rel="prefetch" href="./Interactive Visualization 3 _ Data Visualization _ Observable_files/trending-0a44b875d00ada55.js.download"><link as="script" rel="prefetch" href="./Interactive Visualization 3 _ Data Visualization _ Observable_files/recent-3e3c68b47c50ce55.js.download"><link as="script" rel="prefetch" href="./Interactive Visualization 3 _ Data Visualization _ Observable_files/top-613c47ed540b9088.js.download"><link as="script" rel="prefetch" href="./Interactive Visualization 3 _ Data Visualization _ Observable_files/[...specifier]-b2daf8407d0213b1.js.download"><link as="script" rel="prefetch" href="./Interactive Visualization 3 _ Data Visualization _ Observable_files/7034-e6342e8267bcf80f.js.download"><link as="script" rel="prefetch" href="./Interactive Visualization 3 _ Data Visualization _ Observable_files/customer-stories-b58a0d3ac57b58e0.js.download"><link as="script" rel="prefetch" href="./Interactive Visualization 3 _ Data Visualization _ Observable_files/templates-ddf9294c2ba41146.js.download"><link as="script" rel="prefetch" href="./Interactive Visualization 3 _ Data Visualization _ Observable_files/libraries-028a6c72ca58a531.js.download"><link as="script" rel="prefetch" href="./Interactive Visualization 3 _ Data Visualization _ Observable_files/tutorials-b333c7c6674544b6.js.download"><link as="script" rel="prefetch" href="./Interactive Visualization 3 _ Data Visualization _ Observable_files/community-2fc7487d3de1fe0e.js.download"><link as="script" rel="prefetch" href="./Interactive Visualization 3 _ Data Visualization _ Observable_files/ambassadors-e41febd4c76cfa23.js.download"><link as="script" rel="prefetch" href="./Interactive Visualization 3 _ Data Visualization _ Observable_files/blog-8d1523863bfaf6d2.js.download"><link as="script" rel="prefetch" href="./Interactive Visualization 3 _ Data Visualization _ Observable_files/8534-2b9ed0922f0dfad1.js.download"><link as="script" rel="prefetch" href="./Interactive Visualization 3 _ Data Visualization _ Observable_files/about-51b8e300b467497f.js.download"><style type="text/css" data-styled-jsx="">:root{--reach-menu-button:1}[data-reach-popover]{z-index:2}</style><style type="text/css" data-styled-jsx="">[data-reach-menu-item][data-selected]{color:var(--near-black);background-color:var(--near-white)}[data-reach-menu-item][data-selected].hover-blue{color:var(--blue)}[data-reach-menu-item][data-selected].hover-dark-red{color:var(--dark-red)}[data-reach-menu-item][data-selected].hover-bg-washed-red{background-color:var(--washed-red)}[data-reach-menu-item][aria-disabled]{opacity:.5;cursor:not-allowed}</style><style type="text/css" data-styled-jsx="">a.jsx-6773b8837f682485:hover{text-decoration:none}.action-button--default.jsx-6773b8837f682485{border-color:var(--light-gray);color:var(--dark-gray)}.action-button--minimal.jsx-6773b8837f682485{border-color:transparent;color:var(--dark-gray)}.action-button--banner.jsx-6773b8837f682485{border-color:transparent;color:var(--white)}.action-button--highlight.jsx-6773b8837f682485{border-color:var(--light-gray);color:var(--blue)}.action-button--list.jsx-6773b8837f682485{border-color:transparent;color:var(--moon-gray)}.action-button.jsx-6773b8837f682485{margin-left:5px;padding:.875rem;-webkit-transition:border-color 250ms ease;-moz-transition:border-color 250ms ease;-o-transition:border-color 250ms ease;transition:border-color 250ms ease}.action-button--default.jsx-6773b8837f682485:hover,.action-button--minimal.jsx-6773b8837f682485:hover{color:var(--black);background-color:var(--near-white)}.action-button--banner.jsx-6773b8837f682485:hover{color:var(--white);background-color:rgba(0,0,0,.1)}.action-button--highlight.jsx-6773b8837f682485:hover{color:var(--white);background-color:var(--blue)}.action-button--list.jsx-6773b8837f682485:hover{color:var(--dark-gray)}.action-button.jsx-6773b8837f682485:hover{border-color:transparent}.action-button[disabled].jsx-6773b8837f682485{display:none}.stuck .action-button.jsx-6773b8837f682485{border-color:transparent}</style><style type="text/css" data-styled-jsx="">@-webkit-keyframes bump{0%{-webkit-transform:none;transform:none}25%{-webkit-transform:scale(1.5);transform:scale(1.5)}100%{-webkit-transform:none;transform:none}}@-moz-keyframes bump{0%{-moz-transform:none;transform:none}25%{-moz-transform:scale(1.5);transform:scale(1.5)}100%{-moz-transform:none;transform:none}}@-o-keyframes bump{0%{-o-transform:none;transform:none}25%{-o-transform:scale(1.5);transform:scale(1.5)}100%{-o-transform:none;transform:none}}@keyframes bump{0%{-webkit-transform:none;-moz-transform:none;-o-transform:none;transform:none}25%{-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-o-transform:scale(1.5);transform:scale(1.5)}100%{-webkit-transform:none;-moz-transform:none;-o-transform:none;transform:none}}.bump{-webkit-animation-duration:350ms;-moz-animation-duration:350ms;-o-animation-duration:350ms;animation-duration:350ms;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:bump;-moz-animation-name:bump;-o-animation-name:bump;animation-name:bump}</style><style type="text/css" data-styled-jsx="">@media screen and (min-width: 60em){.body.jsx-2810012047{padding-right:var(--spacing-extra-large)}}@media screen and (min-width:90em){.body.jsx-2810012047{padding-right:var(--spacing-large)}}@media screen and (min-width:60em){.body.jsx-2810012047{padding-left:var(--spacing-large)}}</style><style type="text/css" data-styled-jsx="">.sticky.jsx-e0896dacb97d8241{top:0}.body.jsx-e0896dacb97d8241{padding-right:"calc(420px - max((100vw - 64rem)/2, 0px))"}</style><style type="text/css" data-styled-jsx="">.absolute.jsx-1348379509{bottom:4px;font-size:.6rem;letter-spacing:-1px;right:30px}.filled.jsx-1348379509{padding:2px 4px 2px 3px;right:26px}</style><style type="text/css" data-styled-jsx="">.fixed.jsx-277679882{top:55px;right:var(--spacing-medium);bottom:0}@media screen and (min-width: 60em){.fixed.jsx-277679882{right:0}}.pane.jsx-277679882{position:fixed;top:0;right:0;bottom:0;left:0}@media screen and (min-width: 30em){.pane.jsx-277679882{position:static;max-height:-webkit-calc(
100vh - 55px - 41px - 38px
);max-height:-moz-calc(
100vh - 55px - 41px - 38px
);max-height:calc(
100vh - 55px - 41px - 38px
);width:-webkit-calc(
0px - 2 * var(--spacing-small) - var(--spacing-extra-small) -
var(--width-2)
);width:-moz-calc(
0px - 2 * var(--spacing-small) - var(--spacing-extra-small) -
var(--width-2)
);width:calc(
0px - 2 * var(--spacing-small) - var(--spacing-extra-small) -
var(--width-2)
)}}.dismiss-button.jsx-277679882{top:0;right:0}</style><style type="text/css" data-styled-jsx="">svg.jsx-34351f8c1c3ac6ee{overflow:visible;will-change:transform}svg.jsx-34351f8c1c3ac6ee:not(.black):hover{color:var(--mid-gray)}svg.jsx-34351f8c1c3ac6ee:not(.black):active{color:var(--black)}.cursor.jsx-34351f8c1c3ac6ee{width:0;-webkit-transition:width.2s;-moz-transition:width.2s;-o-transition:width.2s;transition:width.2s;border-top-width:0;border-top-style:solid}.cursor.active.jsx-34351f8c1c3ac6ee{width:-webkit-calc(14rem - 17px);width:-moz-calc(14rem - 17px);width:calc(14rem - 17px);border-top-width:2px}.pill.jsx-34351f8c1c3ac6ee{visibility:hidden}.pill.jsx-34351f8c1c3ac6ee:hover{visibility:visible}.pill.jsx-34351f8c1c3ac6ee:active{opacity:.2}</style><style type="text/css" data-styled-jsx="">*.jsx-2205038455{will-change:transform;cursor:grab}@media screen and (min-width: 30em){*.jsx-2205038455{-webkit-border-top-left-radius:var(--border-radius-2);-moz-border-radius-topleft:var(--border-radius-2);border-top-left-radius:var(--border-radius-2);-webkit-border-bottom-left-radius:var(--border-radius-2);-moz-border-radius-bottomleft:var(--border-radius-2);border-bottom-left-radius:var(--border-radius-2)}}</style><style type="text/css" data-styled-jsx="">.gutter.jsx-3846077284{width:-webkit-calc((100vw - 100%) / 2 - 14px + 1px);width:-moz-calc((100vw - 100%) / 2 - 14px + 1px);width:calc((100vw - 100%) / 2 - 14px + 1px);margin-left:-webkit-calc((100% - 100vw)/2);margin-left:-moz-calc((100% - 100vw)/2);margin-left:calc((100% - 100vw)/2)}</style><style type="text/css" data-styled-jsx="">.fullscreen-stretch.jsx-60a718ae68b8f767{padding:1em 4em;background-color:var(--white);width:100%;height:100%;overflow-y:scroll}</style><style type="text/css" data-styled-jsx="">.following{scroll-behavior:smooth}</style><style type="text/css" data-styled-jsx="">[role="menu"].absolute.left.jsx-3750879006{right:-webkit-calc(100% - var(--spacing-extra-small));right:-moz-calc(100% - var(--spacing-extra-small));right:calc(100% - var(--spacing-extra-small));top:-webkit-calc(-9px + -30px);top:-moz-calc(-9px + -30px);top:calc(-9px + -30px)}[role="menu"].absolute.right.jsx-3750879006{left:-webkit-calc(100% - var(--spacing-extra-small));left:-moz-calc(100% - var(--spacing-extra-small));left:calc(100% - var(--spacing-extra-small));top:-webkit-calc(-9px + -30px);top:-moz-calc(-9px + -30px);top:calc(-9px + -30px)}[role="menu"].absolute.center.jsx-3750879006{right:-webkit-calc(50%);right:-moz-calc(50%);right:calc(50%);top:100%}</style><style type="text/css" data-styled-jsx="">[role="menu"].absolute.left.jsx-2509779934{right:-webkit-calc(100% - var(--spacing-extra-small));right:-moz-calc(100% - var(--spacing-extra-small));right:calc(100% - var(--spacing-extra-small));top:-webkit-calc(-9px + 0px);top:-moz-calc(-9px + 0px);top:calc(-9px + 0px)}[role="menu"].absolute.right.jsx-2509779934{left:-webkit-calc(100% - var(--spacing-extra-small));left:-moz-calc(100% - var(--spacing-extra-small));left:calc(100% - var(--spacing-extra-small));top:-webkit-calc(-9px + 0px);top:-moz-calc(-9px + 0px);top:calc(-9px + 0px)}[role="menu"].absolute.center.jsx-2509779934{right:-webkit-calc(50%);right:-moz-calc(50%);right:calc(50%);top:100%}</style><style type="text/css" data-styled-jsx="">.lock-status.jsx-947722582{padding-left:10px;padding-right:10px;top:-28px;right:-14px;color:var(--observable-focus-dark-blue);;;;}.lock-status.jsx-947722582:hover{color:var(--mid-gray);;}.has-updates.jsx-947722582::after{content:"";position:absolute;top:0;right:0;width:7px;height:7px;background-color:var(--observable-focus-dark-blue);;-webkit-border-radius:3.5px;-moz-border-radius:3.5px;border-radius:3.5px}</style><style type="text/css" data-styled-jsx="">*.jsx-3890680677{will-change:transform;cursor:grab}@media screen and (min-width: 30em){*.jsx-3890680677{-webkit-border-top-left-radius:var(--border-radius-2);-moz-border-radius-topleft:var(--border-radius-2);border-top-left-radius:var(--border-radius-2);-webkit-border-bottom-left-radius:0;-moz-border-radius-bottomleft:0;border-bottom-left-radius:0}}</style><style type="text/css" data-styled-jsx="">@media screen and (min-width: 30em){*.jsx-2740246534{-webkit-border-bottom-left-radius:var(--border-radius-2);-moz-border-radius-bottomleft:var(--border-radius-2);border-bottom-left-radius:var(--border-radius-2)}}</style></head><body data-new-gr-c-s-check-loaded="14.1114.0" data-gr-ext-installed=""><div id="__next" data-reactroot=""><div style="will-change:transform" class="jsx-5fb38b356180d568 complete w-100 z-5 fixed pen"></div><nav class="bb b--light-silver dn-print"><div class="flex justify-between items-center pv2 ph3 center dark-gray" style="height: 55px;"><div class="flex relative flex-grow-1 items-center"><button aria-haspopup="true" aria-controls="menu--3701" class="dark-gray bg-transparent hover-bg-black-05 pointer animate-all dn-hamburger mr2 near-black pa2 f6 fw6 br-100 flex items-center ba b--transparent relative" type="button" id="menu-button--menu--3701" data-reach-menu-button=""><svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor"><rect x="1" y="2" width="14" height="2" rx="0.7"></rect><rect x="1" y="7" width="14" height="2" rx="0.7"></rect><rect x="1" y="12" width="14" height="2" rx="0.7"></rect></svg></button><a class="flex no-underline items-center near-black" href="https://observablehq.com/"><svg role="img" viewBox="0 0 25 28" width="25" height="28" aria-label="Observable" fill="currentColor" class="near-black" style="width: 22px;"><path d="M12.5 22.6667C11.3458 22.6667 10.3458 22.4153 9.5 21.9127C8.65721 21.412 7.98339 20.7027 7.55521 19.8654C7.09997 18.9942 6.76672 18.0729 6.56354 17.1239C6.34796 16.0947 6.24294 15.0483 6.25 14C6.25 13.1699 6.30417 12.3764 6.41354 11.6176C6.52188 10.8598 6.72292 10.0894 7.01563 9.30748C7.30833 8.52555 7.68542 7.84763 8.14479 7.27274C8.62304 6.68378 9.24141 6.20438 9.95208 5.87163C10.6979 5.51244 11.5458 5.33333 12.5 5.33333C13.6542 5.33333 14.6542 5.58467 15.5 6.08733C16.3428 6.588 17.0166 7.29733 17.4448 8.13459C17.8969 8.99644 18.2271 9.9103 18.4365 10.8761C18.6448 11.841 18.75 12.883 18.75 14C18.75 14.8301 18.6958 15.6236 18.5865 16.3824C18.4699 17.1702 18.2639 17.9446 17.9719 18.6925C17.6698 19.4744 17.2948 20.1524 16.8427 20.7273C16.3906 21.3021 15.7927 21.7692 15.0479 22.1284C14.3031 22.4876 13.4542 22.6667 12.5 22.6667ZM14.7063 16.2945C15.304 15.6944 15.6365 14.864 15.625 14C15.625 13.1073 15.326 12.3425 14.7292 11.7055C14.1313 11.0685 13.3885 10.75 12.5 10.75C11.6115 10.75 10.8688 11.0685 10.2708 11.7055C9.68532 12.3123 9.36198 13.1405 9.375 14C9.375 14.8927 9.67396 15.6575 10.2708 16.2945C10.8688 16.9315 11.6115 17.25 12.5 17.25C13.3885 17.25 14.124 16.9315 14.7063 16.2945ZM12.5 27C19.4031 27 25 21.1792 25 14C25 6.82075 19.4031 1 12.5 1C5.59687 1 0 6.82075 0 14C0 21.1792 5.59687 27 12.5 27Z" fill="currentColor"></path></svg></a><div class="ml3 dn flex-show-links items-center f6 fw6"><button aria-haspopup="true" aria-controls="menu--3702" class="pointer flex fw6 pa0 bg-transparent lh-copy bn mh2 dark-gray hover-blue" id="menu-button--menu--3702" type="button" data-reach-menu-button="">Product</button><a class="no-underline mh2 lh-copy dark-gray hover-blue" href="https://observablehq.com/pricing">Pricing</a><button aria-haspopup="true" aria-controls="menu--3703" class="pointer flex fw6 pa0 bg-transparent lh-copy bn mh2 dark-gray hover-blue" id="menu-button--menu--3703" type="button" data-reach-menu-button="">Solutions</button><a class="no-underline mh2 lh-copy dark-gray hover-blue" href="https://observablehq.com/explore">Explore</a><button aria-haspopup="true" aria-controls="menu--3704" class="pointer flex fw6 pa0 bg-transparent lh-copy bn mh2 dark-gray hover-blue" id="menu-button--menu--3704" type="button" data-reach-menu-button="">Learn</button><button aria-haspopup="true" aria-controls="menu--3705" class="pointer flex fw6 pa0 bg-transparent lh-copy bn mh2 dark-gray hover-blue" id="menu-button--menu--3705" type="button" data-reach-menu-button="">Community</button></div><button class="flex bn bg-transparent f6 fw6 pv0 ph2 ml3 black-40 pointer" data-testid="search-button"><svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" class="mr2" aria-label="Search"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.5 10C8.433 10 10 8.433 10 6.5C10 4.567 8.433 3 6.5 3C4.567 3 3 4.567 3 6.5C3 8.433 4.567 10 6.5 10ZM6.5 12C9.53757 12 12 9.53757 12 6.5C12 3.46243 9.53757 1 6.5 1C3.46243 1 1 3.46243 1 6.5C1 9.53757 3.46243 12 6.5 12Z"></path><rect x="9.17157" y="10.5858" width="2" height="5" transform="rotate(-45 9.17157 10.5858)"></rect></svg>Search</button></div><div class="flex items-center"><a class="no-underline" href="https://observablehq.com/team/@data-visualization1/new"><button type="button" title="Create new notebook" class="dark-gray pointer animate-all hover-bg-black-05 flex-ns dn dark-gray pa2 f6 fw6 br2 ba items-center bg-transparent b--transparent relative"><svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" class="mr1"><path d="M2 3C2 1.89543 2.89543 1 4 1H10L14 5V8H12V6H9V3H4V13H7V15H4C2.89543 15 2 14.1046 2 13V3Z"></path><path d="M10 11V9H12V11H14V13H12V15H10V13H8V11H10Z"></path></svg>New</button><button type="button" title="Create new notebook" class="dark-gray bg-transparent hover-bg-black-05 pointer animate-all dn-ns pa2 f6 fw6 br-100 flex items-center ba b--transparent relative"><svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M2 3C2 1.89543 2.89543 1 4 1H10L14 5V8H12V6H9V3H4V13H7V15H4C2.89543 15 2 14.1046 2 13V3Z"></path><path d="M10 11V9H12V11H14V13H12V15H10V13H8V11H10Z"></path></svg></button></a><button aria-haspopup="true" aria-controls="menu--3706" class="bg-transparent bn flex pa0 ml2" id="menu-button--menu--3706" type="button" data-reach-menu-button=""><picture><source srcset="https://avatars.observableusercontent.com/avatar/6028c4aac4183675f1dfb3f5be20913d377c9ab9edc17613b9f6fa6956f83d5e?s=60&format=avif 1x, https://avatars.observableusercontent.com/avatar/6028c4aac4183675f1dfb3f5be20913d377c9ab9edc17613b9f6fa6956f83d5e?s=120&format=avif 2x, https://avatars.observableusercontent.com/avatar/6028c4aac4183675f1dfb3f5be20913d377c9ab9edc17613b9f6fa6956f83d5e?s=180&format=avif 3x" type="image/avif"><source srcset="https://avatars.observableusercontent.com/avatar/6028c4aac4183675f1dfb3f5be20913d377c9ab9edc17613b9f6fa6956f83d5e?s=60&format=webp 1x, https://avatars.observableusercontent.com/avatar/6028c4aac4183675f1dfb3f5be20913d377c9ab9edc17613b9f6fa6956f83d5e?s=120&format=webp 2x, https://avatars.observableusercontent.com/avatar/6028c4aac4183675f1dfb3f5be20913d377c9ab9edc17613b9f6fa6956f83d5e?s=180&format=webp 3x" type="image/webp"><source srcset="https://avatars.observableusercontent.com/avatar/6028c4aac4183675f1dfb3f5be20913d377c9ab9edc17613b9f6fa6956f83d5e?s=60&format=jpeg 1x, https://avatars.observableusercontent.com/avatar/6028c4aac4183675f1dfb3f5be20913d377c9ab9edc17613b9f6fa6956f83d5e?s=120&format=jpeg 2x, https://avatars.observableusercontent.com/avatar/6028c4aac4183675f1dfb3f5be20913d377c9ab9edc17613b9f6fa6956f83d5e?s=180&format=jpeg 3x" type="image/jpeg"><source srcset="https://avatars.observableusercontent.com/avatar/6028c4aac4183675f1dfb3f5be20913d377c9ab9edc17613b9f6fa6956f83d5e?s=60&format=png 1x, https://avatars.observableusercontent.com/avatar/6028c4aac4183675f1dfb3f5be20913d377c9ab9edc17613b9f6fa6956f83d5e?s=120&format=png 2x, https://avatars.observableusercontent.com/avatar/6028c4aac4183675f1dfb3f5be20913d377c9ab9edc17613b9f6fa6956f83d5e?s=180&format=png 3x" type="image/png"><img alt="@sailesh500" src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/6028c4aac4183675f1dfb3f5be20913d377c9ab9edc17613b9f6fa6956f83d5e" aria-label="Account and settings…" class="dib ba br-100 pointer b--white" style="width: 32px; height: 32px; max-width: none; flex-shrink: 0; display: block; background: var(--white);"></picture></button></div></div><style>@media screen and (min-width: 47em) {
.flex-show-links {
display: flex;
}
.dn-hamburger {
display: none;
}
}</style></nav><div class="jsx-e0896dacb97d8241 mt2 mt3-ns"></div><div class="jsx-e0896dacb97d8241 mb2 bg-white z-1 dn-print bb body b--transparent mb3-ns"><div class="jsx-2810012047 mw8 mw-page-xl center ph4 pr5-l body mt2 flex flex-column-reverse justify-center flex-row-ns justify-between-ns items-center-ns" style="min-height: 52px;"><div class="flex items-center mw6"><a href="https://observablehq.com/@data-visualization1"><picture><source srcset="https://avatars.observableusercontent.com/avatar/0e462e9c0641c6769a2c96ae8e5781b3864c1f103a8ecbbedcc66c91f0e7f5b8?s=60&format=avif 1x, https://avatars.observableusercontent.com/avatar/0e462e9c0641c6769a2c96ae8e5781b3864c1f103a8ecbbedcc66c91f0e7f5b8?s=120&format=avif 2x, https://avatars.observableusercontent.com/avatar/0e462e9c0641c6769a2c96ae8e5781b3864c1f103a8ecbbedcc66c91f0e7f5b8?s=180&format=avif 3x" type="image/avif"><source srcset="https://avatars.observableusercontent.com/avatar/0e462e9c0641c6769a2c96ae8e5781b3864c1f103a8ecbbedcc66c91f0e7f5b8?s=60&format=webp 1x, https://avatars.observableusercontent.com/avatar/0e462e9c0641c6769a2c96ae8e5781b3864c1f103a8ecbbedcc66c91f0e7f5b8?s=120&format=webp 2x, https://avatars.observableusercontent.com/avatar/0e462e9c0641c6769a2c96ae8e5781b3864c1f103a8ecbbedcc66c91f0e7f5b8?s=180&format=webp 3x" type="image/webp"><source srcset="https://avatars.observableusercontent.com/avatar/0e462e9c0641c6769a2c96ae8e5781b3864c1f103a8ecbbedcc66c91f0e7f5b8?s=60&format=jpeg 1x, https://avatars.observableusercontent.com/avatar/0e462e9c0641c6769a2c96ae8e5781b3864c1f103a8ecbbedcc66c91f0e7f5b8?s=120&format=jpeg 2x, https://avatars.observableusercontent.com/avatar/0e462e9c0641c6769a2c96ae8e5781b3864c1f103a8ecbbedcc66c91f0e7f5b8?s=180&format=jpeg 3x" type="image/jpeg"><source srcset="https://avatars.observableusercontent.com/avatar/0e462e9c0641c6769a2c96ae8e5781b3864c1f103a8ecbbedcc66c91f0e7f5b8?s=60&format=png 1x, https://avatars.observableusercontent.com/avatar/0e462e9c0641c6769a2c96ae8e5781b3864c1f103a8ecbbedcc66c91f0e7f5b8?s=120&format=png 2x, https://avatars.observableusercontent.com/avatar/0e462e9c0641c6769a2c96ae8e5781b3864c1f103a8ecbbedcc66c91f0e7f5b8?s=180&format=png 3x" type="image/png"><img alt="@data-visualization1" src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/0e462e9c0641c6769a2c96ae8e5781b3864c1f103a8ecbbedcc66c91f0e7f5b8" class="inline-flex br-100 mw-none" style="width: 46px; height: 46px; max-width: none; flex-shrink: 0; display: block; background: var(--white);"></picture></a><div class="pl2 f6 lh-f6 w-100"><div class="flex items-center justify-start"><span data-state="tooltip-hidden" data-reach-tooltip-trigger=""><a class="truncate truncate-two-lines dib items-center no-underline near-black hover-blue flex flex-shrink-0 mw-100 pr2 fw7" href="https://observablehq.com/@data-visualization1">Data Visualization</a></span><div class="flex justify-start items-center"><button type="button" data-testid="follow-button" class="blue b--light-gray pointer animate-all hover-bg-black-05 flex justify-center f6 fw6 br2 ba flex items-center bg-transparent relative ph2 pv1" style="padding-top: 0.2em; padding-bottom: 0.2em;">Follow</button></div></div><div class="line-clamp-2 fw4 f6 lh-f7 mid-gray" style="padding-top: 0.3em;"></div></div></div><div class="self-end self-center-ns nowrap body mb3 mb0-ns" data-cy="notebook-title"><div class="jsx-e0896dacb97d8241 "><div class="inline-flex" style="margin-left: 5px; padding: 0.875rem;"><div style="width: 16px; height: 16px; visibility: hidden;"></div></div><button data-cy="promoted-action" aria-label="Share with others" class="jsx-6773b8837f682485 bg-transparent pointer ba br2 f6 fw6 inline-flex items-center action-button action-button--default tooltipped tooltipped-sw"><svg viewBox="0 0 16 16" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.8" class="mr2 h1 w1"><circle cx="8" cy="8" r="7.1"></circle><path d="M1.14285 10.5286 L14.8571 10.5286 M1.14285 5.71429H14.8571 M8 1.14285C7.42857 2.09523 5.14285 4.21428 5.14285 8C5.14285 12.5714 8 14.8571 8 14.8571 M8 1.14285C8.57143 2.09523 10.8571 4.21428 10.8571 8C10.8571 12.5714 8 14.8571 8 14.8571"></path></svg>Share…</button><button data-cy="promoted-action" aria-label="Fork this notebook" class="jsx-6773b8837f682485 bg-transparent pointer ba br2 f6 fw6 inline-flex items-center action-button action-button--default tooltipped tooltipped-sw"><svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" class="h1 w1"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 1.75C3.80964 1.75 3.25 2.30964 3.25 3C3.25 3.69036 3.80964 4.25 4.5 4.25C5.19036 4.25 5.75 3.69036 5.75 3C5.75 2.30964 5.19036 1.75 4.5 1.75ZM1.75 3C1.75 1.48122 2.98122 0.25 4.5 0.25C6.01878 0.25 7.25 1.48122 7.25 3C7.25 4.16599 6.52434 5.1625 5.5 5.56253V7H8.5C9.4199 7 10.1947 6.37895 10.4281 5.53327C9.44188 5.11546 8.75 4.13853 8.75 3C8.75 1.48122 9.98122 0.25 11.5 0.25C13.0188 0.25 14.25 1.48122 14.25 3C14.25 4.18168 13.5047 5.18928 12.4585 5.57835C12.1782 7.51343 10.5127 9 8.5 9H5.5V10.4375C6.52434 10.8375 7.25 11.834 7.25 13C7.25 14.5188 6.01878 15.75 4.5 15.75C2.98122 15.75 1.75 14.5188 1.75 13C1.75 11.834 2.47566 10.8375 3.5 10.4375L3.5 9V7V5.56253C2.47566 5.1625 1.75 4.16599 1.75 3ZM4.5 11.75C3.80964 11.75 3.25 12.3096 3.25 13C3.25 13.6904 3.80964 14.25 4.5 14.25C5.19036 14.25 5.75 13.6904 5.75 13C5.75 12.3096 5.19036 11.75 4.5 11.75ZM10.25 3C10.25 2.30964 10.8096 1.75 11.5 1.75C12.1904 1.75 12.75 2.30964 12.75 3C12.75 3.69036 12.1904 4.25 11.5 4.25C10.8096 4.25 10.25 3.69036 10.25 3Z"></path></svg></button><button data-cy="promoted-action" aria-label="Like this notebook" class="jsx-6773b8837f682485 bg-transparent pointer ba br2 f6 fw6 inline-flex items-center action-button action-button--default tooltipped tooltipped-sw"><svg viewBox="0 0 16 16" fill="transparent" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" width="16" height="16" class="" color="inherit"><path d="M13.075 3.925A3.157 3.157 0 0 0 10.842 3c-.838 0-1.641.478-2.233 1.07L8 4.68l-.609-.61c-1.233-1.233-3.233-1.378-4.466-.145a3.158 3.158 0 0 0 0 4.467L3.534 9 8 13.788 12.466 9l.609-.608a3.157 3.157 0 0 0 0-4.467z"></path></svg></button><button aria-haspopup="true" aria-controls="menu--3708" class="jsx-6773b8837f682485 bg-transparent pointer ba br2 f6 fw6 inline-flex items-center action-button action-button--default" id="menu-button--menu--3708" type="button" data-reach-menu-button=""><svg viewBox="0 0 16 16" width="16" height="16" fill="currentColor" stroke="none" class="h1 w1" aria-label="Notebook actions"><circle r="2" cy="8" cx="2"></circle><circle r="2" cy="8" cx="8"></circle><circle r="2" cy="8" cx="14"></circle></svg></button></div></div></div></div><div class="jsx-2810012047 mw8 mw-page-xl center ph4 pr5-l body mt1 mt2-ns mb3 mb2-ns dn-print"><div class="jsx-e0896dacb97d8241 flex justify-between items-center bb b--light-silver" style="margin-left: 0px;"><div class="flex pb3 f6 dark-gray items-center flex-row flex-wrap lh-f6 mw-100" data-cy="metadata-bar"><div class="flex items-center mt2 mr3 min-w-0"><button class="pa0 bg-transparent bn pointer"><div data-cy="access-level" class="lh-f7 flex items-center lh-solid fw6 br2 pa1 dark-green bg-observable-washed-green bg-animate hover-bg-lightest-green" title="Anyone can see edits to this notebook."><svg viewBox="0 0 16 16" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.8" class="currentColor mr1"><circle cx="8" cy="8" r="7.1"></circle><path d="M1.14285 10.5286 L14.8571 10.5286 M1.14285 5.71429H14.8571 M8 1.14285C7.42857 2.09523 5.14285 4.21428 5.14285 8C5.14285 12.5714 8 14.8571 8 14.8571 M8 1.14285C8.57143 2.09523 10.8571 4.21428 10.8571 8C10.8571 12.5714 8 14.8571 8 14.8571"></path></svg>Public</div></button></div><div class="flex items-center mt2 mr3 min-w-0"><div class="relative inline-flex items-center"><button aria-label="See who wrote this notebook" class="flex flex-wrap items-center pa0 bn bg-transparent pointer hover-blue"><span class="mr1">By </span><div class="flex items-center"><span data-state="tooltip-hidden" data-reach-tooltip-trigger=""><picture><source srcset="https://avatars.observableusercontent.com/avatar/6028c4aac4183675f1dfb3f5be20913d377c9ab9edc17613b9f6fa6956f83d5e?s=60&format=avif 1x, https://avatars.observableusercontent.com/avatar/6028c4aac4183675f1dfb3f5be20913d377c9ab9edc17613b9f6fa6956f83d5e?s=120&format=avif 2x, https://avatars.observableusercontent.com/avatar/6028c4aac4183675f1dfb3f5be20913d377c9ab9edc17613b9f6fa6956f83d5e?s=180&format=avif 3x" type="image/avif"><source srcset="https://avatars.observableusercontent.com/avatar/6028c4aac4183675f1dfb3f5be20913d377c9ab9edc17613b9f6fa6956f83d5e?s=60&format=webp 1x, https://avatars.observableusercontent.com/avatar/6028c4aac4183675f1dfb3f5be20913d377c9ab9edc17613b9f6fa6956f83d5e?s=120&format=webp 2x, https://avatars.observableusercontent.com/avatar/6028c4aac4183675f1dfb3f5be20913d377c9ab9edc17613b9f6fa6956f83d5e?s=180&format=webp 3x" type="image/webp"><source srcset="https://avatars.observableusercontent.com/avatar/6028c4aac4183675f1dfb3f5be20913d377c9ab9edc17613b9f6fa6956f83d5e?s=60&format=jpeg 1x, https://avatars.observableusercontent.com/avatar/6028c4aac4183675f1dfb3f5be20913d377c9ab9edc17613b9f6fa6956f83d5e?s=120&format=jpeg 2x, https://avatars.observableusercontent.com/avatar/6028c4aac4183675f1dfb3f5be20913d377c9ab9edc17613b9f6fa6956f83d5e?s=180&format=jpeg 3x" type="image/jpeg"><source srcset="https://avatars.observableusercontent.com/avatar/6028c4aac4183675f1dfb3f5be20913d377c9ab9edc17613b9f6fa6956f83d5e?s=60&format=png 1x, https://avatars.observableusercontent.com/avatar/6028c4aac4183675f1dfb3f5be20913d377c9ab9edc17613b9f6fa6956f83d5e?s=120&format=png 2x, https://avatars.observableusercontent.com/avatar/6028c4aac4183675f1dfb3f5be20913d377c9ab9edc17613b9f6fa6956f83d5e?s=180&format=png 3x" type="image/png"><img alt="@sailesh500" src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/6028c4aac4183675f1dfb3f5be20913d377c9ab9edc17613b9f6fa6956f83d5e" class="w1 h1 mr1 br-100" style="width: 16px; height: 16px; max-width: none; flex-shrink: 0; display: block; background: var(--white); vertical-align: text-bottom;"></picture></span><div class="inline-flex items-center"><span data-state="tooltip-hidden" data-reach-tooltip-trigger="">Sailesh Kumar</span></div></div></button></div></div><div class="flex items-center mt2 mr3 min-w-0"><div class="flex items-center" title="Edited 7/1/2023, 6:29:38 PM"><svg width="16" height="17" viewBox="0 0 16 17" fill="none" class="mr1 moon-gray"><path fill-rule="evenodd" clip-rule="evenodd" d="M1 14C1 13.4477 1.44772 13 2 13L4 13C4.55228 13 5 13.4477 5 14C5 14.5523 4.55228 15 4 15L2 15C1.44772 15 1 14.5523 1 14Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M10.884 3.65785L7.78484 10.3041L8.12765 11.9351L9.59745 11.1493L12.6967 4.50309L10.884 3.65785ZM10.823 1.42262C10.3224 1.18921 9.72744 1.40577 9.49404 1.90631L5.83135 9.76098C5.7399 9.95707 5.71453 10.1775 5.75904 10.3893L6.44467 13.6513C6.5818 14.3038 7.30684 14.6418 7.89476 14.3275L10.8344 12.7559C11.0252 12.6539 11.1778 12.4928 11.2692 12.2967L14.9319 4.44202C15.1653 3.94148 14.9487 3.3465 14.4482 3.11309L10.823 1.42262Z" fill="currentColor"></path></svg>Edited <div class="pl1 no-underline pointer hover-blue">Jul 1</div></div></div></div></div></div><div class="jsx-277679882 flex fixed z-1"><div class="jsx-277679882 gray hover-black mt3 ml1 sidebar animate-all dn db-l"><div class="relative"><button type="button" title="Open files pane" class="dark-gray bg-white hover-bg-light-gray pointer animate-all ma2 pa2 f6 fw6 br-100 flex items-center ba b--transparent relative"><svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" stroke-width="2"><path d="M7.19855 2.52175L7.88131 1.79111L7.19855 2.52175ZM12.6 11.7764L13.2581 11.0234L12.6 11.7764ZM5.34191 6.76078L11.9419 12.5293L13.2581 11.0234L6.65809 5.2549L5.34191 6.76078ZM10.8958 13.6864L3.35462 6.63385L1.98852 8.09459L9.52965 15.1472L10.8958 13.6864ZM6.51578 3.25238L13.8172 10.0755L15.1828 8.61419L7.88131 1.79111L6.51578 3.25238ZM3.08395 3.55474C3.91017 2.45311 5.50967 2.31219 6.51578 3.25238L7.88131 1.79111C6.0058 0.0384695 3.02413 0.301162 1.48395 2.35474L3.08395 3.55474ZM3.35462 6.63385C2.49183 5.82695 2.37516 4.49978 3.08395 3.55474L1.48395 2.35474C0.162683 4.11642 0.380169 6.59044 1.98852 8.09459L3.35462 6.63385ZM11.993 13.6551C11.6977 13.9647 11.2082 13.9786 10.8958 13.6864L9.52965 15.1472C10.6432 16.1886 12.3878 16.1388 13.4402 15.0356L11.993 13.6551ZM11.9419 12.5293C12.2764 12.8216 12.2996 13.3337 11.993 13.6551L13.4402 15.0356C14.5328 13.8903 14.4499 12.0651 13.2581 11.0234L11.9419 12.5293Z"></path></svg></button><div class="jsx-1348379509 absolute pen none dark-gray">1</div></div><div class="relative"><button type="button" title="Open databases pane" class="dark-gray bg-white hover-bg-light-gray pointer animate-all ma2 pa2 f6 fw6 br-100 flex items-center ba b--transparent relative"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M13 4c0 .246-.225.737-1.205 1.227C10.875 5.687 9.535 6 8 6c-1.535 0-2.876-.313-3.795-.773C3.225 4.737 3 4.246 3 4c0-.246.225-.737 1.205-1.227C5.125 2.313 6.465 2 8 2c1.535 0 2.876.313 3.795.773C12.775 3.263 13 3.754 13 4z" stroke="currentColor" stroke-width="2"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M12 6.236c1.227-.55 2-1.348 2-2.236v4.25C14 10.045 11.314 11 8 11s-6-.955-6-2.75V4c0 .888.772 1.687 2 2.236V8.147c.065.063.216.173.542.312C5.291 8.778 6.496 9 8 9c1.504 0 2.709-.222 3.458-.542.326-.139.477-.25.542-.312V6.236zm.042 1.853c.003 0-.002.014-.023.037.01-.026.02-.037.023-.037zm-8.084 0c.003 0 .013.011.023.037-.02-.023-.026-.036-.023-.037z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M12 6.236c1.227-.55 2-1.348 2-2.236v8c0 1.795-2.686 3-6 3s-6-1.205-6-3V4c0 .888.772 1.687 2 2.236V11.934c.046.068.196.23.629.439C5.37 12.733 6.553 13 8 13s2.63-.268 3.371-.627c.433-.21.583-.37.629-.439V6.236zm.018 5.663s-.001.008-.01.021c.005-.014.009-.021.01-.021zm-8.036 0c.001 0 .005.007.01.021-.009-.014-.01-.021-.01-.021z" fill="currentColor"></path></svg></button></div><div class="relative"><button type="button" title="Open history pane" class="dark-gray bg-white hover-bg-light-gray pointer animate-all ma2 pa2 f6 fw6 br-100 flex items-center ba b--transparent relative"><svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14ZM8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z"></path><path d="M7 3H9V7.58579L11.2071 9.79289L9.79289 11.2071L7 8.41421V3Z"></path></svg></button></div><div class="relative"><button type="button" title="Open minimap pane" class="dark-gray bg-white hover-bg-light-gray pointer animate-all ma2 pa2 f6 fw6 br-100 flex items-center ba b--transparent relative"><svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M3 1.75C2.30964 1.75 1.75 2.30964 1.75 3C1.75 3.69036 2.30964 4.25 3 4.25C3.69036 4.25 4.25 3.69036 4.25 3C4.25 2.30964 3.69036 1.75 3 1.75ZM0.25 3C0.25 1.48122 1.48122 0.25 3 0.25C4.51878 0.25 5.75 1.48122 5.75 3C5.75 4.51878 4.51878 5.75 3 5.75C1.48122 5.75 0.25 4.51878 0.25 3Z"></path><path d="M13 11.75C12.3096 11.75 11.75 12.3096 11.75 13C11.75 13.6904 12.3096 14.25 13 14.25C13.6904 14.25 14.25 13.6904 14.25 13C14.25 12.3096 13.6904 11.75 13 11.75ZM10.25 13C10.25 11.4812 11.4812 10.25 13 10.25C14.5188 10.25 15.75 11.4812 15.75 13C15.75 14.5188 14.5188 15.75 13 15.75C11.4812 15.75 10.25 14.5188 10.25 13Z"></path><path d="M10 12C9.44771 12 9 11.5523 9 11V5C9 3.34315 7.65685 2 6 2H5V4H6C6.55228 4 7 4.44772 7 5V11C7 12.6569 8.34315 14 10 14H11V12H10Z"></path></svg></button></div><div class="relative"><button type="button" title="Open dependencies pane" class="dark-gray bg-white hover-bg-light-gray pointer animate-all ma2 pa2 f6 fw6 br-100 flex items-center ba b--transparent relative"><svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 2.15771L3.98463 4.50001L5 5.0923L9.01537 2.75001L8 2.15771ZM11 3.90771L6.98463 6.25001L8 6.8423L12.0154 4.50001L11 3.90771ZM13 6.24104L9 8.57438V13.259L13 10.9256V6.24104ZM7 13.259V8.57438L3 6.24104V10.9256L7 13.259ZM7.24419 0.283189C7.71124 0.0107464 8.28876 0.0107473 8.75581 0.283189L14.5039 3.63623C14.8111 3.81544 15 4.14434 15 4.50001V11.2128C15 11.7463 14.7166 12.2397 14.2558 12.5085L8.50387 15.8638C8.19251 16.0454 7.80749 16.0454 7.49613 15.8638L1.74419 12.5085C1.28337 12.2397 1 11.7463 1 11.2128V4.50001C1 4.14434 1.18891 3.81544 1.49613 3.63623L7.24419 0.283189Z"></path></svg></button></div><div class="relative"><button type="button" title="Open insights pane" class="dark-gray bg-white hover-bg-light-gray pointer animate-all ma2 pa2 f6 fw6 br-100 flex items-center ba b--transparent relative"><svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor"><path d="M8 11C9.65685 11 11 9.65685 11 8H10C8.89543 8 8 7.10457 8 6V5C6.34315 5 5 6.34315 5 8C5 9.65685 6.34315 11 8 11Z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.19092 7.98979C2.46291 8.46514 3.0453 9.12944 3.94417 9.73177C5.02256 10.4544 6.43208 11 7.99999 11C9.5679 11 10.9774 10.4544 12.0558 9.73177C12.9547 9.12944 13.5371 8.46514 13.8091 7.98978C13.2085 6.84813 11.2592 5 7.99999 5C4.74083 5 2.79145 6.84813 2.19092 7.98979ZM0.151308 7.68377C0.794892 5.75302 3.59366 3 7.99999 3C12.4063 3 15.2051 5.75302 15.8487 7.68377L15.9541 8L15.8487 8.31623C15.5017 9.35714 14.4797 10.5151 13.1692 11.3932C11.8226 12.2956 10.0321 13 7.99999 13C5.9679 13 4.17742 12.2956 2.83082 11.3932C1.52031 10.5151 0.498278 9.35714 0.151308 8.31623L0.0458984 8L0.151308 7.68377Z"></path></svg></button></div><div class="relative"><button type="button" title="Open find pane" class="dark-gray bg-white hover-bg-light-gray pointer animate-all ma2 pa2 f6 fw6 br-100 flex items-center ba b--transparent relative"><svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.5 10C8.433 10 10 8.433 10 6.5C10 4.567 8.433 3 6.5 3C4.567 3 3 4.567 3 6.5C3 8.433 4.567 10 6.5 10ZM6.5 12C9.53757 12 12 9.53757 12 6.5C12 3.46243 9.53757 1 6.5 1C3.46243 1 1 3.46243 1 6.5C1 9.53757 3.46243 12 6.5 12Z"></path><rect x="9.17157" y="10.5858" width="2" height="5" transform="rotate(-45 9.17157 10.5858)"></rect></svg></button></div><div class="relative"><button type="button" title="Open help pane" class="dark-gray bg-white hover-bg-light-gray pointer animate-all ma2 pa2 f6 fw6 br-100 flex items-center ba b--transparent relative"><svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14ZM8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z"></path><path d="M8.00002 5C7.23823 5 6.75235 5.42428 6.33207 6.0547L4.66797 4.9453C5.24769 4.07572 6.26181 3 8.00002 3C8.85764 3 9.74527 3.22801 10.4006 3.82095C11.0961 4.45014 11.3871 5.36121 11.24 6.39142C11.0654 7.61316 10.1329 8.20968 9.62788 8.53274C9.61312 8.54219 9.59872 8.5514 9.58471 8.56038C9.28352 8.75365 9.13447 8.85248 9.03752 8.95193C9.01576 8.97425 9.00487 8.98888 9.00006 8.9961C9.00004 8.99719 9.00002 8.99848 9.00002 9V10H7.00002V9C7.00002 8.36831 7.27443 7.89539 7.60537 7.55588C7.87516 7.27912 8.21507 7.06207 8.45012 6.91197C8.46899 6.89992 8.48719 6.8883 8.50461 6.87712C9.08301 6.50598 9.22542 6.35112 9.26007 6.10858C9.32718 5.63879 9.19239 5.42486 9.05886 5.30405C8.88525 5.14699 8.54074 5 8.00002 5Z"></path><circle cx="8" cy="12" r="1.25"></circle></svg></button></div></div></div><div class="jsx-2810012047 mw8 mw-page-xl center ph4 pr5-l body"><div class="jsx-60a718ae68b8f767 " style="min-height: calc(100vh - 34rem);"><div class="flex flex-row flex-wrap items-start items-center dn-print"><div aria-label="Add tags" class="ba br2 b--light-gray mr2 mv1 f6 fw5 dark-gray bg-white hover-bg-near-white pointer" role="button" tabindex="0"><div class="flex flex-row items-center flex-grow-0 pv1 ph2"><svg viewBox="0 0 16 16" width="16" height="16" stroke="currentColor" stroke-width="2" class="order-0 mr1"><path d="M3 8h10M8 3v10"></path></svg><span class="order-1">Add tags</span></div></div></div><div class="relative notebook z-0 pb6"><div class="absolute w-100" style="top: -17px; overflow-anchor: none;"><div><iframe scrolling="no" sandbox="allow-downloads allow-forms allow-popups-to-escape-sandbox allow-popups allow-same-origin allow-scripts allow-top-navigation-by-user-activation" allow="accelerometer; autoplay; clipboard-write; camera; encrypted-media; fullscreen; geolocation; gyroscope; magnetometer; microphone; midi; vr" src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/worker-76c156d5.html" style="width: calc(100% + 28px); margin: 0px -14px; border: none; height: 8226px;"></iframe></div></div><div class="absolute dn-print" style="margin-top: -16px; left: -32px;"><div class="jsx-34351f8c1c3ac6ee absolute"><svg width="17" height="15" viewBox="-8.5 -7.5 17 15" role="button" aria-label="Click to insert or merge cells" stroke="currentColor" stroke-width="2" stroke-linecap="round" fill="none" transform="" class="jsx-34351f8c1c3ac6ee transparent" style="overflow: visible;"><title class="jsx-34351f8c1c3ac6ee">Insert cell</title><path d="M0,-4.5V4.5M-4.5,0H4.5" class="jsx-34351f8c1c3ac6ee "></path></svg></div></div><div id="cell-0" class="jsx-3846077284 absolute gutter dn-print" style="height: 39px;"><button aria-label="gutter" title="Edit cell" class="jsx-3846077284 db bn bg-transparent absolute top-0 bottom-0 right-0 w-100 pointer moon-gray hover-mid-gray"></button><button aria-haspopup="true" aria-controls="menu--3711" class="moon-gray bg-transparent dn jsx-2205038455 absolute top-0 bn pa0" title="Click for cell actions
Drag to move cell" aria-label="Click for cell actions
Drag to move cell" id="menu-button--menu--3711" type="button" data-reach-menu-button="" style="right: 1px; width: 20px; height: 39px;"><div class="jsx-3846077284 absolute top-0 flex items-center justify-center" style="width: 20px; height: 29px;"><svg viewBox="0 0 16 16" width="16" height="16" fill="currentColor"><circle r="1.5" cx="8" cy="2.5"></circle><circle r="1.5" cx="8" cy="7.5"></circle><circle r="1.5" cx="8" cy="12.5"></circle></svg></div></button></div><div class="relative node pen" data-node-id="0" style="margin-top: 17px; margin-bottom: 17px; padding-top: 39px;"><div></div><div class="relative"></div><div></div></div><div class="absolute dn-print" style="margin-top: -16px; left: -32px;"><div class="jsx-34351f8c1c3ac6ee absolute"><svg width="17" height="15" viewBox="-8.5 -7.5 17 15" role="button" aria-label="Click to insert or merge cells" stroke="currentColor" stroke-width="2" stroke-linecap="round" fill="none" transform="" class="jsx-34351f8c1c3ac6ee moon-gray" style="overflow: visible;"><title class="jsx-34351f8c1c3ac6ee">Insert cell</title><path d="M0,-4.5V4.5M-4.5,0H4.5" class="jsx-34351f8c1c3ac6ee "></path></svg></div></div><div id="cell-5" class="jsx-3846077284 absolute gutter dn-print" style="height: 58px;"><button aria-label="gutter" title="Focus cell" class="jsx-3846077284 db bn bg-transparent absolute top-0 bottom-0 right-0 w-100 pointer moon-gray hover-mid-gray"><div class="jsx-3846077284 absolute top-0 flex items-center justify-center" style="right: 24px; width: 20px; height: 29px;"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" style="transition: transform 150ms ease 0s;"><path d="M13 6.5L8 12L3 6.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></button><button aria-haspopup="true" aria-controls="menu--3712" class="gray hover-mid-gray bg-light-silver jsx-3890680677 absolute top-0 bn pa0" title="Click for cell actions
Drag to move cell" aria-label="Click for cell actions
Drag to move cell" id="menu-button--menu--3712" type="button" data-reach-menu-button="" style="right: 1px; width: 20px; height: 29.0156px;"><div class="jsx-3846077284 absolute top-0 flex items-center justify-center" style="width: 20px; height: 29px;"><svg viewBox="0 0 16 16" width="16" height="16" fill="currentColor"><circle r="1.5" cx="8" cy="2.5"></circle><circle r="1.5" cx="8" cy="7.5"></circle><circle r="1.5" cx="8" cy="12.5"></circle></svg></div></button><div class="jsx-3846077284 absolute right-0" style="top: 29.0156px; height: calc(100% - 29.0156px);"><button aria-haspopup="true" aria-controls="menu--3854" class="gray pointer hover-mid-gray bg-light-silver jsx-2740246534 absolute bottom-0 bn pa0" title="JavaScript
Click to set language" id="menu-button--menu--3854" type="button" data-reach-menu-button="" style="top: -1px; right: 1px; width: 20px; border-top: 1px solid white;"><div class="jsx-3846077284 absolute top-0 flex items-center justify-center" style="width: 20px; height: 29px;"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="jsx-3846077284"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.9009 13.0686C12.3333 13.6581 11.5224 14 10.5556 14H9.5V12H10.5556C11.0331 12 11.3056 11.8419 11.4602 11.6814C11.6267 11.5085 11.7222 11.2642 11.7222 11V10.5C11.7222 10.2276 11.7301 9.79053 12.14 9C12.5 8.39782 13.25 8 13.25 8C13.25 8 12.4702 7.69361 12.14 7.05676C11.7301 6.26622 11.7222 5.77243 11.7222 5.5V5C11.7222 4.73583 11.6267 4.49147 11.4602 4.31864C11.3056 4.1581 11.0331 4 10.5556 4H9.5L9.5 2H10.5556C11.5224 2 12.3333 2.3419 12.9009 2.93136C13.4567 3.50853 13.7222 4.26417 13.7222 5V5.5C13.7222 5.72757 13.7421 6.14272 13.9155 6.47718C13.9933 6.6271 14.0935 6.74371 14.2303 6.82779C14.3663 6.91136 14.5987 7 15 7V9C14.5987 9 14.3663 9.08864 14.2303 9.17221C14.0935 9.25629 13.9933 9.3729 13.9155 9.52282C13.7421 9.85728 13.7222 10.2724 13.7222 10.5V11C13.7222 11.7358 13.4567 12.4915 12.9009 13.0686Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M3.09912 13.0686C3.66675 13.6581 4.47757 14 5.44444 14H6.5V12H5.44444C4.96688 12 4.69436 11.8419 4.53976 11.6814C4.37334 11.5085 4.27778 11.2642 4.27778 11V10.5C4.27778 10.2276 4.26988 9.79053 3.85998 9C3.5 8.39782 2.75 8 2.75 8C2.75 8 3.52976 7.69361 3.85998 7.05676C4.26988 6.26622 4.27778 5.77243 4.27778 5.5V5C4.27778 4.73583 4.37334 4.49147 4.53976 4.31864C4.69436 4.1581 4.96688 4 5.44444 4H6.5L6.5 2H5.44444C4.47757 2 3.66675 2.3419 3.09912 2.93136C2.54333 3.50853 2.27778 4.26417 2.27778 5V5.5C2.27778 5.72757 2.25789 6.14272 2.08447 6.47718C2.00673 6.6271 1.90646 6.74371 1.7697 6.82779C1.63375 6.91136 1.40134 7 1 7L1 9C1.40134 9 1.63375 9.08864 1.7697 9.17221C1.90646 9.25629 2.00673 9.3729 2.08447 9.52282C2.25789 9.85728 2.27778 10.2724 2.27778 10.5V11C2.27778 11.7358 2.54333 12.4915 3.09912 13.0686Z" fill="currentColor"></path></svg></div></button></div></div><div class="relative node pen node-hover" data-node-id="5" style="margin-top: 17px; margin-bottom: 17px; padding-top: 29.0156px;"><div></div><div class="relative"><button title="This import and all of its dependencies are locked. Click to open the Dependencies pane and manage versions." class="jsx-947722582 lock-status absolute hover-mid-gray pv1 ph2 bg-near-white f7 fw5 bn gray br4 pointer flex items-center align-center pea"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="3" y="7" width="10" height="7" rx="0.5" stroke="currentColor" stroke-width="2"></rect><path d="M11 7.5V5C11 0.999963 5 1.00004 5 5V7.5" stroke="currentColor" stroke-width="2"></path><rect x="7" y="9" width="2" height="3" rx="1" fill="currentColor"></rect></svg></button><div class="relative pea"><div></div><div class="node-hover relative"><div class="cm-editor ͼ1 ͼ2 ͼ4 ͼ5"><div aria-live="polite" style="position: absolute; top: -10000px;"></div><div tabindex="-1" class="cm-scroller"><div class="cm-gutters" aria-hidden="true" style="min-height: 28.9943px; position: sticky;"><div class="cm-gutter cm-gutter-lint"></div></div><div spellcheck="false" autocorrect="off" autocapitalize="off" translate="no" contenteditable="true" class="cm-content cm-lineWrapping" style="tab-size: 2" role="textbox" aria-multiline="true" aria-autocomplete="list" data-cy="editor"><div class="cm-activeLine cm-line"><span class="tok-keyword">import</span> <span class="tok-punctuation">{</span><span class="tok-variableName tok-definition">vl</span><span class="tok-punctuation">}</span> <span class="tok-keyword">from</span> <span class="tok-string">"@vega/vega-lite-api-v5"</span></div></div><div class="cm-selectionLayer" aria-hidden="true"></div><div class="cm-cursorLayer" aria-hidden="true" style="animation-duration: 1200ms;"><div class="cm-cursor cm-cursor-primary" style="left: 10px; top: 5.81439px; height: 16.3636px;"></div></div></div></div><button title="Run cell Shift-Enter" class="flex items-center absolute top-0 bg-transparent bn br2 pointer squishy moon-gray hover-mid-gray dn-print" style="right: -14px; height: 29px;"><svg width="16" height="16" fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2" viewBox="0 0 16 16"><path d="M4 12.4788V3.52116C4 2.23802 5.50646 1.54723 6.47878 2.38451L11.68 6.86335C12.375 7.46178 12.375 8.53822 11.68 9.13665L6.47878 13.6155C5.50646 14.4528 4 13.762 4 12.4788Z"></path></svg></button></div><div class="flex absolute moon-gray" style="top: 4px; left: -55px;"><svg width="16" height="16" fill="currentColor" viewBox="0 0 16 16" class="pointer squishy blue" role="button" aria-label="Unpin" style="padding: 3px 0px 2px;"><path d="M8 1h3v1l-1 1v4l2 .875V9H9v5.125L8 15l-1-.875V9H4V7.875L6 7V3L5 2V1z"></path><title>Unpin cell Ctrl-.</title></svg></div></div></div><div></div></div><div class="absolute dn-print" style="margin-top: -16px; left: -32px;"><div class="jsx-34351f8c1c3ac6ee absolute"><svg width="17" height="15" viewBox="-8.5 -7.5 17 15" role="button" aria-label="Click to insert or merge cells" stroke="currentColor" stroke-width="2" stroke-linecap="round" fill="none" transform="" class="jsx-34351f8c1c3ac6ee moon-gray" style="overflow: visible;"><title class="jsx-34351f8c1c3ac6ee">Insert cell</title><path d="M0,-4.5V4.5M-4.5,0H4.5" class="jsx-34351f8c1c3ac6ee "></path></svg></div></div><div id="cell-29" class="jsx-3846077284 absolute gutter dn-print" style="height: 58px;"><button aria-label="gutter" title="Focus cell" class="jsx-3846077284 db bn bg-transparent absolute top-0 bottom-0 right-0 w-100 pointer moon-gray hover-mid-gray"></button><button aria-haspopup="true" aria-controls="menu--3713" class="moon-gray bg-transparent dn jsx-3890680677 absolute top-0 bn pa0" title="Click for cell actions
Drag to move cell" aria-label="Click for cell actions
Drag to move cell" id="menu-button--menu--3713" type="button" data-reach-menu-button="" style="right: 1px; width: 20px; height: 29.0156px;"><div class="jsx-3846077284 absolute top-0 flex items-center justify-center" style="width: 20px; height: 29px;"><svg viewBox="0 0 16 16" width="16" height="16" fill="currentColor"><circle r="1.5" cx="8" cy="2.5"></circle><circle r="1.5" cx="8" cy="7.5"></circle><circle r="1.5" cx="8" cy="12.5"></circle></svg></div></button><div class="jsx-3846077284 absolute right-0" style="top: 29.0156px; height: calc(100% - 29.0156px);"><button aria-haspopup="true" aria-controls="menu--3856" class="moon-gray pointer bg-transparent jsx-2740246534 absolute bottom-0 bn pa0" title="JavaScript
Click to set language" id="menu-button--menu--3856" type="button" data-reach-menu-button="" style="top: -1px; right: 1px; width: 20px; border-top: 1px solid white;"><div class="jsx-3846077284 absolute top-0 flex items-center justify-center" style="width: 20px; height: 29px;"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="jsx-3846077284"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.9009 13.0686C12.3333 13.6581 11.5224 14 10.5556 14H9.5V12H10.5556C11.0331 12 11.3056 11.8419 11.4602 11.6814C11.6267 11.5085 11.7222 11.2642 11.7222 11V10.5C11.7222 10.2276 11.7301 9.79053 12.14 9C12.5 8.39782 13.25 8 13.25 8C13.25 8 12.4702 7.69361 12.14 7.05676C11.7301 6.26622 11.7222 5.77243 11.7222 5.5V5C11.7222 4.73583 11.6267 4.49147 11.4602 4.31864C11.3056 4.1581 11.0331 4 10.5556 4H9.5L9.5 2H10.5556C11.5224 2 12.3333 2.3419 12.9009 2.93136C13.4567 3.50853 13.7222 4.26417 13.7222 5V5.5C13.7222 5.72757 13.7421 6.14272 13.9155 6.47718C13.9933 6.6271 14.0935 6.74371 14.2303 6.82779C14.3663 6.91136 14.5987 7 15 7V9C14.5987 9 14.3663 9.08864 14.2303 9.17221C14.0935 9.25629 13.9933 9.3729 13.9155 9.52282C13.7421 9.85728 13.7222 10.2724 13.7222 10.5V11C13.7222 11.7358 13.4567 12.4915 12.9009 13.0686Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M3.09912 13.0686C3.66675 13.6581 4.47757 14 5.44444 14H6.5V12H5.44444C4.96688 12 4.69436 11.8419 4.53976 11.6814C4.37334 11.5085 4.27778 11.2642 4.27778 11V10.5C4.27778 10.2276 4.26988 9.79053 3.85998 9C3.5 8.39782 2.75 8 2.75 8C2.75 8 3.52976 7.69361 3.85998 7.05676C4.26988 6.26622 4.27778 5.77243 4.27778 5.5V5C4.27778 4.73583 4.37334 4.49147 4.53976 4.31864C4.69436 4.1581 4.96688 4 5.44444 4H6.5L6.5 2H5.44444C4.47757 2 3.66675 2.3419 3.09912 2.93136C2.54333 3.50853 2.27778 4.26417 2.27778 5V5.5C2.27778 5.72757 2.25789 6.14272 2.08447 6.47718C2.00673 6.6271 1.90646 6.74371 1.7697 6.82779C1.63375 6.91136 1.40134 7 1 7L1 9C1.40134 9 1.63375 9.08864 1.7697 9.17221C1.90646 9.25629 2.00673 9.3729 2.08447 9.52282C2.25789 9.85728 2.27778 10.2724 2.27778 10.5V11C2.27778 11.7358 2.54333 12.4915 3.09912 13.0686Z" fill="currentColor"></path></svg></div></button></div></div><div class="relative node pen" data-node-id="29" id="mc1" style="margin-top: 17px; margin-bottom: 17px; padding-top: 29.0156px;"><div></div><div class="relative"><div class="relative pea"><div></div><div class="relative"><div class="cm-editor ͼ1 ͼ2 ͼ4 ͼ5"><div aria-live="polite" style="position: absolute; top: -10000px;"></div><div tabindex="-1" class="cm-scroller"><div class="cm-gutters" aria-hidden="true" style="min-height: 28.9943px; position: sticky;"><div class="cm-gutter cm-gutter-lint"></div></div><div spellcheck="false" autocorrect="off" autocapitalize="off" translate="no" contenteditable="true" class="cm-content cm-lineWrapping" style="tab-size: 2;" role="textbox" aria-multiline="true" aria-autocomplete="list" data-cy="editor"><div class="cm-activeLine cm-line"><span class="tok-variableName tok-definition">mc1</span> <span class="tok-operator">=</span> <span title="" class=""><span class="tok-variableName">FileAttachment</span></span><span class="tok-punctuation">(</span><span class="tok-string">"MC1.json"</span><span class="tok-punctuation">)</span><span class="tok-operator">.</span><span class="tok-propertyName">json</span><span class="tok-punctuation">(</span><span class="tok-punctuation">)</span></div></div><div class="cm-selectionLayer" aria-hidden="true"></div><div class="cm-cursorLayer" aria-hidden="true" style="animation-duration: 1200ms;"><div class="cm-cursor cm-cursor-primary" style="left: 10px; top: 5.81439px; height: 16.3636px;"></div></div></div></div><button title="Run cell Shift-Enter" class="flex items-center absolute top-0 bg-transparent bn br2 pointer squishy moon-gray hover-mid-gray dn-print" style="right: -14px; height: 29px;"><svg width="16" height="16" fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2" viewBox="0 0 16 16"><path d="M4 12.4788V3.52116C4 2.23802 5.50646 1.54723 6.47878 2.38451L11.68 6.86335C12.375 7.46178 12.375 8.53822 11.68 9.13665L6.47878 13.6155C5.50646 14.4528 4 13.762 4 12.4788Z"></path></svg></button></div></div></div><div></div></div><div class="absolute dn-print" style="margin-top: -16px; left: -32px;"><div class="jsx-34351f8c1c3ac6ee absolute"><svg width="17" height="15" viewBox="-8.5 -7.5 17 15" role="button" aria-label="Click to insert or merge cells" stroke="currentColor" stroke-width="2" stroke-linecap="round" fill="none" transform="" class="jsx-34351f8c1c3ac6ee transparent" style="overflow: visible;"><title class="jsx-34351f8c1c3ac6ee">Insert cell</title><path d="M0,-4.5V4.5M-4.5,0H4.5" class="jsx-34351f8c1c3ac6ee "></path></svg></div></div><div id="cell-11" class="jsx-3846077284 absolute gutter dn-print" style="height: 29px;"><button aria-label="gutter" title="Edit cell" class="jsx-3846077284 db bn bg-transparent absolute top-0 bottom-0 right-0 w-100 pointer moon-gray hover-mid-gray"></button><button aria-haspopup="true" aria-controls="menu--3714" class="moon-gray bg-transparent dn jsx-2205038455 absolute top-0 bn pa0" title="Click for cell actions
Drag to move cell" aria-label="Click for cell actions
Drag to move cell" id="menu-button--menu--3714" type="button" data-reach-menu-button="" style="right: 1px; width: 20px; height: 29px;"><div class="jsx-3846077284 absolute top-0 flex items-center justify-center" style="width: 20px; height: 29px;"><svg viewBox="0 0 16 16" width="16" height="16" fill="currentColor"><circle r="1.5" cx="8" cy="2.5"></circle><circle r="1.5" cx="8" cy="7.5"></circle><circle r="1.5" cx="8" cy="12.5"></circle></svg></div></button></div><div class="relative node pen" data-node-id="11" id="Entities" style="margin-top: 17px; margin-bottom: 17px; padding-top: 29px;"><div></div><div class="relative"></div><div></div></div><div class="absolute dn-print" style="margin-top: -16px; left: -32px;"><div class="jsx-34351f8c1c3ac6ee absolute"><svg width="17" height="15" viewBox="-8.5 -7.5 17 15" role="button" aria-label="Click to insert or merge cells" stroke="currentColor" stroke-width="2" stroke-linecap="round" fill="none" transform="" class="jsx-34351f8c1c3ac6ee transparent" style="overflow: visible;"><title class="jsx-34351f8c1c3ac6ee">Insert cell</title><path d="M0,-4.5V4.5M-4.5,0H4.5" class="jsx-34351f8c1c3ac6ee "></path></svg></div></div><div id="cell-13" class="jsx-3846077284 absolute gutter dn-print" style="height: 29px;"><button aria-label="gutter" title="Edit cell" class="jsx-3846077284 db bn bg-transparent absolute top-0 bottom-0 right-0 w-100 pointer moon-gray hover-mid-gray"></button><button aria-haspopup="true" aria-controls="menu--3715" class="moon-gray bg-transparent dn jsx-2205038455 absolute top-0 bn pa0" title="Click for cell actions
Drag to move cell" aria-label="Click for cell actions
Drag to move cell" id="menu-button--menu--3715" type="button" data-reach-menu-button="" style="right: 1px; width: 20px; height: 29px;"><div class="jsx-3846077284 absolute top-0 flex items-center justify-center" style="width: 20px; height: 29px;"><svg viewBox="0 0 16 16" width="16" height="16" fill="currentColor"><circle r="1.5" cx="8" cy="2.5"></circle><circle r="1.5" cx="8" cy="7.5"></circle><circle r="1.5" cx="8" cy="12.5"></circle></svg></div></button></div><div class="relative node pen" data-node-id="13" id="nodes" style="margin-top: 17px; margin-bottom: 17px; padding-top: 29px;"><div></div><div class="relative"></div><div></div></div><div class="absolute dn-print" style="margin-top: -16px; left: -32px;"><div class="jsx-34351f8c1c3ac6ee absolute"><svg width="17" height="15" viewBox="-8.5 -7.5 17 15" role="button" aria-label="Click to insert or merge cells" stroke="currentColor" stroke-width="2" stroke-linecap="round" fill="none" transform="" class="jsx-34351f8c1c3ac6ee transparent" style="overflow: visible;"><title class="jsx-34351f8c1c3ac6ee">Insert cell</title><path d="M0,-4.5V4.5M-4.5,0H4.5" class="jsx-34351f8c1c3ac6ee "></path></svg></div></div><div id="cell-15" class="jsx-3846077284 absolute gutter dn-print" style="height: 29px;"><button aria-label="gutter" title="Edit cell" class="jsx-3846077284 db bn bg-transparent absolute top-0 bottom-0 right-0 w-100 pointer moon-gray hover-mid-gray"></button><button aria-haspopup="true" aria-controls="menu--3716" class="moon-gray bg-transparent dn jsx-2205038455 absolute top-0 bn pa0" title="Click for cell actions
Drag to move cell" aria-label="Click for cell actions
Drag to move cell" id="menu-button--menu--3716" type="button" data-reach-menu-button="" style="right: 1px; width: 20px; height: 29px;"><div class="jsx-3846077284 absolute top-0 flex items-center justify-center" style="width: 20px; height: 29px;"><svg viewBox="0 0 16 16" width="16" height="16" fill="currentColor"><circle r="1.5" cx="8" cy="2.5"></circle><circle r="1.5" cx="8" cy="7.5"></circle><circle r="1.5" cx="8" cy="12.5"></circle></svg></div></button></div><div class="relative node pen" data-node-id="15" id="links" style="margin-top: 17px; margin-bottom: 17px; padding-top: 29px;"><div></div><div class="relative"></div><div></div></div><div class="absolute dn-print" style="margin-top: -16px; left: -32px;"><div class="jsx-34351f8c1c3ac6ee absolute"><svg width="17" height="15" viewBox="-8.5 -7.5 17 15" role="button" aria-label="Click to insert or merge cells" stroke="currentColor" stroke-width="2" stroke-linecap="round" fill="none" transform="" class="jsx-34351f8c1c3ac6ee transparent" style="overflow: visible;"><title class="jsx-34351f8c1c3ac6ee">Insert cell</title><path d="M0,-4.5V4.5M-4.5,0H4.5" class="jsx-34351f8c1c3ac6ee "></path></svg></div></div><div id="cell-17" class="jsx-3846077284 absolute gutter dn-print" style="height: 29px;"><button aria-label="gutter" title="Edit cell" class="jsx-3846077284 db bn bg-transparent absolute top-0 bottom-0 right-0 w-100 pointer moon-gray hover-mid-gray"></button><button aria-haspopup="true" aria-controls="menu--3717" class="moon-gray bg-transparent dn jsx-2205038455 absolute top-0 bn pa0" title="Click for cell actions
Drag to move cell" aria-label="Click for cell actions
Drag to move cell" id="menu-button--menu--3717" type="button" data-reach-menu-button="" style="right: 1px; width: 20px; height: 29px;"><div class="jsx-3846077284 absolute top-0 flex items-center justify-center" style="width: 20px; height: 29px;"><svg viewBox="0 0 16 16" width="16" height="16" fill="currentColor"><circle r="1.5" cx="8" cy="2.5"></circle><circle r="1.5" cx="8" cy="7.5"></circle><circle r="1.5" cx="8" cy="12.5"></circle></svg></div></button></div><div class="relative node pen" data-node-id="17" style="margin-top: 17px; margin-bottom: 17px; padding-top: 29px;"><div></div><div class="relative"><button title="Not all of this import's dependencies are locked. Click to open the Dependencies pane and manage versions." class="jsx-947722582 lock-status absolute hover-mid-gray pv1 ph2 bg-near-white f7 fw5 bn gray br4 pointer flex items-center align-center pea"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="5" y="7" width="6" height="2" rx="1" fill="currentColor"></rect><rect x="3" y="3" width="10" height="10" rx="1" stroke="currentColor" stroke-width="2"></rect></svg></button></div><div></div></div><div class="absolute dn-print" style="margin-top: -16px; left: -32px;"><div class="jsx-34351f8c1c3ac6ee absolute"><svg width="17" height="15" viewBox="-8.5 -7.5 17 15" role="button" aria-label="Click to insert or merge cells" stroke="currentColor" stroke-width="2" stroke-linecap="round" fill="none" transform="" class="jsx-34351f8c1c3ac6ee transparent" style="overflow: visible;"><title class="jsx-34351f8c1c3ac6ee">Insert cell</title><path d="M0,-4.5V4.5M-4.5,0H4.5" class="jsx-34351f8c1c3ac6ee "></path></svg></div></div><div id="cell-19" class="jsx-3846077284 absolute gutter dn-print" style="height: 29px;"><button aria-label="gutter" title="Edit cell" class="jsx-3846077284 db bn bg-transparent absolute top-0 bottom-0 right-0 w-100 pointer moon-gray hover-mid-gray"></button><button aria-haspopup="true" aria-controls="menu--3718" class="moon-gray bg-transparent dn jsx-2205038455 absolute top-0 bn pa0" title="Click for cell actions
Drag to move cell" aria-label="Click for cell actions
Drag to move cell" id="menu-button--menu--3718" type="button" data-reach-menu-button="" style="right: 1px; width: 20px; height: 29px;"><div class="jsx-3846077284 absolute top-0 flex items-center justify-center" style="width: 20px; height: 29px;"><svg viewBox="0 0 16 16" width="16" height="16" fill="currentColor"><circle r="1.5" cx="8" cy="2.5"></circle><circle r="1.5" cx="8" cy="7.5"></circle><circle r="1.5" cx="8" cy="12.5"></circle></svg></div></button></div><div class="relative node pen" data-node-id="19" style="margin-top: 17px; margin-bottom: 17px; padding-top: 29px;"><div></div><div class="relative"><button title="Not all of this import's dependencies are locked. Click to open the Dependencies pane and manage versions." class="jsx-947722582 lock-status absolute hover-mid-gray pv1 ph2 bg-near-white f7 fw5 bn gray br4 pointer flex items-center align-center pea"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="5" y="7" width="6" height="2" rx="1" fill="currentColor"></rect><rect x="3" y="3" width="10" height="10" rx="1" stroke="currentColor" stroke-width="2"></rect></svg></button></div><div></div></div><div class="absolute dn-print" style="margin-top: -16px; left: -32px;"><div class="jsx-34351f8c1c3ac6ee absolute"><svg width="17" height="15" viewBox="-8.5 -7.5 17 15" role="button" aria-label="Click to insert or merge cells" stroke="currentColor" stroke-width="2" stroke-linecap="round" fill="none" transform="" class="jsx-34351f8c1c3ac6ee transparent" style="overflow: visible;"><title class="jsx-34351f8c1c3ac6ee">Insert cell</title><path d="M0,-4.5V4.5M-4.5,0H4.5" class="jsx-34351f8c1c3ac6ee "></path></svg></div></div><div id="cell-21" class="jsx-3846077284 absolute gutter dn-print" style="height: 29px;"><button aria-label="gutter" title="Edit cell" class="jsx-3846077284 db bn bg-transparent absolute top-0 bottom-0 right-0 w-100 pointer moon-gray hover-mid-gray"></button><button aria-haspopup="true" aria-controls="menu--3719" class="moon-gray bg-transparent dn jsx-2205038455 absolute top-0 bn pa0" title="Click for cell actions
Drag to move cell" aria-label="Click for cell actions
Drag to move cell" id="menu-button--menu--3719" type="button" data-reach-menu-button="" style="right: 1px; width: 20px; height: 29px;"><div class="jsx-3846077284 absolute top-0 flex items-center justify-center" style="width: 20px; height: 29px;"><svg viewBox="0 0 16 16" width="16" height="16" fill="currentColor"><circle r="1.5" cx="8" cy="2.5"></circle><circle r="1.5" cx="8" cy="7.5"></circle><circle r="1.5" cx="8" cy="12.5"></circle></svg></div></button></div><div class="relative node pen" data-node-id="21" style="margin-top: 17px; margin-bottom: 17px; padding-top: 29px;"><div></div><div class="relative"><button title="Not all of this import's dependencies are locked. Click to open the Dependencies pane and manage versions." class="jsx-947722582 lock-status absolute hover-mid-gray pv1 ph2 bg-near-white f7 fw5 bn gray br4 pointer flex items-center align-center pea"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="5" y="7" width="6" height="2" rx="1" fill="currentColor"></rect><rect x="3" y="3" width="10" height="10" rx="1" stroke="currentColor" stroke-width="2"></rect></svg></button></div><div></div></div><div class="absolute dn-print" style="margin-top: -16px; left: -32px;"><div class="jsx-34351f8c1c3ac6ee absolute"><svg width="17" height="15" viewBox="-8.5 -7.5 17 15" role="button" aria-label="Click to insert or merge cells" stroke="currentColor" stroke-width="2" stroke-linecap="round" fill="none" transform="" class="jsx-34351f8c1c3ac6ee transparent" style="overflow: visible;"><title class="jsx-34351f8c1c3ac6ee">Insert cell</title><path d="M0,-4.5V4.5M-4.5,0H4.5" class="jsx-34351f8c1c3ac6ee "></path></svg></div></div><div id="cell-23" class="jsx-3846077284 absolute gutter dn-print" style="height: 29px;"><button aria-label="gutter" title="Edit cell" class="jsx-3846077284 db bn bg-transparent absolute top-0 bottom-0 right-0 w-100 pointer moon-gray hover-mid-gray"></button><button aria-haspopup="true" aria-controls="menu--3720" class="moon-gray bg-transparent dn jsx-2205038455 absolute top-0 bn pa0" title="Click for cell actions
Drag to move cell" aria-label="Click for cell actions
Drag to move cell" id="menu-button--menu--3720" type="button" data-reach-menu-button="" style="right: 1px; width: 20px; height: 29px;"><div class="jsx-3846077284 absolute top-0 flex items-center justify-center" style="width: 20px; height: 29px;"><svg viewBox="0 0 16 16" width="16" height="16" fill="currentColor"><circle r="1.5" cx="8" cy="2.5"></circle><circle r="1.5" cx="8" cy="7.5"></circle><circle r="1.5" cx="8" cy="12.5"></circle></svg></div></button></div><div class="relative node pen" data-node-id="23" id="filtered_data" style="margin-top: 17px; margin-bottom: 17px; padding-top: 29px;"><div></div><div class="relative"></div><div></div></div><div class="absolute dn-print" style="margin-top: -16px; left: -32px;"><div class="jsx-34351f8c1c3ac6ee absolute"><svg width="17" height="15" viewBox="-8.5 -7.5 17 15" role="button" aria-label="Click to insert or merge cells" stroke="currentColor" stroke-width="2" stroke-linecap="round" fill="none" transform="" class="jsx-34351f8c1c3ac6ee transparent" style="overflow: visible;"><title class="jsx-34351f8c1c3ac6ee">Insert cell</title><path d="M0,-4.5V4.5M-4.5,0H4.5" class="jsx-34351f8c1c3ac6ee "></path></svg></div></div><div id="cell-42" class="jsx-3846077284 absolute gutter dn-print" style="height: 58px;"><button aria-label="gutter" title="Focus cell" class="jsx-3846077284 db bn bg-transparent absolute top-0 bottom-0 right-0 w-100 pointer moon-gray hover-mid-gray"></button><button aria-haspopup="true" aria-controls="menu--3721" class="moon-gray bg-transparent dn jsx-3890680677 absolute top-0 bn pa0" title="Click for cell actions
Drag to move cell" aria-label="Click for cell actions
Drag to move cell" id="menu-button--menu--3721" type="button" data-reach-menu-button="" style="right: 1px; width: 20px; height: 29.0156px;"><div class="jsx-3846077284 absolute top-0 flex items-center justify-center" style="width: 20px; height: 29px;"><svg viewBox="0 0 16 16" width="16" height="16" fill="currentColor"><circle r="1.5" cx="8" cy="2.5"></circle><circle r="1.5" cx="8" cy="7.5"></circle><circle r="1.5" cx="8" cy="12.5"></circle></svg></div></button><div class="jsx-3846077284 absolute right-0" style="top: 29.0156px; height: calc(100% - 29.0156px);"><button aria-haspopup="true" aria-controls="menu--3865" class="moon-gray pointer bg-transparent jsx-2740246534 absolute bottom-0 bn pa0" title="JavaScript
Click to set language" id="menu-button--menu--3865" type="button" data-reach-menu-button="" style="top: -1px; right: 1px; width: 20px; border-top: 1px solid white;"><div class="jsx-3846077284 absolute top-0 flex items-center justify-center" style="width: 20px; height: 29px;"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="jsx-3846077284"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.9009 13.0686C12.3333 13.6581 11.5224 14 10.5556 14H9.5V12H10.5556C11.0331 12 11.3056 11.8419 11.4602 11.6814C11.6267 11.5085 11.7222 11.2642 11.7222 11V10.5C11.7222 10.2276 11.7301 9.79053 12.14 9C12.5 8.39782 13.25 8 13.25 8C13.25 8 12.4702 7.69361 12.14 7.05676C11.7301 6.26622 11.7222 5.77243 11.7222 5.5V5C11.7222 4.73583 11.6267 4.49147 11.4602 4.31864C11.3056 4.1581 11.0331 4 10.5556 4H9.5L9.5 2H10.5556C11.5224 2 12.3333 2.3419 12.9009 2.93136C13.4567 3.50853 13.7222 4.26417 13.7222 5V5.5C13.7222 5.72757 13.7421 6.14272 13.9155 6.47718C13.9933 6.6271 14.0935 6.74371 14.2303 6.82779C14.3663 6.91136 14.5987 7 15 7V9C14.5987 9 14.3663 9.08864 14.2303 9.17221C14.0935 9.25629 13.9933 9.3729 13.9155 9.52282C13.7421 9.85728 13.7222 10.2724 13.7222 10.5V11C13.7222 11.7358 13.4567 12.4915 12.9009 13.0686Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M3.09912 13.0686C3.66675 13.6581 4.47757 14 5.44444 14H6.5V12H5.44444C4.96688 12 4.69436 11.8419 4.53976 11.6814C4.37334 11.5085 4.27778 11.2642 4.27778 11V10.5C4.27778 10.2276 4.26988 9.79053 3.85998 9C3.5 8.39782 2.75 8 2.75 8C2.75 8 3.52976 7.69361 3.85998 7.05676C4.26988 6.26622 4.27778 5.77243 4.27778 5.5V5C4.27778 4.73583 4.37334 4.49147 4.53976 4.31864C4.69436 4.1581 4.96688 4 5.44444 4H6.5L6.5 2H5.44444C4.47757 2 3.66675 2.3419 3.09912 2.93136C2.54333 3.50853 2.27778 4.26417 2.27778 5V5.5C2.27778 5.72757 2.25789 6.14272 2.08447 6.47718C2.00673 6.6271 1.90646 6.74371 1.7697 6.82779C1.63375 6.91136 1.40134 7 1 7L1 9C1.40134 9 1.63375 9.08864 1.7697 9.17221C1.90646 9.25629 2.00673 9.3729 2.08447 9.52282C2.25789 9.85728 2.27778 10.2724 2.27778 10.5V11C2.27778 11.7358 2.54333 12.4915 3.09912 13.0686Z" fill="currentColor"></path></svg></div></button></div></div><div class="relative node pen" data-node-id="42" id="d3" style="margin-top: 17px; margin-bottom: 17px; padding-top: 29.0156px;"><div></div><div class="relative"><div class="relative pea"><div></div><div class="relative"><div class="cm-editor ͼ1 ͼ2 ͼ4 ͼ5"><div aria-live="polite" style="position: absolute; top: -10000px;"></div><div tabindex="-1" class="cm-scroller"><div class="cm-gutters" aria-hidden="true" style="min-height: 28.9943px; position: sticky;"><div class="cm-gutter cm-gutter-lint"></div></div><div spellcheck="false" autocorrect="off" autocapitalize="off" translate="no" contenteditable="true" class="cm-content cm-lineWrapping" style="tab-size: 2;" role="textbox" aria-multiline="true" aria-autocomplete="list" data-cy="editor"><div class="cm-activeLine cm-line"><span class="tok-variableName tok-definition">d3</span> <span class="tok-operator">=</span> <span title="" class=""><span class="tok-variableName">require</span></span><span class="tok-punctuation">(</span><span class="tok-string">'d3'</span><span class="tok-punctuation">)</span><span class="tok-punctuation">;</span></div></div><div class="cm-selectionLayer" aria-hidden="true"></div><div class="cm-cursorLayer" aria-hidden="true" style="animation-duration: 1200ms;"><div class="cm-cursor cm-cursor-primary" style="left: 10px; top: 5.81439px; height: 16.3636px;"></div></div></div></div><button title="Run cell Shift-Enter" class="flex items-center absolute top-0 bg-transparent bn br2 pointer squishy moon-gray hover-mid-gray dn-print" style="right: -14px; height: 29px;"><svg width="16" height="16" fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2" viewBox="0 0 16 16"><path d="M4 12.4788V3.52116C4 2.23802 5.50646 1.54723 6.47878 2.38451L11.68 6.86335C12.375 7.46178 12.375 8.53822 11.68 9.13665L6.47878 13.6155C5.50646 14.4528 4 13.762 4 12.4788Z"></path></svg></button></div></div></div><div></div></div><div class="absolute dn-print" style="margin-top: -16px; left: -32px;"><div class="jsx-34351f8c1c3ac6ee absolute"><svg width="17" height="15" viewBox="-8.5 -7.5 17 15" role="button" aria-label="Click to insert or merge cells" stroke="currentColor" stroke-width="2" stroke-linecap="round" fill="none" transform="" class="jsx-34351f8c1c3ac6ee transparent" style="overflow: visible;"><title class="jsx-34351f8c1c3ac6ee">Insert cell</title><path d="M0,-4.5V4.5M-4.5,0H4.5" class="jsx-34351f8c1c3ac6ee "></path></svg></div></div><div id="cell-44" class="jsx-3846077284 absolute gutter dn-print" style="height: 58px;"><button aria-label="gutter" title="Focus cell" class="jsx-3846077284 db bn bg-transparent absolute top-0 bottom-0 right-0 w-100 pointer moon-gray hover-mid-gray"></button><button aria-haspopup="true" aria-controls="menu--3722" class="moon-gray bg-transparent dn jsx-3890680677 absolute top-0 bn pa0" title="Click for cell actions
Drag to move cell" aria-label="Click for cell actions
Drag to move cell" id="menu-button--menu--3722" type="button" data-reach-menu-button="" style="right: 1px; width: 20px; height: 29.0156px;"><div class="jsx-3846077284 absolute top-0 flex items-center justify-center" style="width: 20px; height: 29px;"><svg viewBox="0 0 16 16" width="16" height="16" fill="currentColor"><circle r="1.5" cx="8" cy="2.5"></circle><circle r="1.5" cx="8" cy="7.5"></circle><circle r="1.5" cx="8" cy="12.5"></circle></svg></div></button><div class="jsx-3846077284 absolute right-0" style="top: 29.0156px; height: calc(100% - 29.0156px);"><button aria-haspopup="true" aria-controls="menu--3867" class="moon-gray pointer bg-transparent jsx-2740246534 absolute bottom-0 bn pa0" title="JavaScript
Click to set language" id="menu-button--menu--3867" type="button" data-reach-menu-button="" style="top: -1px; right: 1px; width: 20px; border-top: 1px solid white;"><div class="jsx-3846077284 absolute top-0 flex items-center justify-center" style="width: 20px; height: 29px;"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="jsx-3846077284"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.9009 13.0686C12.3333 13.6581 11.5224 14 10.5556 14H9.5V12H10.5556C11.0331 12 11.3056 11.8419 11.4602 11.6814C11.6267 11.5085 11.7222 11.2642 11.7222 11V10.5C11.7222 10.2276 11.7301 9.79053 12.14 9C12.5 8.39782 13.25 8 13.25 8C13.25 8 12.4702 7.69361 12.14 7.05676C11.7301 6.26622 11.7222 5.77243 11.7222 5.5V5C11.7222 4.73583 11.6267 4.49147 11.4602 4.31864C11.3056 4.1581 11.0331 4 10.5556 4H9.5L9.5 2H10.5556C11.5224 2 12.3333 2.3419 12.9009 2.93136C13.4567 3.50853 13.7222 4.26417 13.7222 5V5.5C13.7222 5.72757 13.7421 6.14272 13.9155 6.47718C13.9933 6.6271 14.0935 6.74371 14.2303 6.82779C14.3663 6.91136 14.5987 7 15 7V9C14.5987 9 14.3663 9.08864 14.2303 9.17221C14.0935 9.25629 13.9933 9.3729 13.9155 9.52282C13.7421 9.85728 13.7222 10.2724 13.7222 10.5V11C13.7222 11.7358 13.4567 12.4915 12.9009 13.0686Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M3.09912 13.0686C3.66675 13.6581 4.47757 14 5.44444 14H6.5V12H5.44444C4.96688 12 4.69436 11.8419 4.53976 11.6814C4.37334 11.5085 4.27778 11.2642 4.27778 11V10.5C4.27778 10.2276 4.26988 9.79053 3.85998 9C3.5 8.39782 2.75 8 2.75 8C2.75 8 3.52976 7.69361 3.85998 7.05676C4.26988 6.26622 4.27778 5.77243 4.27778 5.5V5C4.27778 4.73583 4.37334 4.49147 4.53976 4.31864C4.69436 4.1581 4.96688 4 5.44444 4H6.5L6.5 2H5.44444C4.47757 2 3.66675 2.3419 3.09912 2.93136C2.54333 3.50853 2.27778 4.26417 2.27778 5V5.5C2.27778 5.72757 2.25789 6.14272 2.08447 6.47718C2.00673 6.6271 1.90646 6.74371 1.7697 6.82779C1.63375 6.91136 1.40134 7 1 7L1 9C1.40134 9 1.63375 9.08864 1.7697 9.17221C1.90646 9.25629 2.00673 9.3729 2.08447 9.52282C2.25789 9.85728 2.27778 10.2724 2.27778 10.5V11C2.27778 11.7358 2.54333 12.4915 3.09912 13.0686Z" fill="currentColor"></path></svg></div></button></div></div><div class="relative node pen" data-node-id="44" id="select" style="margin-top: 17px; margin-bottom: 17px; padding-top: 29.0156px;"><div></div><div class="relative"><div class="relative pea"><div></div><div class="relative"><div class="cm-editor ͼ1 ͼ2 ͼ4 ͼ5"><div aria-live="polite" style="position: absolute; top: -10000px;"></div><div tabindex="-1" class="cm-scroller"><div class="cm-gutters" aria-hidden="true" style="min-height: 28.9943px; position: sticky;"><div class="cm-gutter cm-gutter-lint"></div></div><div spellcheck="false" autocorrect="off" autocapitalize="off" translate="no" contenteditable="true" class="cm-content cm-lineWrapping" style="tab-size: 2;" role="textbox" aria-multiline="true" aria-autocomplete="list" data-cy="editor"><div class="cm-activeLine cm-line"><span class="tok-variableName tok-definition">select</span> <span class="tok-operator">=</span> <span title="Jump to defining cell Ctrl-J" class="reference-mark"><span class="tok-variableName">d3</span></span><span class="tok-operator">.</span><span class="tok-propertyName">select</span><span class="tok-punctuation">;</span></div></div><div class="cm-selectionLayer" aria-hidden="true"></div><div class="cm-cursorLayer" aria-hidden="true" style="animation-duration: 1200ms;"><div class="cm-cursor cm-cursor-primary" style="left: 10px; top: 5.81439px; height: 16.3636px;"></div></div></div></div><button title="Run cell Shift-Enter" class="flex items-center absolute top-0 bg-transparent bn br2 pointer squishy moon-gray hover-mid-gray dn-print" style="right: -14px; height: 29px;"><svg width="16" height="16" fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2" viewBox="0 0 16 16"><path d="M4 12.4788V3.52116C4 2.23802 5.50646 1.54723 6.47878 2.38451L11.68 6.86335C12.375 7.46178 12.375 8.53822 11.68 9.13665L6.47878 13.6155C5.50646 14.4528 4 13.762 4 12.4788Z"></path></svg></button></div></div></div><div></div></div><div class="absolute dn-print" style="margin-top: -16px; left: -32px;"><div class="jsx-34351f8c1c3ac6ee absolute"><svg width="17" height="15" viewBox="-8.5 -7.5 17 15" role="button" aria-label="Click to insert or merge cells" stroke="currentColor" stroke-width="2" stroke-linecap="round" fill="none" transform="" class="jsx-34351f8c1c3ac6ee transparent" style="overflow: visible;"><title class="jsx-34351f8c1c3ac6ee">Insert cell</title><path d="M0,-4.5V4.5M-4.5,0H4.5" class="jsx-34351f8c1c3ac6ee "></path></svg></div></div><div id="cell-46" class="jsx-3846077284 absolute gutter dn-print" style="height: 58px;"><button aria-label="gutter" title="Focus cell" class="jsx-3846077284 db bn bg-transparent absolute top-0 bottom-0 right-0 w-100 pointer moon-gray hover-mid-gray"></button><button aria-haspopup="true" aria-controls="menu--3723" class="moon-gray bg-transparent dn jsx-3890680677 absolute top-0 bn pa0" title="Click for cell actions
Drag to move cell" aria-label="Click for cell actions
Drag to move cell" id="menu-button--menu--3723" type="button" data-reach-menu-button="" style="right: 1px; width: 20px; height: 29.0156px;"><div class="jsx-3846077284 absolute top-0 flex items-center justify-center" style="width: 20px; height: 29px;"><svg viewBox="0 0 16 16" width="16" height="16" fill="currentColor"><circle r="1.5" cx="8" cy="2.5"></circle><circle r="1.5" cx="8" cy="7.5"></circle><circle r="1.5" cx="8" cy="12.5"></circle></svg></div></button><div class="jsx-3846077284 absolute right-0" style="top: 29.0156px; height: calc(100% - 29.0156px);"><button aria-haspopup="true" aria-controls="menu--3869" class="moon-gray pointer bg-transparent jsx-2740246534 absolute bottom-0 bn pa0" title="JavaScript
Click to set language" id="menu-button--menu--3869" type="button" data-reach-menu-button="" style="top: -1px; right: 1px; width: 20px; border-top: 1px solid white;"><div class="jsx-3846077284 absolute top-0 flex items-center justify-center" style="width: 20px; height: 29px;"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="jsx-3846077284"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.9009 13.0686C12.3333 13.6581 11.5224 14 10.5556 14H9.5V12H10.5556C11.0331 12 11.3056 11.8419 11.4602 11.6814C11.6267 11.5085 11.7222 11.2642 11.7222 11V10.5C11.7222 10.2276 11.7301 9.79053 12.14 9C12.5 8.39782 13.25 8 13.25 8C13.25 8 12.4702 7.69361 12.14 7.05676C11.7301 6.26622 11.7222 5.77243 11.7222 5.5V5C11.7222 4.73583 11.6267 4.49147 11.4602 4.31864C11.3056 4.1581 11.0331 4 10.5556 4H9.5L9.5 2H10.5556C11.5224 2 12.3333 2.3419 12.9009 2.93136C13.4567 3.50853 13.7222 4.26417 13.7222 5V5.5C13.7222 5.72757 13.7421 6.14272 13.9155 6.47718C13.9933 6.6271 14.0935 6.74371 14.2303 6.82779C14.3663 6.91136 14.5987 7 15 7V9C14.5987 9 14.3663 9.08864 14.2303 9.17221C14.0935 9.25629 13.9933 9.3729 13.9155 9.52282C13.7421 9.85728 13.7222 10.2724 13.7222 10.5V11C13.7222 11.7358 13.4567 12.4915 12.9009 13.0686Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M3.09912 13.0686C3.66675 13.6581 4.47757 14 5.44444 14H6.5V12H5.44444C4.96688 12 4.69436 11.8419 4.53976 11.6814C4.37334 11.5085 4.27778 11.2642 4.27778 11V10.5C4.27778 10.2276 4.26988 9.79053 3.85998 9C3.5 8.39782 2.75 8 2.75 8C2.75 8 3.52976 7.69361 3.85998 7.05676C4.26988 6.26622 4.27778 5.77243 4.27778 5.5V5C4.27778 4.73583 4.37334 4.49147 4.53976 4.31864C4.69436 4.1581 4.96688 4 5.44444 4H6.5L6.5 2H5.44444C4.47757 2 3.66675 2.3419 3.09912 2.93136C2.54333 3.50853 2.27778 4.26417 2.27778 5V5.5C2.27778 5.72757 2.25789 6.14272 2.08447 6.47718C2.00673 6.6271 1.90646 6.74371 1.7697 6.82779C1.63375 6.91136 1.40134 7 1 7L1 9C1.40134 9 1.63375 9.08864 1.7697 9.17221C1.90646 9.25629 2.00673 9.3729 2.08447 9.52282C2.25789 9.85728 2.27778 10.2724 2.27778 10.5V11C2.27778 11.7358 2.54333 12.4915 3.09912 13.0686Z" fill="currentColor"></path></svg></div></button></div></div><div class="relative node pen" data-node-id="46" id="scaleLinear" style="margin-top: 17px; margin-bottom: 17px; padding-top: 29.0156px;"><div></div><div class="relative"><div class="relative pea"><div></div><div class="relative"><div class="cm-editor ͼ1 ͼ2 ͼ4 ͼ5"><div aria-live="polite" style="position: absolute; top: -10000px;"></div><div tabindex="-1" class="cm-scroller"><div class="cm-gutters" aria-hidden="true" style="min-height: 28.9943px; position: sticky;"><div class="cm-gutter cm-gutter-lint"></div></div><div spellcheck="false" autocorrect="off" autocapitalize="off" translate="no" contenteditable="true" class="cm-content cm-lineWrapping" style="tab-size: 2;" role="textbox" aria-multiline="true" aria-autocomplete="list" data-cy="editor"><div class="cm-activeLine cm-line"><span class="tok-variableName tok-definition">scaleLinear</span> <span class="tok-operator">=</span> <span title="Jump to defining cell Ctrl-J" class="reference-mark"><span class="tok-variableName">d3</span></span><span class="tok-operator">.</span><span class="tok-propertyName">scaleLinear</span><span class="tok-punctuation">;</span></div></div><div class="cm-selectionLayer" aria-hidden="true"></div><div class="cm-cursorLayer" aria-hidden="true" style="animation-duration: 1200ms;"><div class="cm-cursor cm-cursor-primary" style="left: 10px; top: 5.81439px; height: 16.3636px;"></div></div></div></div><button title="Run cell Shift-Enter" class="flex items-center absolute top-0 bg-transparent bn br2 pointer squishy moon-gray hover-mid-gray dn-print" style="right: -14px; height: 29px;"><svg width="16" height="16" fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2" viewBox="0 0 16 16"><path d="M4 12.4788V3.52116C4 2.23802 5.50646 1.54723 6.47878 2.38451L11.68 6.86335C12.375 7.46178 12.375 8.53822 11.68 9.13665L6.47878 13.6155C5.50646 14.4528 4 13.762 4 12.4788Z"></path></svg></button></div></div></div><div></div></div><div class="absolute dn-print" style="margin-top: -16px; left: -32px;"><div class="jsx-34351f8c1c3ac6ee absolute"><svg width="17" height="15" viewBox="-8.5 -7.5 17 15" role="button" aria-label="Click to insert or merge cells" stroke="currentColor" stroke-width="2" stroke-linecap="round" fill="none" transform="" class="jsx-34351f8c1c3ac6ee transparent" style="overflow: visible;"><title class="jsx-34351f8c1c3ac6ee">Insert cell</title><path d="M0,-4.5V4.5M-4.5,0H4.5" class="jsx-34351f8c1c3ac6ee "></path></svg></div></div><div id="cell-48" class="jsx-3846077284 absolute gutter dn-print" style="height: 58px;"><button aria-label="gutter" title="Focus cell" class="jsx-3846077284 db bn bg-transparent absolute top-0 bottom-0 right-0 w-100 pointer moon-gray hover-mid-gray"></button><button aria-haspopup="true" aria-controls="menu--3724" class="moon-gray bg-transparent dn jsx-3890680677 absolute top-0 bn pa0" title="Click for cell actions
Drag to move cell" aria-label="Click for cell actions
Drag to move cell" id="menu-button--menu--3724" type="button" data-reach-menu-button="" style="right: 1px; width: 20px; height: 29.0156px;"><div class="jsx-3846077284 absolute top-0 flex items-center justify-center" style="width: 20px; height: 29px;"><svg viewBox="0 0 16 16" width="16" height="16" fill="currentColor"><circle r="1.5" cx="8" cy="2.5"></circle><circle r="1.5" cx="8" cy="7.5"></circle><circle r="1.5" cx="8" cy="12.5"></circle></svg></div></button><div class="jsx-3846077284 absolute right-0" style="top: 29.0156px; height: calc(100% - 29.0156px);"><button aria-haspopup="true" aria-controls="menu--3871" class="moon-gray pointer bg-transparent jsx-2740246534 absolute bottom-0 bn pa0" title="JavaScript
Click to set language" id="menu-button--menu--3871" type="button" data-reach-menu-button="" style="top: -1px; right: 1px; width: 20px; border-top: 1px solid white;"><div class="jsx-3846077284 absolute top-0 flex items-center justify-center" style="width: 20px; height: 29px;"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="jsx-3846077284"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.9009 13.0686C12.3333 13.6581 11.5224 14 10.5556 14H9.5V12H10.5556C11.0331 12 11.3056 11.8419 11.4602 11.6814C11.6267 11.5085 11.7222 11.2642 11.7222 11V10.5C11.7222 10.2276 11.7301 9.79053 12.14 9C12.5 8.39782 13.25 8 13.25 8C13.25 8 12.4702 7.69361 12.14 7.05676C11.7301 6.26622 11.7222 5.77243 11.7222 5.5V5C11.7222 4.73583 11.6267 4.49147 11.4602 4.31864C11.3056 4.1581 11.0331 4 10.5556 4H9.5L9.5 2H10.5556C11.5224 2 12.3333 2.3419 12.9009 2.93136C13.4567 3.50853 13.7222 4.26417 13.7222 5V5.5C13.7222 5.72757 13.7421 6.14272 13.9155 6.47718C13.9933 6.6271 14.0935 6.74371 14.2303 6.82779C14.3663 6.91136 14.5987 7 15 7V9C14.5987 9 14.3663 9.08864 14.2303 9.17221C14.0935 9.25629 13.9933 9.3729 13.9155 9.52282C13.7421 9.85728 13.7222 10.2724 13.7222 10.5V11C13.7222 11.7358 13.4567 12.4915 12.9009 13.0686Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M3.09912 13.0686C3.66675 13.6581 4.47757 14 5.44444 14H6.5V12H5.44444C4.96688 12 4.69436 11.8419 4.53976 11.6814C4.37334 11.5085 4.27778 11.2642 4.27778 11V10.5C4.27778 10.2276 4.26988 9.79053 3.85998 9C3.5 8.39782 2.75 8 2.75 8C2.75 8 3.52976 7.69361 3.85998 7.05676C4.26988 6.26622 4.27778 5.77243 4.27778 5.5V5C4.27778 4.73583 4.37334 4.49147 4.53976 4.31864C4.69436 4.1581 4.96688 4 5.44444 4H6.5L6.5 2H5.44444C4.47757 2 3.66675 2.3419 3.09912 2.93136C2.54333 3.50853 2.27778 4.26417 2.27778 5V5.5C2.27778 5.72757 2.25789 6.14272 2.08447 6.47718C2.00673 6.6271 1.90646 6.74371 1.7697 6.82779C1.63375 6.91136 1.40134 7 1 7L1 9C1.40134 9 1.63375 9.08864 1.7697 9.17221C1.90646 9.25629 2.00673 9.3729 2.08447 9.52282C2.25789 9.85728 2.27778 10.2724 2.27778 10.5V11C2.27778 11.7358 2.54333 12.4915 3.09912 13.0686Z" fill="currentColor"></path></svg></div></button></div></div><div class="relative node pen" data-node-id="48" id="extent" style="margin-top: 17px; margin-bottom: 17px; padding-top: 29.0156px;"><div></div><div class="relative"><div class="relative pea"><div></div><div class="relative"><div class="cm-editor ͼ1 ͼ2 ͼ4 ͼ5"><div aria-live="polite" style="position: absolute; top: -10000px;"></div><div tabindex="-1" class="cm-scroller"><div class="cm-gutters" aria-hidden="true" style="min-height: 28.9943px; position: sticky;"><div class="cm-gutter cm-gutter-lint"></div></div><div spellcheck="false" autocorrect="off" autocapitalize="off" translate="no" contenteditable="true" class="cm-content cm-lineWrapping" style="tab-size: 2;" role="textbox" aria-multiline="true" aria-autocomplete="list" data-cy="editor"><div class="cm-activeLine cm-line"><span class="tok-variableName tok-definition">extent</span> <span class="tok-operator">=</span> <span title="Jump to defining cell Ctrl-J" class="reference-mark"><span class="tok-variableName">d3</span></span><span class="tok-operator">.</span><span class="tok-propertyName">extent</span><span class="tok-punctuation">;</span></div></div><div class="cm-selectionLayer" aria-hidden="true"></div><div class="cm-cursorLayer" aria-hidden="true" style="animation-duration: 1200ms;"><div class="cm-cursor cm-cursor-primary" style="left: 10px; top: 5.81439px; height: 16.3636px;"></div></div></div></div><button title="Run cell Shift-Enter" class="flex items-center absolute top-0 bg-transparent bn br2 pointer squishy moon-gray hover-mid-gray dn-print" style="right: -14px; height: 29px;"><svg width="16" height="16" fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2" viewBox="0 0 16 16"><path d="M4 12.4788V3.52116C4 2.23802 5.50646 1.54723 6.47878 2.38451L11.68 6.86335C12.375 7.46178 12.375 8.53822 11.68 9.13665L6.47878 13.6155C5.50646 14.4528 4 13.762 4 12.4788Z"></path></svg></button></div></div></div><div></div></div><div class="absolute dn-print" style="margin-top: -16px; left: -32px;"><div class="jsx-34351f8c1c3ac6ee absolute"><svg width="17" height="15" viewBox="-8.5 -7.5 17 15" role="button" aria-label="Click to insert or merge cells" stroke="currentColor" stroke-width="2" stroke-linecap="round" fill="none" transform="" class="jsx-34351f8c1c3ac6ee transparent" style="overflow: visible;"><title class="jsx-34351f8c1c3ac6ee">Insert cell</title><path d="M0,-4.5V4.5M-4.5,0H4.5" class="jsx-34351f8c1c3ac6ee "></path></svg></div></div><div id="cell-50" class="jsx-3846077284 absolute gutter dn-print" style="height: 58px;"><button aria-label="gutter" title="Focus cell" class="jsx-3846077284 db bn bg-transparent absolute top-0 bottom-0 right-0 w-100 pointer moon-gray hover-mid-gray"></button><button aria-haspopup="true" aria-controls="menu--3725" class="moon-gray bg-transparent dn jsx-3890680677 absolute top-0 bn pa0" title="Click for cell actions
Drag to move cell" aria-label="Click for cell actions
Drag to move cell" id="menu-button--menu--3725" type="button" data-reach-menu-button="" style="right: 1px; width: 20px; height: 29.0156px;"><div class="jsx-3846077284 absolute top-0 flex items-center justify-center" style="width: 20px; height: 29px;"><svg viewBox="0 0 16 16" width="16" height="16" fill="currentColor"><circle r="1.5" cx="8" cy="2.5"></circle><circle r="1.5" cx="8" cy="7.5"></circle><circle r="1.5" cx="8" cy="12.5"></circle></svg></div></button><div class="jsx-3846077284 absolute right-0" style="top: 29.0156px; height: calc(100% - 29.0156px);"><button aria-haspopup="true" aria-controls="menu--3873" class="moon-gray pointer bg-transparent jsx-2740246534 absolute bottom-0 bn pa0" title="JavaScript
Click to set language" id="menu-button--menu--3873" type="button" data-reach-menu-button="" style="top: -1px; right: 1px; width: 20px; border-top: 1px solid white;"><div class="jsx-3846077284 absolute top-0 flex items-center justify-center" style="width: 20px; height: 29px;"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="jsx-3846077284"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.9009 13.0686C12.3333 13.6581 11.5224 14 10.5556 14H9.5V12H10.5556C11.0331 12 11.3056 11.8419 11.4602 11.6814C11.6267 11.5085 11.7222 11.2642 11.7222 11V10.5C11.7222 10.2276 11.7301 9.79053 12.14 9C12.5 8.39782 13.25 8 13.25 8C13.25 8 12.4702 7.69361 12.14 7.05676C11.7301 6.26622 11.7222 5.77243 11.7222 5.5V5C11.7222 4.73583 11.6267 4.49147 11.4602 4.31864C11.3056 4.1581 11.0331 4 10.5556 4H9.5L9.5 2H10.5556C11.5224 2 12.3333 2.3419 12.9009 2.93136C13.4567 3.50853 13.7222 4.26417 13.7222 5V5.5C13.7222 5.72757 13.7421 6.14272 13.9155 6.47718C13.9933 6.6271 14.0935 6.74371 14.2303 6.82779C14.3663 6.91136 14.5987 7 15 7V9C14.5987 9 14.3663 9.08864 14.2303 9.17221C14.0935 9.25629 13.9933 9.3729 13.9155 9.52282C13.7421 9.85728 13.7222 10.2724 13.7222 10.5V11C13.7222 11.7358 13.4567 12.4915 12.9009 13.0686Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M3.09912 13.0686C3.66675 13.6581 4.47757 14 5.44444 14H6.5V12H5.44444C4.96688 12 4.69436 11.8419 4.53976 11.6814C4.37334 11.5085 4.27778 11.2642 4.27778 11V10.5C4.27778 10.2276 4.26988 9.79053 3.85998 9C3.5 8.39782 2.75 8 2.75 8C2.75 8 3.52976 7.69361 3.85998 7.05676C4.26988 6.26622 4.27778 5.77243 4.27778 5.5V5C4.27778 4.73583 4.37334 4.49147 4.53976 4.31864C4.69436 4.1581 4.96688 4 5.44444 4H6.5L6.5 2H5.44444C4.47757 2 3.66675 2.3419 3.09912 2.93136C2.54333 3.50853 2.27778 4.26417 2.27778 5V5.5C2.27778 5.72757 2.25789 6.14272 2.08447 6.47718C2.00673 6.6271 1.90646 6.74371 1.7697 6.82779C1.63375 6.91136 1.40134 7 1 7L1 9C1.40134 9 1.63375 9.08864 1.7697 9.17221C1.90646 9.25629 2.00673 9.3729 2.08447 9.52282C2.25789 9.85728 2.27778 10.2724 2.27778 10.5V11C2.27778 11.7358 2.54333 12.4915 3.09912 13.0686Z" fill="currentColor"></path></svg></div></button></div></div><div class="relative node pen" data-node-id="50" id="create" style="margin-top: 17px; margin-bottom: 17px; padding-top: 29.0156px;"><div></div><div class="relative"><div class="relative pea"><div></div><div class="relative"><div class="cm-editor ͼ1 ͼ2 ͼ4 ͼ5"><div aria-live="polite" style="position: absolute; top: -10000px;"></div><div tabindex="-1" class="cm-scroller"><div class="cm-gutters" aria-hidden="true" style="min-height: 28.9943px; position: sticky;"><div class="cm-gutter cm-gutter-lint"></div></div><div spellcheck="false" autocorrect="off" autocapitalize="off" translate="no" contenteditable="true" class="cm-content cm-lineWrapping" style="tab-size: 2;" role="textbox" aria-multiline="true" aria-autocomplete="list" data-cy="editor"><div class="cm-activeLine cm-line"><span class="tok-variableName tok-definition">create</span> <span class="tok-operator">=</span> <span title="Jump to defining cell Ctrl-J" class="reference-mark"><span class="tok-variableName">d3</span></span><span class="tok-operator">.</span><span class="tok-propertyName">create</span><span class="tok-punctuation">;</span></div></div><div class="cm-selectionLayer" aria-hidden="true"></div><div class="cm-cursorLayer" aria-hidden="true" style="animation-duration: 1200ms;"><div class="cm-cursor cm-cursor-primary" style="left: 10px; top: 5.81439px; height: 16.3636px;"></div></div></div></div><button title="Run cell Shift-Enter" class="flex items-center absolute top-0 bg-transparent bn br2 pointer squishy moon-gray hover-mid-gray dn-print" style="right: -14px; height: 29px;"><svg width="16" height="16" fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2" viewBox="0 0 16 16"><path d="M4 12.4788V3.52116C4 2.23802 5.50646 1.54723 6.47878 2.38451L11.68 6.86335C12.375 7.46178 12.375 8.53822 11.68 9.13665L6.47878 13.6155C5.50646 14.4528 4 13.762 4 12.4788Z"></path></svg></button></div></div></div><div></div></div><div class="absolute dn-print" style="margin-top: -16px; left: -32px;"><div class="jsx-34351f8c1c3ac6ee absolute"><svg width="17" height="15" viewBox="-8.5 -7.5 17 15" role="button" aria-label="Click to insert or merge cells" stroke="currentColor" stroke-width="2" stroke-linecap="round" fill="none" transform="" class="jsx-34351f8c1c3ac6ee transparent" style="overflow: visible;"><title class="jsx-34351f8c1c3ac6ee">Insert cell</title><path d="M0,-4.5V4.5M-4.5,0H4.5" class="jsx-34351f8c1c3ac6ee "></path></svg></div></div><div id="cell-69" class="jsx-3846077284 absolute gutter dn-print" style="height: 374px;"><button aria-label="gutter" title="Edit cell" class="jsx-3846077284 db bn bg-transparent absolute top-0 bottom-0 right-0 w-100 pointer moon-gray hover-mid-gray"></button><button aria-haspopup="true" aria-controls="menu--3726" class="moon-gray bg-transparent dn jsx-2205038455 absolute top-0 bn pa0" title="Click for cell actions
Drag to move cell" aria-label="Click for cell actions
Drag to move cell" id="menu-button--menu--3726" type="button" data-reach-menu-button="" style="right: 1px; width: 20px; height: 374px;"><div class="jsx-3846077284 absolute top-0 flex items-center justify-center" style="width: 20px; height: 29px;"><svg viewBox="0 0 16 16" width="16" height="16" fill="currentColor"><circle r="1.5" cx="8" cy="2.5"></circle><circle r="1.5" cx="8" cy="7.5"></circle><circle r="1.5" cx="8" cy="12.5"></circle></svg></div></button></div><div class="relative node pen" data-node-id="69" style="margin-top: 17px; margin-bottom: 17px; padding-top: 374px;"><div></div><div class="relative"></div><div></div></div><div class="absolute dn-print" style="margin-top: -16px; left: -32px;"><div class="jsx-34351f8c1c3ac6ee absolute"><svg width="17" height="15" viewBox="-8.5 -7.5 17 15" role="button" aria-label="Click to insert or merge cells" stroke="currentColor" stroke-width="2" stroke-linecap="round" fill="none" transform="" class="jsx-34351f8c1c3ac6ee transparent" style="overflow: visible;"><title class="jsx-34351f8c1c3ac6ee">Insert cell</title><path d="M0,-4.5V4.5M-4.5,0H4.5" class="jsx-34351f8c1c3ac6ee "></path></svg></div></div><div id="cell-54" class="jsx-3846077284 absolute gutter dn-print" style="height: 3296px;"><button aria-label="gutter" title="Focus cell" class="jsx-3846077284 db bn bg-transparent absolute top-0 bottom-0 right-0 w-100 pointer moon-gray hover-mid-gray"></button><button aria-haspopup="true" aria-controls="menu--3727" class="moon-gray bg-transparent dn jsx-3890680677 absolute top-0 bn pa0" title="Click for cell actions
Drag to move cell" aria-label="Click for cell actions
Drag to move cell" id="menu-button--menu--3727" type="button" data-reach-menu-button="" style="right: 1px; width: 20px; height: 2007.36px;"><div class="jsx-3846077284 absolute top-0 flex items-center justify-center" style="width: 20px; height: 29px;"><svg viewBox="0 0 16 16" width="16" height="16" fill="currentColor"><circle r="1.5" cx="8" cy="2.5"></circle><circle r="1.5" cx="8" cy="7.5"></circle><circle r="1.5" cx="8" cy="12.5"></circle></svg></div></button><div class="jsx-3846077284 absolute right-0" style="top: 2007.36px; height: calc(100% - 2007.36px);"><button aria-haspopup="true" aria-controls="menu--4021" class="moon-gray pointer bg-transparent jsx-2740246534 absolute bottom-0 bn pa0" title="JavaScript
Click to set language" id="menu-button--menu--4021" type="button" data-reach-menu-button="" style="top: -1px; right: 1px; width: 20px; border-top: 1px solid white;"><div class="jsx-3846077284 absolute top-0 flex items-center justify-center" style="width: 20px; height: 29px;"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="jsx-3846077284"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.9009 13.0686C12.3333 13.6581 11.5224 14 10.5556 14H9.5V12H10.5556C11.0331 12 11.3056 11.8419 11.4602 11.6814C11.6267 11.5085 11.7222 11.2642 11.7222 11V10.5C11.7222 10.2276 11.7301 9.79053 12.14 9C12.5 8.39782 13.25 8 13.25 8C13.25 8 12.4702 7.69361 12.14 7.05676C11.7301 6.26622 11.7222 5.77243 11.7222 5.5V5C11.7222 4.73583 11.6267 4.49147 11.4602 4.31864C11.3056 4.1581 11.0331 4 10.5556 4H9.5L9.5 2H10.5556C11.5224 2 12.3333 2.3419 12.9009 2.93136C13.4567 3.50853 13.7222 4.26417 13.7222 5V5.5C13.7222 5.72757 13.7421 6.14272 13.9155 6.47718C13.9933 6.6271 14.0935 6.74371 14.2303 6.82779C14.3663 6.91136 14.5987 7 15 7V9C14.5987 9 14.3663 9.08864 14.2303 9.17221C14.0935 9.25629 13.9933 9.3729 13.9155 9.52282C13.7421 9.85728 13.7222 10.2724 13.7222 10.5V11C13.7222 11.7358 13.4567 12.4915 12.9009 13.0686Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M3.09912 13.0686C3.66675 13.6581 4.47757 14 5.44444 14H6.5V12H5.44444C4.96688 12 4.69436 11.8419 4.53976 11.6814C4.37334 11.5085 4.27778 11.2642 4.27778 11V10.5C4.27778 10.2276 4.26988 9.79053 3.85998 9C3.5 8.39782 2.75 8 2.75 8C2.75 8 3.52976 7.69361 3.85998 7.05676C4.26988 6.26622 4.27778 5.77243 4.27778 5.5V5C4.27778 4.73583 4.37334 4.49147 4.53976 4.31864C4.69436 4.1581 4.96688 4 5.44444 4H6.5L6.5 2H5.44444C4.47757 2 3.66675 2.3419 3.09912 2.93136C2.54333 3.50853 2.27778 4.26417 2.27778 5V5.5C2.27778 5.72757 2.25789 6.14272 2.08447 6.47718C2.00673 6.6271 1.90646 6.74371 1.7697 6.82779C1.63375 6.91136 1.40134 7 1 7L1 9C1.40134 9 1.63375 9.08864 1.7697 9.17221C1.90646 9.25629 2.00673 9.3729 2.08447 9.52282C2.25789 9.85728 2.27778 10.2724 2.27778 10.5V11C2.27778 11.7358 2.54333 12.4915 3.09912 13.0686Z" fill="currentColor"></path></svg></div></button></div></div><div class="relative node pen" data-node-id="54" id="graph2" style="margin-top: 17px; margin-bottom: 17px; padding-top: 2007.36px;"><div></div><div class="relative"><div class="relative pea"><div></div><div class="relative"><div class="cm-editor ͼ1 ͼ2 ͼ4 ͼ5"><div aria-live="polite" style="position: absolute; top: -10000px;"></div><div tabindex="-1" class="cm-scroller"><div class="cm-gutters" aria-hidden="true" style="min-height: 1288.65px; position: sticky;"><div class="cm-gutter cm-gutter-lint"></div></div><div spellcheck="false" autocorrect="off" autocapitalize="off" translate="no" contenteditable="true" class="cm-content cm-lineWrapping" style="tab-size: 2;" role="textbox" aria-multiline="true" aria-autocomplete="list" data-cy="editor"><div class="cm-activeLine cm-line"><span class="tok-keyword">viewof</span> <span class="tok-variableName tok-definition">graph2</span> <span class="tok-operator">=</span> <span class="tok-punctuation">{</span></div><div class="cm-line"> <span class="tok-keyword">const</span> <span class="tok-variableName tok-definition">colorMap</span> <span class="tok-operator">=</span> <span class="tok-punctuation">{</span></div><div class="cm-line"> <span class="tok-string">"company"</span><span class="tok-punctuation">:</span> <span class="tok-string">"blue"</span><span class="tok-punctuation">,</span></div><div class="cm-line"> <span class="tok-string">"organization"</span><span class="tok-punctuation">:</span> <span class="tok-string">"green"</span><span class="tok-punctuation">,</span></div><div class="cm-line"> <span class="tok-string">"person"</span><span class="tok-punctuation">:</span> <span class="tok-string">"red"</span></div><div class="cm-line"><span class="tok-punctuation">}</span><span class="tok-punctuation">;</span></div><div class="cm-line"> </div><div class="cm-line"><span class="tok-keyword">const</span> <span class="tok-variableName tok-definition">nodeScale</span> <span class="tok-operator">=</span> <span title="Jump to defining cell Ctrl-J" class="reference-mark"><span class="tok-variableName">scaleLinear</span></span><span class="tok-punctuation">(</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">domain</span><span class="tok-punctuation">(</span><span title="Jump to defining cell Ctrl-J" class="reference-mark"><span class="tok-variableName">extent</span></span><span class="tok-punctuation">(</span><span title="Jump to defining cell Ctrl-J" class="reference-mark"><span class="tok-variableName">filtered_data</span></span><span class="tok-operator">.</span><span class="tok-propertyName">nodes</span><span class="tok-punctuation">,</span> <span class="tok-variableName tok-definition">d</span> <span class="tok-punctuation">=></span> <span class="tok-variableName">d</span><span class="tok-operator">.</span><span class="tok-propertyName">degree</span> <span class="tok-operator">===</span> <span class="tok-string">'direct'</span> <span class="tok-operator">?</span> <span class="tok-number">1</span> <span class="tok-operator">:</span> <span class="tok-number">0.5</span><span class="tok-punctuation">)</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">range</span><span class="tok-punctuation">(</span><span class="tok-punctuation">[</span><span class="tok-number">5</span><span class="tok-punctuation">,</span> <span class="tok-number">15</span><span class="tok-punctuation">]</span><span class="tok-punctuation">)</span><span class="tok-punctuation">;</span></div><div class="cm-line"><br></div><div class="cm-line"><span class="tok-keyword">const</span> <span class="tok-variableName tok-definition">linkScale</span> <span class="tok-operator">=</span> <span title="Jump to defining cell Ctrl-J" class="reference-mark"><span class="tok-variableName">scaleLinear</span></span><span class="tok-punctuation">(</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">domain</span><span class="tok-punctuation">(</span><span title="Jump to defining cell Ctrl-J" class="reference-mark"><span class="tok-variableName">extent</span></span><span class="tok-punctuation">(</span><span title="Jump to defining cell Ctrl-J" class="reference-mark"><span class="tok-variableName">filtered_data</span></span><span class="tok-operator">.</span><span class="tok-propertyName">links</span><span class="tok-punctuation">,</span> <span class="tok-variableName tok-definition">l</span> <span class="tok-punctuation">=></span> <span class="tok-variableName">l</span><span class="tok-operator">.</span><span class="tok-propertyName">weight</span><span class="tok-punctuation">)</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">range</span><span class="tok-punctuation">(</span><span class="tok-punctuation">[</span><span class="tok-number">1</span><span class="tok-punctuation">,</span> <span class="tok-number">5</span><span class="tok-punctuation">]</span><span class="tok-punctuation">)</span><span class="tok-punctuation">;</span></div><div class="cm-line"><br></div><div class="cm-line"><span class="tok-keyword">const</span> <span class="tok-variableName tok-definition">width</span> <span class="tok-operator">=</span> <span class="tok-number">1000</span><span class="tok-punctuation">;</span></div><div class="cm-line"><span class="tok-keyword">const</span> <span class="tok-variableName tok-definition">height</span> <span class="tok-operator">=</span> <span class="tok-number">2000</span><span class="tok-punctuation">;</span></div><div class="cm-line"><br></div><div class="cm-line"><span class="tok-keyword">const</span> <span class="tok-variableName tok-definition">svg</span> <span class="tok-operator">=</span> <span title="Jump to defining cell Ctrl-J" class="reference-mark"><span class="tok-variableName">select</span></span><span class="tok-punctuation">(</span><span title="" class=""><span class="tok-variableName">DOM</span></span><span class="tok-operator">.</span><span class="tok-propertyName">svg</span><span class="tok-punctuation">(</span><span class="tok-variableName">width</span><span class="tok-punctuation">,</span> <span class="tok-variableName">height</span><span class="tok-punctuation">)</span><span class="tok-punctuation">)</span><span class="tok-punctuation">;</span></div><div class="cm-line"><span class="tok-variableName">svg</span><span class="tok-operator">.</span><span class="tok-propertyName">attr</span><span class="tok-punctuation">(</span><span class="tok-string">"viewBox"</span><span class="tok-punctuation">,</span> <span class="tok-punctuation">[</span><span class="tok-operator">-</span><span class="tok-variableName">width</span> <span class="tok-operator">/</span> <span class="tok-number">2</span><span class="tok-punctuation">,</span> <span class="tok-operator">-</span><span class="tok-variableName">height</span> <span class="tok-operator">/</span> <span class="tok-number">2</span><span class="tok-punctuation">,</span> <span class="tok-variableName">width</span><span class="tok-punctuation">,</span> <span class="tok-variableName">height</span><span class="tok-punctuation">]</span><span class="tok-punctuation">)</span><span class="tok-punctuation">;</span></div><div class="cm-line"><br></div><div class="cm-line"> <span class="tok-keyword">function</span> <span class="tok-variableName">ticked</span><span class="tok-punctuation">(</span><span class="tok-punctuation">)</span> <span class="tok-punctuation">{</span></div><div class="cm-line"> <span class="tok-variableName">link</span><span class="tok-operator">.</span><span class="tok-propertyName">attr</span><span class="tok-punctuation">(</span><span class="tok-string">"x1"</span><span class="tok-punctuation">,</span> <span class="tok-variableName tok-definition">d</span> <span class="tok-punctuation">=></span> <span class="tok-variableName">d</span><span class="tok-operator">.</span><span class="tok-propertyName">source</span><span class="tok-operator">.</span><span class="tok-propertyName">x</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">attr</span><span class="tok-punctuation">(</span><span class="tok-string">"y1"</span><span class="tok-punctuation">,</span> <span class="tok-variableName tok-definition">d</span> <span class="tok-punctuation">=></span> <span class="tok-variableName">d</span><span class="tok-operator">.</span><span class="tok-propertyName">source</span><span class="tok-operator">.</span><span class="tok-propertyName">y</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">attr</span><span class="tok-punctuation">(</span><span class="tok-string">"x2"</span><span class="tok-punctuation">,</span> <span class="tok-variableName tok-definition">d</span> <span class="tok-punctuation">=></span> <span class="tok-variableName">d</span><span class="tok-operator">.</span><span class="tok-propertyName">target</span><span class="tok-operator">.</span><span class="tok-propertyName">x</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">attr</span><span class="tok-punctuation">(</span><span class="tok-string">"y2"</span><span class="tok-punctuation">,</span> <span class="tok-variableName tok-definition">d</span> <span class="tok-punctuation">=></span> <span class="tok-variableName">d</span><span class="tok-operator">.</span><span class="tok-propertyName">target</span><span class="tok-operator">.</span><span class="tok-propertyName">y</span><span class="tok-punctuation">)</span><span class="tok-punctuation">;</span></div><div class="cm-line"><br></div><div class="cm-line"> <span class="tok-variableName">node</span><span class="tok-operator">.</span><span class="tok-propertyName">attr</span><span class="tok-punctuation">(</span><span class="tok-string">"cx"</span><span class="tok-punctuation">,</span> <span class="tok-variableName tok-definition">d</span> <span class="tok-punctuation">=></span> <span class="tok-variableName">d</span><span class="tok-operator">.</span><span class="tok-propertyName">x</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">attr</span><span class="tok-punctuation">(</span><span class="tok-string">"cy"</span><span class="tok-punctuation">,</span> <span class="tok-variableName tok-definition">d</span> <span class="tok-punctuation">=></span> <span class="tok-variableName">d</span><span class="tok-operator">.</span><span class="tok-propertyName">y</span><span class="tok-punctuation">)</span><span class="tok-punctuation">;</span></div><div class="cm-line"><span class="tok-punctuation">}</span></div><div class="cm-line"> </div><div class="cm-line"><span class="tok-keyword">const</span> <span class="tok-variableName tok-definition">link</span> <span class="tok-operator">=</span> <span class="tok-variableName">svg</span><span class="tok-operator">.</span><span class="tok-propertyName">append</span><span class="tok-punctuation">(</span><span class="tok-string">"g"</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">selectAll</span><span class="tok-punctuation">(</span><span class="tok-string">"line"</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">data</span><span class="tok-punctuation">(</span><span title="Jump to defining cell Ctrl-J" class="reference-mark"><span class="tok-variableName">filtered_data</span></span><span class="tok-operator">.</span><span class="tok-propertyName">links</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">join</span><span class="tok-punctuation">(</span><span class="tok-string">"line"</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">attr</span><span class="tok-punctuation">(</span><span class="tok-string">"stroke-width"</span><span class="tok-punctuation">,</span> <span class="tok-variableName tok-definition">d</span> <span class="tok-punctuation">=></span> <span class="tok-variableName">linkScale</span><span class="tok-punctuation">(</span><span class="tok-variableName">d</span><span class="tok-operator">.</span><span class="tok-propertyName">weight</span><span class="tok-punctuation">)</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">attr</span><span class="tok-punctuation">(</span><span class="tok-string">"stroke"</span><span class="tok-punctuation">,</span> <span class="tok-string">"#999"</span><span class="tok-punctuation">)</span><span class="tok-punctuation">;</span></div><div class="cm-line"><br></div><div class="cm-line"> <span class="tok-keyword">const</span> <span class="tok-variableName tok-definition">simulation</span> <span class="tok-operator">=</span> <span title="Jump to defining cell Ctrl-J" class="reference-mark"><span class="tok-variableName">d3</span></span><span class="tok-operator">.</span><span class="tok-propertyName">forceSimulation</span><span class="tok-punctuation">(</span><span title="Jump to defining cell Ctrl-J" class="reference-mark"><span class="tok-variableName">filtered_data</span></span><span class="tok-operator">.</span><span class="tok-propertyName">nodes</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">force</span><span class="tok-punctuation">(</span><span class="tok-string">"charge"</span><span class="tok-punctuation">,</span> <span title="Jump to defining cell Ctrl-J" class="reference-mark"><span class="tok-variableName">d3</span></span><span class="tok-operator">.</span><span class="tok-propertyName">forceManyBody</span><span class="tok-punctuation">(</span><span class="tok-punctuation">)</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">force</span><span class="tok-punctuation">(</span><span class="tok-string">"link"</span><span class="tok-punctuation">,</span> <span title="Jump to defining cell Ctrl-J" class="reference-mark"><span class="tok-variableName">d3</span></span><span class="tok-operator">.</span><span class="tok-propertyName">forceLink</span><span class="tok-punctuation">(</span><span title="Jump to defining cell Ctrl-J" class="reference-mark"><span class="tok-variableName">filtered_data</span></span><span class="tok-operator">.</span><span class="tok-propertyName">links</span><span class="tok-punctuation">)</span><span class="tok-operator">.</span><span class="tok-propertyName">id</span><span class="tok-punctuation">(</span><span class="tok-variableName tok-definition">d</span> <span class="tok-punctuation">=></span> <span class="tok-variableName">d</span><span class="tok-operator">.</span><span class="tok-propertyName">id</span><span class="tok-punctuation">)</span><span class="tok-operator">.</span><span class="tok-propertyName">distance</span><span class="tok-punctuation">(</span><span class="tok-number">50</span><span class="tok-punctuation">)</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">force</span><span class="tok-punctuation">(</span><span class="tok-string">"center"</span><span class="tok-punctuation">,</span> <span title="Jump to defining cell Ctrl-J" class="reference-mark"><span class="tok-variableName">d3</span></span><span class="tok-operator">.</span><span class="tok-propertyName">forceCenter</span><span class="tok-punctuation">(</span><span class="tok-number">0</span><span class="tok-punctuation">,</span> <span class="tok-number">0</span><span class="tok-punctuation">)</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">on</span><span class="tok-punctuation">(</span><span class="tok-string">"tick"</span><span class="tok-punctuation">,</span> <span class="tok-variableName">ticked</span><span class="tok-punctuation">)</span><span class="tok-punctuation">;</span></div><div class="cm-line"> </div><div class="cm-line"><span class="tok-keyword">const</span> <span class="tok-variableName tok-definition">node</span> <span class="tok-operator">=</span> <span class="tok-variableName">svg</span><span class="tok-operator">.</span><span class="tok-propertyName">append</span><span class="tok-punctuation">(</span><span class="tok-string">"g"</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">selectAll</span><span class="tok-punctuation">(</span><span class="tok-string">"circle"</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">data</span><span class="tok-punctuation">(</span><span title="Jump to defining cell Ctrl-J" class="reference-mark"><span class="tok-variableName">filtered_data</span></span><span class="tok-operator">.</span><span class="tok-propertyName">nodes</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">join</span><span class="tok-punctuation">(</span><span class="tok-string">"circle"</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">attr</span><span class="tok-punctuation">(</span><span class="tok-string">"r"</span><span class="tok-punctuation">,</span> <span class="tok-variableName tok-definition">d</span> <span class="tok-punctuation">=></span> <span class="tok-variableName">nodeScale</span><span class="tok-punctuation">(</span><span class="tok-variableName">d</span><span class="tok-operator">.</span><span class="tok-propertyName">degree</span> <span class="tok-operator">===</span> <span class="tok-string">'direct'</span> <span class="tok-operator">?</span> <span class="tok-number">1</span> <span class="tok-operator">:</span> <span class="tok-number">0.5</span><span class="tok-punctuation">)</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">attr</span><span class="tok-punctuation">(</span><span class="tok-string">"fill"</span><span class="tok-punctuation">,</span> <span class="tok-variableName tok-definition">d</span> <span class="tok-punctuation">=></span> <span class="tok-variableName">colorMap</span><span class="tok-punctuation">[</span><span class="tok-variableName">d</span><span class="tok-operator">.</span><span class="tok-propertyName">type</span><span class="tok-punctuation">]</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">call</span><span class="tok-punctuation">(</span><span title="Jump to defining cell Ctrl-J" class="reference-mark"><span class="tok-variableName">drag_simu</span></span><span class="tok-punctuation">(</span><span class="tok-variableName">simulation</span><span class="tok-punctuation">)</span><span class="tok-punctuation">)</span><span class="tok-punctuation">;</span></div><div class="cm-line"><br></div><div class="cm-line"><span class="tok-variableName">node</span><span class="tok-operator">.</span><span class="tok-propertyName">append</span><span class="tok-punctuation">(</span><span class="tok-string">"title"</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">text</span><span class="tok-punctuation">(</span><span class="tok-variableName tok-definition">d</span> <span class="tok-punctuation">=></span> <span class="tok-string2">`Entity: ${</span><span class="tok-variableName">d</span><span class="tok-operator">.</span><span class="tok-propertyName">id</span><span class="tok-string2">}\nType: ${</span><span class="tok-variableName">d</span><span class="tok-operator">.</span><span class="tok-propertyName">type</span><span class="tok-string2">}\nCountry: ${</span><span class="tok-variableName">d</span><span class="tok-operator">.</span><span class="tok-propertyName">country</span><span class="tok-string2">}\nDegree: ${</span><span class="tok-variableName">d</span><span class="tok-operator">.</span><span class="tok-propertyName">degree</span><span class="tok-string2">}`</span><span class="tok-punctuation">)</span><span class="tok-punctuation">;</span></div><div class="cm-line"><br></div><div class="cm-line"><span class="tok-variableName">node</span><span class="tok-operator">.</span><span class="tok-propertyName">on</span><span class="tok-punctuation">(</span><span class="tok-string">"click"</span><span class="tok-punctuation">,</span> <span class="tok-keyword">function</span><span class="tok-punctuation">(</span><span class="tok-variableName tok-definition">d</span><span class="tok-punctuation">)</span> <span class="tok-punctuation">{</span></div><div class="cm-line"> <span class="tok-variableName">console</span><span class="tok-operator">.</span><span class="tok-propertyName">log</span><span class="tok-punctuation">(</span><span class="tok-string2">`Clicked on node ${</span><span class="tok-variableName">d</span><span class="tok-operator">.</span><span class="tok-propertyName">id</span><span class="tok-string2">} of type ${</span><span class="tok-variableName">d</span><span class="tok-operator">.</span><span class="tok-propertyName">type</span><span class="tok-string2">} from ${</span><span class="tok-variableName">d</span><span class="tok-operator">.</span><span class="tok-propertyName">dataset</span><span class="tok-string2">} with degree: ${</span><span class="tok-variableName">d</span><span class="tok-operator">.</span><span class="tok-propertyName">degree</span><span class="tok-string2">}`</span><span class="tok-punctuation">)</span><span class="tok-punctuation">;</span></div><div class="cm-line"><span class="tok-punctuation">}</span><span class="tok-punctuation">)</span><span class="tok-punctuation">;</span></div><div class="cm-line"><br></div><div class="cm-line"><span class="tok-keyword">return</span> <span class="tok-variableName">svg</span><span class="tok-operator">.</span><span class="tok-propertyName">node</span><span class="tok-punctuation">(</span><span class="tok-punctuation">)</span><span class="tok-punctuation">;</span></div><div class="cm-line"><span class="tok-punctuation">}</span></div></div><div class="cm-selectionLayer" aria-hidden="true"></div><div class="cm-cursorLayer" aria-hidden="true" style="animation-duration: 1200ms;"><div class="cm-cursor cm-cursor-primary" style="left: 10px; top: 5.81439px; height: 16.3636px;"></div></div></div></div><button title="Run cell Shift-Enter" class="flex items-center absolute top-0 bg-transparent bn br2 pointer squishy moon-gray hover-mid-gray dn-print" style="right: -14px; height: 29px;"><svg width="16" height="16" fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2" viewBox="0 0 16 16"><path d="M4 12.4788V3.52116C4 2.23802 5.50646 1.54723 6.47878 2.38451L11.68 6.86335C12.375 7.46178 12.375 8.53822 11.68 9.13665L6.47878 13.6155C5.50646 14.4528 4 13.762 4 12.4788Z"></path></svg></button></div></div></div><div></div></div><div class="absolute dn-print" style="margin-top: -16px; left: -32px;"><div class="jsx-34351f8c1c3ac6ee absolute"><svg width="17" height="15" viewBox="-8.5 -7.5 17 15" role="button" aria-label="Click to insert or merge cells" stroke="currentColor" stroke-width="2" stroke-linecap="round" fill="none" transform="" class="jsx-34351f8c1c3ac6ee transparent" style="overflow: visible;"><title class="jsx-34351f8c1c3ac6ee">Insert cell</title><path d="M0,-4.5V4.5M-4.5,0H4.5" class="jsx-34351f8c1c3ac6ee "></path></svg></div></div><div id="cell-79" class="jsx-3846077284 absolute gutter dn-print" style="height: 26px;"><button aria-label="gutter" title="Edit cell" class="jsx-3846077284 db bn bg-transparent absolute top-0 bottom-0 right-0 w-100 pointer moon-gray hover-mid-gray"></button><button aria-haspopup="true" aria-controls="menu--3728" class="moon-gray bg-transparent dn jsx-2205038455 absolute top-0 bn pa0" title="Click for cell actions
Drag to move cell" aria-label="Click for cell actions
Drag to move cell" id="menu-button--menu--3728" type="button" data-reach-menu-button="" style="right: 1px; width: 20px; height: 26px;"><div class="jsx-3846077284 absolute top-0 flex items-center justify-center" style="width: 20px; height: 26px;"><svg viewBox="0 0 16 16" width="16" height="16" fill="currentColor"><circle r="1.5" cx="8" cy="2.5"></circle><circle r="1.5" cx="8" cy="7.5"></circle><circle r="1.5" cx="8" cy="12.5"></circle></svg></div></button></div><div class="relative node pen" data-node-id="79" style="margin-top: 17px; margin-bottom: 17px; padding-top: 26px;"><div></div><div class="relative"></div><div></div></div><div class="absolute dn-print" style="margin-top: -16px; left: -32px;"><div class="jsx-34351f8c1c3ac6ee absolute"><svg width="17" height="15" viewBox="-8.5 -7.5 17 15" role="button" aria-label="Click to insert or merge cells" stroke="currentColor" stroke-width="2" stroke-linecap="round" fill="none" transform="" class="jsx-34351f8c1c3ac6ee transparent" style="overflow: visible;"><title class="jsx-34351f8c1c3ac6ee">Insert cell</title><path d="M0,-4.5V4.5M-4.5,0H4.5" class="jsx-34351f8c1c3ac6ee "></path></svg></div></div><div id="cell-63" class="jsx-3846077284 absolute gutter dn-print" style="height: 163px;"><button aria-label="gutter" title="Focus cell" class="jsx-3846077284 db bn bg-transparent absolute top-0 bottom-0 right-0 w-100 pointer moon-gray hover-mid-gray"></button><button aria-haspopup="true" aria-controls="menu--3729" class="moon-gray bg-transparent dn jsx-3890680677 absolute top-0 bn pa0" title="Click for cell actions
Drag to move cell" aria-label="Click for cell actions
Drag to move cell" id="menu-button--menu--3729" type="button" data-reach-menu-button="" style="right: 1px; width: 20px; height: 29.0469px;"><div class="jsx-3846077284 absolute top-0 flex items-center justify-center" style="width: 20px; height: 29px;"><svg viewBox="0 0 16 16" width="16" height="16" fill="currentColor"><circle r="1.5" cx="8" cy="2.5"></circle><circle r="1.5" cx="8" cy="7.5"></circle><circle r="1.5" cx="8" cy="12.5"></circle></svg></div></button><div class="jsx-3846077284 absolute right-0" style="top: 29.0469px; height: calc(100% - 29.0469px);"><button aria-haspopup="true" aria-controls="menu--3877" class="moon-gray pointer bg-transparent jsx-2740246534 absolute bottom-0 bn pa0" title="JavaScript
Click to set language" id="menu-button--menu--3877" type="button" data-reach-menu-button="" style="top: -1px; right: 1px; width: 20px; border-top: 1px solid white;"><div class="jsx-3846077284 absolute top-0 flex items-center justify-center" style="width: 20px; height: 29px;"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="jsx-3846077284"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.9009 13.0686C12.3333 13.6581 11.5224 14 10.5556 14H9.5V12H10.5556C11.0331 12 11.3056 11.8419 11.4602 11.6814C11.6267 11.5085 11.7222 11.2642 11.7222 11V10.5C11.7222 10.2276 11.7301 9.79053 12.14 9C12.5 8.39782 13.25 8 13.25 8C13.25 8 12.4702 7.69361 12.14 7.05676C11.7301 6.26622 11.7222 5.77243 11.7222 5.5V5C11.7222 4.73583 11.6267 4.49147 11.4602 4.31864C11.3056 4.1581 11.0331 4 10.5556 4H9.5L9.5 2H10.5556C11.5224 2 12.3333 2.3419 12.9009 2.93136C13.4567 3.50853 13.7222 4.26417 13.7222 5V5.5C13.7222 5.72757 13.7421 6.14272 13.9155 6.47718C13.9933 6.6271 14.0935 6.74371 14.2303 6.82779C14.3663 6.91136 14.5987 7 15 7V9C14.5987 9 14.3663 9.08864 14.2303 9.17221C14.0935 9.25629 13.9933 9.3729 13.9155 9.52282C13.7421 9.85728 13.7222 10.2724 13.7222 10.5V11C13.7222 11.7358 13.4567 12.4915 12.9009 13.0686Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M3.09912 13.0686C3.66675 13.6581 4.47757 14 5.44444 14H6.5V12H5.44444C4.96688 12 4.69436 11.8419 4.53976 11.6814C4.37334 11.5085 4.27778 11.2642 4.27778 11V10.5C4.27778 10.2276 4.26988 9.79053 3.85998 9C3.5 8.39782 2.75 8 2.75 8C2.75 8 3.52976 7.69361 3.85998 7.05676C4.26988 6.26622 4.27778 5.77243 4.27778 5.5V5C4.27778 4.73583 4.37334 4.49147 4.53976 4.31864C4.69436 4.1581 4.96688 4 5.44444 4H6.5L6.5 2H5.44444C4.47757 2 3.66675 2.3419 3.09912 2.93136C2.54333 3.50853 2.27778 4.26417 2.27778 5V5.5C2.27778 5.72757 2.25789 6.14272 2.08447 6.47718C2.00673 6.6271 1.90646 6.74371 1.7697 6.82779C1.63375 6.91136 1.40134 7 1 7L1 9C1.40134 9 1.63375 9.08864 1.7697 9.17221C1.90646 9.25629 2.00673 9.3729 2.08447 9.52282C2.25789 9.85728 2.27778 10.2724 2.27778 10.5V11C2.27778 11.7358 2.54333 12.4915 3.09912 13.0686Z" fill="currentColor"></path></svg></div></button></div></div><div class="relative node pen" data-node-id="63" id="filtered_data2" style="margin-top: 17px; margin-bottom: 17px; padding-top: 29.0469px;"><div></div><div class="relative"><div class="relative pea"><div></div><div class="relative"><div class="cm-editor ͼ1 ͼ2 ͼ4 ͼ5"><div aria-live="polite" style="position: absolute; top: -10000px;"></div><div tabindex="-1" class="cm-scroller"><div class="cm-gutters" aria-hidden="true" style="min-height: 133.966px; position: sticky;"><div class="cm-gutter cm-gutter-lint"></div></div><div spellcheck="false" autocorrect="off" autocapitalize="off" translate="no" contenteditable="true" class="cm-content cm-lineWrapping" style="tab-size: 2;" role="textbox" aria-multiline="true" aria-autocomplete="list" data-cy="editor"><div class="cm-activeLine cm-line"><span class="tok-variableName tok-definition">filtered_data2</span> <span class="tok-operator">=</span> <span class="tok-punctuation">{</span></div><div class="cm-line"> <span class="tok-keyword">return</span> <span class="tok-punctuation">{</span></div><div class="cm-line"> <span class="tok-propertyName tok-definition">nodes</span><span class="tok-punctuation">:</span> <span title="Jump to defining cell Ctrl-J" class="reference-mark"><span class="tok-variableName">filtered_data</span></span><span class="tok-operator">.</span><span class="tok-propertyName">nodes</span><span class="tok-operator">.</span><span class="tok-propertyName">filter</span><span class="tok-punctuation">(</span><span class="tok-variableName tok-definition">node</span> <span class="tok-punctuation">=></span> <span class="tok-variableName">node</span><span class="tok-operator">.</span><span class="tok-propertyName">type</span> <span class="tok-operator">===</span> <span class="tok-string">'company'</span><span class="tok-punctuation">)</span><span class="tok-punctuation">,</span></div><div class="cm-line"> <span class="tok-propertyName tok-definition">links</span><span class="tok-punctuation">:</span> <span title="Jump to defining cell Ctrl-J" class="reference-mark"><span class="tok-variableName">filtered_data</span></span><span class="tok-operator">.</span><span class="tok-propertyName">links</span></div><div class="cm-line"> <span class="tok-punctuation">}</span><span class="tok-punctuation">;</span></div><div class="cm-line"><span class="tok-punctuation">}</span></div></div><div class="cm-selectionLayer" aria-hidden="true"></div><div class="cm-cursorLayer" aria-hidden="true" style="animation-duration: 1200ms;"><div class="cm-cursor cm-cursor-primary" style="left: 10px; top: 5.81433px; height: 16.3636px;"></div></div></div></div><button title="Run cell Shift-Enter" class="flex items-center absolute top-0 bg-transparent bn br2 pointer squishy moon-gray hover-mid-gray dn-print" style="right: -14px; height: 29px;"><svg width="16" height="16" fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2" viewBox="0 0 16 16"><path d="M4 12.4788V3.52116C4 2.23802 5.50646 1.54723 6.47878 2.38451L11.68 6.86335C12.375 7.46178 12.375 8.53822 11.68 9.13665L6.47878 13.6155C5.50646 14.4528 4 13.762 4 12.4788Z"></path></svg></button></div></div></div><div></div></div><div class="absolute dn-print" style="margin-top: -16px; left: -32px;"><div class="jsx-34351f8c1c3ac6ee absolute"><svg width="17" height="15" viewBox="-8.5 -7.5 17 15" role="button" aria-label="Click to insert or merge cells" stroke="currentColor" stroke-width="2" stroke-linecap="round" fill="none" transform="" class="jsx-34351f8c1c3ac6ee transparent" style="overflow: visible;"><title class="jsx-34351f8c1c3ac6ee">Insert cell</title><path d="M0,-4.5V4.5M-4.5,0H4.5" class="jsx-34351f8c1c3ac6ee "></path></svg></div></div><div id="cell-65" class="jsx-3846077284 absolute gutter dn-print" style="height: 58px;"><button aria-label="gutter" title="Focus cell" class="jsx-3846077284 db bn bg-transparent absolute top-0 bottom-0 right-0 w-100 pointer moon-gray hover-mid-gray"></button><button aria-haspopup="true" aria-controls="menu--3730" class="moon-gray bg-transparent dn jsx-3890680677 absolute top-0 bn pa0" title="Click for cell actions
Drag to move cell" aria-label="Click for cell actions
Drag to move cell" id="menu-button--menu--3730" type="button" data-reach-menu-button="" style="right: 1px; width: 20px; height: 29.0156px;"><div class="jsx-3846077284 absolute top-0 flex items-center justify-center" style="width: 20px; height: 29px;"><svg viewBox="0 0 16 16" width="16" height="16" fill="currentColor"><circle r="1.5" cx="8" cy="2.5"></circle><circle r="1.5" cx="8" cy="7.5"></circle><circle r="1.5" cx="8" cy="12.5"></circle></svg></div></button><div class="jsx-3846077284 absolute right-0" style="top: 29.0156px; height: calc(100% - 29.0156px);"><button aria-haspopup="true" aria-controls="menu--3879" class="moon-gray pointer bg-transparent jsx-2740246534 absolute bottom-0 bn pa0" title="JavaScript
Click to set language" id="menu-button--menu--3879" type="button" data-reach-menu-button="" style="top: -1px; right: 1px; width: 20px; border-top: 1px solid white;"><div class="jsx-3846077284 absolute top-0 flex items-center justify-center" style="width: 20px; height: 29px;"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="jsx-3846077284"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.9009 13.0686C12.3333 13.6581 11.5224 14 10.5556 14H9.5V12H10.5556C11.0331 12 11.3056 11.8419 11.4602 11.6814C11.6267 11.5085 11.7222 11.2642 11.7222 11V10.5C11.7222 10.2276 11.7301 9.79053 12.14 9C12.5 8.39782 13.25 8 13.25 8C13.25 8 12.4702 7.69361 12.14 7.05676C11.7301 6.26622 11.7222 5.77243 11.7222 5.5V5C11.7222 4.73583 11.6267 4.49147 11.4602 4.31864C11.3056 4.1581 11.0331 4 10.5556 4H9.5L9.5 2H10.5556C11.5224 2 12.3333 2.3419 12.9009 2.93136C13.4567 3.50853 13.7222 4.26417 13.7222 5V5.5C13.7222 5.72757 13.7421 6.14272 13.9155 6.47718C13.9933 6.6271 14.0935 6.74371 14.2303 6.82779C14.3663 6.91136 14.5987 7 15 7V9C14.5987 9 14.3663 9.08864 14.2303 9.17221C14.0935 9.25629 13.9933 9.3729 13.9155 9.52282C13.7421 9.85728 13.7222 10.2724 13.7222 10.5V11C13.7222 11.7358 13.4567 12.4915 12.9009 13.0686Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M3.09912 13.0686C3.66675 13.6581 4.47757 14 5.44444 14H6.5V12H5.44444C4.96688 12 4.69436 11.8419 4.53976 11.6814C4.37334 11.5085 4.27778 11.2642 4.27778 11V10.5C4.27778 10.2276 4.26988 9.79053 3.85998 9C3.5 8.39782 2.75 8 2.75 8C2.75 8 3.52976 7.69361 3.85998 7.05676C4.26988 6.26622 4.27778 5.77243 4.27778 5.5V5C4.27778 4.73583 4.37334 4.49147 4.53976 4.31864C4.69436 4.1581 4.96688 4 5.44444 4H6.5L6.5 2H5.44444C4.47757 2 3.66675 2.3419 3.09912 2.93136C2.54333 3.50853 2.27778 4.26417 2.27778 5V5.5C2.27778 5.72757 2.25789 6.14272 2.08447 6.47718C2.00673 6.6271 1.90646 6.74371 1.7697 6.82779C1.63375 6.91136 1.40134 7 1 7L1 9C1.40134 9 1.63375 9.08864 1.7697 9.17221C1.90646 9.25629 2.00673 9.3729 2.08447 9.52282C2.25789 9.85728 2.27778 10.2724 2.27778 10.5V11C2.27778 11.7358 2.54333 12.4915 3.09912 13.0686Z" fill="currentColor"></path></svg></div></button></div></div><div class="relative node pen" data-node-id="65" style="margin-top: 17px; margin-bottom: 17px; padding-top: 29.0156px;"><div></div><div class="relative"><button title="Not all of this import's dependencies are locked. Click to open the Dependencies pane and manage versions." class="jsx-947722582 lock-status absolute hover-mid-gray pv1 ph2 bg-near-white f7 fw5 bn gray br4 pointer flex items-center align-center pea"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="5" y="7" width="6" height="2" rx="1" fill="currentColor"></rect><rect x="3" y="3" width="10" height="10" rx="1" stroke="currentColor" stroke-width="2"></rect></svg></button><div class="relative pea"><div></div><div class="relative"><div class="cm-editor ͼ1 ͼ2 ͼ4 ͼ5"><div aria-live="polite" style="position: absolute; top: -10000px;"></div><div tabindex="-1" class="cm-scroller"><div class="cm-gutters" aria-hidden="true" style="min-height: 28.9943px; position: sticky;"><div class="cm-gutter cm-gutter-lint"></div></div><div spellcheck="false" autocorrect="off" autocapitalize="off" translate="no" contenteditable="true" class="cm-content cm-lineWrapping" style="tab-size: 2" role="textbox" aria-multiline="true" aria-autocomplete="list" data-cy="editor"><div class="cm-activeLine cm-line"><span class="tok-keyword">import</span> <span class="tok-punctuation">{</span><span class="tok-variableName tok-definition">colors</span><span class="tok-punctuation">}</span> <span class="tok-keyword">from</span> <span class="tok-string">"e77b52e96f04a264"</span></div></div><div class="cm-selectionLayer" aria-hidden="true"></div><div class="cm-cursorLayer" aria-hidden="true" style="animation-duration: 1200ms;"><div class="cm-cursor cm-cursor-primary" style="left: 10px; top: 5.81433px; height: 16.3636px;"></div></div></div></div><button title="Run cell Shift-Enter" class="flex items-center absolute top-0 bg-transparent bn br2 pointer squishy moon-gray hover-mid-gray dn-print" style="right: -14px; height: 29px;"><svg width="16" height="16" fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2" viewBox="0 0 16 16"><path d="M4 12.4788V3.52116C4 2.23802 5.50646 1.54723 6.47878 2.38451L11.68 6.86335C12.375 7.46178 12.375 8.53822 11.68 9.13665L6.47878 13.6155C5.50646 14.4528 4 13.762 4 12.4788Z"></path></svg></button></div></div></div><div></div></div><div class="absolute dn-print" style="margin-top: -16px; left: -32px;"><div class="jsx-34351f8c1c3ac6ee absolute"><svg width="17" height="15" viewBox="-8.5 -7.5 17 15" role="button" aria-label="Click to insert or merge cells" stroke="currentColor" stroke-width="2" stroke-linecap="round" fill="none" transform="" class="jsx-34351f8c1c3ac6ee transparent" style="overflow: visible;"><title class="jsx-34351f8c1c3ac6ee">Insert cell</title><path d="M0,-4.5V4.5M-4.5,0H4.5" class="jsx-34351f8c1c3ac6ee "></path></svg></div></div><div id="cell-76" class="jsx-3846077284 absolute gutter dn-print" style="height: 51px;"><button aria-label="gutter" title="Edit cell" class="jsx-3846077284 db bn bg-transparent absolute top-0 bottom-0 right-0 w-100 pointer moon-gray hover-mid-gray"></button><button aria-haspopup="true" aria-controls="menu--3731" class="moon-gray bg-transparent dn jsx-2205038455 absolute top-0 bn pa0" title="Click for cell actions
Drag to move cell" aria-label="Click for cell actions
Drag to move cell" id="menu-button--menu--3731" type="button" data-reach-menu-button="" style="right: 1px; width: 20px; height: 51px;"><div class="jsx-3846077284 absolute top-0 flex items-center justify-center" style="width: 20px; height: 29px;"><svg viewBox="0 0 16 16" width="16" height="16" fill="currentColor"><circle r="1.5" cx="8" cy="2.5"></circle><circle r="1.5" cx="8" cy="7.5"></circle><circle r="1.5" cx="8" cy="12.5"></circle></svg></div></button></div><div class="relative node pen" data-node-id="76" style="margin-top: 17px; margin-bottom: 17px; padding-top: 51px;"><div></div><div class="relative"></div><div></div></div><div class="absolute dn-print" style="margin-top: -16px; left: -32px;"><div class="jsx-34351f8c1c3ac6ee absolute"><svg width="17" height="15" viewBox="-8.5 -7.5 17 15" role="button" aria-label="Click to insert or merge cells" stroke="currentColor" stroke-width="2" stroke-linecap="round" fill="none" transform="" class="jsx-34351f8c1c3ac6ee transparent" style="overflow: visible;"><title class="jsx-34351f8c1c3ac6ee">Insert cell</title><path d="M0,-4.5V4.5M-4.5,0H4.5" class="jsx-34351f8c1c3ac6ee "></path></svg></div></div><div id="cell-61" class="jsx-3846077284 absolute gutter dn-print" style="height: 1233px;"><button aria-label="gutter" title="Focus cell" class="jsx-3846077284 db bn bg-transparent absolute top-0 bottom-0 right-0 w-100 pointer moon-gray hover-mid-gray"></button><button aria-haspopup="true" aria-controls="menu--3732" class="moon-gray bg-transparent dn jsx-3890680677 absolute top-0 bn pa0" title="Click for cell actions
Drag to move cell" aria-label="Click for cell actions
Drag to move cell" id="menu-button--menu--3732" type="button" data-reach-menu-button="" style="right: 1px; width: 20px; height: 28.3438px;"><div class="jsx-3846077284 absolute top-0 flex items-center justify-center" style="width: 20px; height: 28.3438px;"><svg viewBox="0 0 16 16" width="16" height="16" fill="currentColor"><circle r="1.5" cx="8" cy="2.5"></circle><circle r="1.5" cx="8" cy="7.5"></circle><circle r="1.5" cx="8" cy="12.5"></circle></svg></div></button><div class="jsx-3846077284 absolute right-0" style="top: 28.3438px; height: calc(100% - 28.3438px);"><button aria-haspopup="true" aria-controls="menu--4023" class="moon-gray pointer bg-transparent jsx-2740246534 absolute bottom-0 bn pa0" title="JavaScript
Click to set language" id="menu-button--menu--4023" type="button" data-reach-menu-button="" style="top: -1px; right: 1px; width: 20px; border-top: 1px solid white;"><div class="jsx-3846077284 absolute top-0 flex items-center justify-center" style="width: 20px; height: 29px;"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="jsx-3846077284"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.9009 13.0686C12.3333 13.6581 11.5224 14 10.5556 14H9.5V12H10.5556C11.0331 12 11.3056 11.8419 11.4602 11.6814C11.6267 11.5085 11.7222 11.2642 11.7222 11V10.5C11.7222 10.2276 11.7301 9.79053 12.14 9C12.5 8.39782 13.25 8 13.25 8C13.25 8 12.4702 7.69361 12.14 7.05676C11.7301 6.26622 11.7222 5.77243 11.7222 5.5V5C11.7222 4.73583 11.6267 4.49147 11.4602 4.31864C11.3056 4.1581 11.0331 4 10.5556 4H9.5L9.5 2H10.5556C11.5224 2 12.3333 2.3419 12.9009 2.93136C13.4567 3.50853 13.7222 4.26417 13.7222 5V5.5C13.7222 5.72757 13.7421 6.14272 13.9155 6.47718C13.9933 6.6271 14.0935 6.74371 14.2303 6.82779C14.3663 6.91136 14.5987 7 15 7V9C14.5987 9 14.3663 9.08864 14.2303 9.17221C14.0935 9.25629 13.9933 9.3729 13.9155 9.52282C13.7421 9.85728 13.7222 10.2724 13.7222 10.5V11C13.7222 11.7358 13.4567 12.4915 12.9009 13.0686Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M3.09912 13.0686C3.66675 13.6581 4.47757 14 5.44444 14H6.5V12H5.44444C4.96688 12 4.69436 11.8419 4.53976 11.6814C4.37334 11.5085 4.27778 11.2642 4.27778 11V10.5C4.27778 10.2276 4.26988 9.79053 3.85998 9C3.5 8.39782 2.75 8 2.75 8C2.75 8 3.52976 7.69361 3.85998 7.05676C4.26988 6.26622 4.27778 5.77243 4.27778 5.5V5C4.27778 4.73583 4.37334 4.49147 4.53976 4.31864C4.69436 4.1581 4.96688 4 5.44444 4H6.5L6.5 2H5.44444C4.47757 2 3.66675 2.3419 3.09912 2.93136C2.54333 3.50853 2.27778 4.26417 2.27778 5V5.5C2.27778 5.72757 2.25789 6.14272 2.08447 6.47718C2.00673 6.6271 1.90646 6.74371 1.7697 6.82779C1.63375 6.91136 1.40134 7 1 7L1 9C1.40134 9 1.63375 9.08864 1.7697 9.17221C1.90646 9.25629 2.00673 9.3729 2.08447 9.52282C2.25789 9.85728 2.27778 10.2724 2.27778 10.5V11C2.27778 11.7358 2.54333 12.4915 3.09912 13.0686Z" fill="currentColor"></path></svg></div></button></div></div><div class="relative node pen" data-node-id="61" id="createForceDirectedGraph" style="margin-top: 17px; margin-bottom: 17px; padding-top: 28.3438px;"><div></div><div class="relative"><div class="relative pea"><div></div><div class="relative"><div class="cm-editor ͼ1 ͼ2 ͼ4 ͼ5"><div aria-live="polite" style="position: absolute; top: -10000px;"></div><div tabindex="-1" class="cm-scroller"><div class="cm-gutters" aria-hidden="true" style="min-height: 1204.68px; position: sticky;"><div class="cm-gutter cm-gutter-lint"><div class="cm-gutterElement" style="height: 20.9943px; margin-top: 129.966px;"><div class="cm-lint-marker cm-lint-marker-error"></div></div></div></div><div spellcheck="false" autocorrect="off" autocapitalize="off" translate="no" contenteditable="true" class="cm-content cm-lineWrapping" style="tab-size: 2;" role="textbox" aria-multiline="true" aria-autocomplete="list" data-cy="editor"><div class="cm-activeLine cm-line"><span class="tok-variableName tok-definition">createForceDirectedGraph</span> <span class="tok-operator">=</span> <span class="tok-punctuation">{</span></div><div class="cm-line"> <span class="tok-keyword">const</span> <span class="tok-variableName tok-definition">graphLinks</span> <span class="tok-operator">=</span> <span title="Jump to defining cell Ctrl-J" class="reference-mark"><span class="tok-variableName">filtered_data2</span></span><span class="tok-operator">.</span><span class="tok-propertyName">links</span><span class="tok-operator">.</span><span class="tok-propertyName">map</span><span class="tok-punctuation">(</span><span class="tok-variableName tok-definition">link</span> <span class="tok-punctuation">=></span> <span class="tok-punctuation">(</span><span class="tok-punctuation">{</span> <span class="tok-punctuation">...</span><span class="tok-variableName">link</span> <span class="tok-punctuation">}</span><span class="tok-punctuation">)</span><span class="tok-punctuation">)</span><span class="tok-punctuation">;</span></div><div class="cm-line"> <span class="tok-keyword">const</span> <span class="tok-variableName tok-definition">graphNodes</span> <span class="tok-operator">=</span> <span title="Jump to defining cell Ctrl-J" class="reference-mark"><span class="tok-variableName">filtered_data2</span></span><span class="tok-operator">.</span><span class="tok-propertyName">nodes</span><span class="tok-operator">.</span><span class="tok-propertyName">map</span><span class="tok-punctuation">(</span><span class="tok-variableName tok-definition">node</span> <span class="tok-punctuation">=></span> <span class="tok-punctuation">(</span><span class="tok-punctuation">{</span> <span class="tok-punctuation">...</span><span class="tok-variableName">node</span> <span class="tok-punctuation">}</span><span class="tok-punctuation">)</span><span class="tok-punctuation">)</span><span class="tok-punctuation">;</span></div><div class="cm-line"><br></div><div class="cm-line"> <span class="tok-keyword">const</span> <span class="tok-variableName tok-definition">simulation</span> <span class="tok-operator">=</span> <span title="Jump to defining cell Ctrl-J" class="reference-mark"><span class="tok-variableName">d3_6</span></span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">forceSimulation</span><span class="tok-punctuation">(</span><span class="tok-variableName">graphNodes</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="cm-lintRange cm-lintRange-error"><span class="tok-propertyName">force</span></span><span class="tok-punctuation">(</span><span class="tok-string">"link"</span><span class="tok-punctuation">,</span> <span title="Jump to defining cell Ctrl-J" class="reference-mark"><span class="tok-variableName">d3_6</span></span><span class="tok-operator">.</span><span class="tok-propertyName">forceLink</span><span class="tok-punctuation">(</span><span class="tok-variableName">graphLinks</span><span class="tok-punctuation">)</span><span class="tok-operator">.</span><span class="tok-propertyName">id</span><span class="tok-punctuation">(</span><span class="tok-variableName tok-definition">node</span> <span class="tok-punctuation">=></span> <span class="tok-variableName">node</span><span class="tok-operator">.</span><span class="tok-propertyName">id</span><span class="tok-punctuation">)</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">force</span><span class="tok-punctuation">(</span><span class="tok-string">"charge"</span><span class="tok-punctuation">,</span> <span title="Jump to defining cell Ctrl-J" class="reference-mark"><span class="tok-variableName">d3_6</span></span><span class="tok-operator">.</span><span class="tok-propertyName">forceManyBody</span><span class="tok-punctuation">(</span><span class="tok-punctuation">)</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">force</span><span class="tok-punctuation">(</span><span class="tok-string">"center"</span><span class="tok-punctuation">,</span> <span title="Jump to defining cell Ctrl-J" class="reference-mark"><span class="tok-variableName">d3_6</span></span><span class="tok-operator">.</span><span class="tok-propertyName">forceCenter</span><span class="tok-punctuation">(</span><span title="" class=""><span class="tok-variableName">width</span></span> <span class="tok-operator">/</span> <span class="tok-number">2</span><span class="tok-punctuation">,</span> <span class="tok-number">600</span> <span class="tok-operator">/</span> <span class="tok-number">2</span><span class="tok-punctuation">)</span><span class="tok-punctuation">)</span><span class="tok-punctuation">;</span></div><div class="cm-line"><br></div><div class="cm-line"> <span class="tok-keyword">const</span> <span class="tok-variableName tok-definition">svg</span> <span class="tok-operator">=</span> <span title="Jump to defining cell Ctrl-J" class="reference-mark"><span class="tok-variableName">d3_6</span></span><span class="tok-operator">.</span><span class="tok-propertyName">create</span><span class="tok-punctuation">(</span><span class="tok-string">"svg"</span><span class="tok-punctuation">)</span><span class="tok-operator">.</span><span class="tok-propertyName">attr</span><span class="tok-punctuation">(</span><span class="tok-string">"viewBox"</span><span class="tok-punctuation">,</span> <span class="tok-punctuation">[</span><span class="tok-number">0</span><span class="tok-punctuation">,</span> <span class="tok-number">0</span><span class="tok-punctuation">,</span> <span title="" class=""><span class="tok-variableName">width</span></span><span class="tok-punctuation">,</span> <span class="tok-number">600</span><span class="tok-punctuation">]</span><span class="tok-punctuation">)</span><span class="tok-punctuation">;</span></div><div class="cm-line"><br></div><div class="cm-line"> <span class="tok-keyword">const</span> <span class="tok-variableName tok-definition">linkGroup</span> <span class="tok-operator">=</span> <span class="tok-variableName">svg</span><span class="tok-operator">.</span><span class="tok-propertyName">append</span><span class="tok-punctuation">(</span><span class="tok-string">"g"</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">attr</span><span class="tok-punctuation">(</span><span class="tok-string">"stroke"</span><span class="tok-punctuation">,</span> <span class="tok-string">"#fff"</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">attr</span><span class="tok-punctuation">(</span><span class="tok-string">"stroke-opacity"</span><span class="tok-punctuation">,</span> <span class="tok-number">0.6</span><span class="tok-punctuation">)</span><span class="tok-punctuation">;</span></div><div class="cm-line"><br></div><div class="cm-line"> <span class="tok-keyword">const</span> <span class="tok-variableName tok-definition">links</span> <span class="tok-operator">=</span> <span class="tok-variableName">linkGroup</span><span class="tok-operator">.</span><span class="tok-propertyName">selectAll</span><span class="tok-punctuation">(</span><span class="tok-string">"line"</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">data</span><span class="tok-punctuation">(</span><span class="tok-variableName">graphLinks</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">join</span><span class="tok-punctuation">(</span><span class="tok-string">"line"</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">attr</span><span class="tok-punctuation">(</span><span class="tok-string">"stroke-width"</span><span class="tok-punctuation">,</span> <span class="tok-variableName tok-definition">link</span> <span class="tok-punctuation">=></span> <span class="tok-variableName">Math</span><span class="tok-operator">.</span><span class="tok-propertyName">sqrt</span><span class="tok-punctuation">(</span><span class="tok-variableName">link</span><span class="tok-operator">.</span><span class="tok-propertyName">value</span><span class="tok-punctuation">)</span><span class="tok-punctuation">)</span><span class="tok-punctuation">;</span></div><div class="cm-line"><br></div><div class="cm-line"> <span class="tok-keyword">const</span> <span class="tok-variableName tok-definition">nodeGroup</span> <span class="tok-operator">=</span> <span class="tok-variableName">svg</span><span class="tok-operator">.</span><span class="tok-propertyName">append</span><span class="tok-punctuation">(</span><span class="tok-string">"g"</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">attr</span><span class="tok-punctuation">(</span><span class="tok-string">"stroke"</span><span class="tok-punctuation">,</span> <span class="tok-string">"#fff"</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">attr</span><span class="tok-punctuation">(</span><span class="tok-string">"stroke-width"</span><span class="tok-punctuation">,</span> <span class="tok-number">1.5</span><span class="tok-punctuation">)</span><span class="tok-punctuation">;</span></div><div class="cm-line"><br></div><div class="cm-line"> <span class="tok-keyword">const</span> <span class="tok-variableName tok-definition">nodes</span> <span class="tok-operator">=</span> <span class="tok-variableName">nodeGroup</span><span class="tok-operator">.</span><span class="tok-propertyName">selectAll</span><span class="tok-punctuation">(</span><span class="tok-string">"circle"</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">data</span><span class="tok-punctuation">(</span><span class="tok-variableName">graphNodes</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">join</span><span class="tok-punctuation">(</span><span class="tok-string">"circle"</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">attr</span><span class="tok-punctuation">(</span><span class="tok-string">"r"</span><span class="tok-punctuation">,</span> <span class="tok-number">5</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">attr</span><span class="tok-punctuation">(</span><span class="tok-string">"fill"</span><span class="tok-punctuation">,</span> <span title="Jump to defining cell Ctrl-J" class="reference-mark"><span class="tok-variableName">colors</span></span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">call</span><span class="tok-punctuation">(</span><span title="Jump to defining cell Ctrl-J" class="reference-mark"><span class="tok-variableName">drag_simu</span></span><span class="tok-punctuation">(</span><span class="tok-variableName">simulation</span><span class="tok-punctuation">)</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">on</span><span class="tok-punctuation">(</span><span class="tok-string">"mouseenter"</span><span class="tok-punctuation">,</span> <span class="tok-punctuation">(</span><span class="tok-variableName tok-definition">event</span><span class="tok-punctuation">,</span> <span class="tok-variableName tok-definition">node</span><span class="tok-punctuation">)</span> <span class="tok-punctuation">=></span> <span class="tok-punctuation">{</span></div><div class="cm-line"> <span class="tok-variableName">links</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">attr</span><span class="tok-punctuation">(</span><span class="tok-string">"display"</span><span class="tok-punctuation">,</span> <span class="tok-string">"none"</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">filter</span><span class="tok-punctuation">(</span><span class="tok-variableName tok-definition">link</span> <span class="tok-punctuation">=></span> <span class="tok-variableName">link</span><span class="tok-operator">.</span><span class="tok-propertyName">source</span><span class="tok-operator">.</span><span class="tok-propertyName">id</span> <span class="tok-operator">===</span> <span class="tok-variableName">node</span><span class="tok-operator">.</span><span class="tok-propertyName">id</span> <span class="tok-operator">||</span> <span class="tok-variableName">link</span><span class="tok-operator">.</span><span class="tok-propertyName">target</span><span class="tok-operator">.</span><span class="tok-propertyName">id</span> <span class="tok-operator">===</span> <span class="tok-variableName">node</span><span class="tok-operator">.</span><span class="tok-propertyName">id</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">attr</span><span class="tok-punctuation">(</span><span class="tok-string">"display"</span><span class="tok-punctuation">,</span> <span class="tok-string">"block"</span><span class="tok-punctuation">)</span><span class="tok-punctuation">;</span></div><div class="cm-line"> <span class="tok-punctuation">}</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">on</span><span class="tok-punctuation">(</span><span class="tok-string">"mouseleave"</span><span class="tok-punctuation">,</span> <span class="tok-punctuation">(</span><span class="tok-punctuation">)</span> <span class="tok-punctuation">=></span> <span class="tok-punctuation">{</span></div><div class="cm-line"> <span class="tok-variableName">links</span><span class="tok-operator">.</span><span class="tok-propertyName">attr</span><span class="tok-punctuation">(</span><span class="tok-string">"display"</span><span class="tok-punctuation">,</span> <span class="tok-string">"block"</span><span class="tok-punctuation">)</span><span class="tok-punctuation">;</span></div><div class="cm-line"> <span class="tok-punctuation">}</span><span class="tok-punctuation">)</span><span class="tok-punctuation">;</span></div><div class="cm-line"><br></div><div class="cm-line"> <span class="tok-variableName">nodes</span><span class="tok-operator">.</span><span class="tok-propertyName">append</span><span class="tok-punctuation">(</span><span class="tok-string">"title"</span><span class="tok-punctuation">)</span><span class="tok-operator">.</span><span class="tok-propertyName">text</span><span class="tok-punctuation">(</span><span class="tok-variableName tok-definition">node</span> <span class="tok-punctuation">=></span> <span class="tok-variableName">node</span><span class="tok-operator">.</span><span class="tok-propertyName">id</span><span class="tok-punctuation">)</span><span class="tok-punctuation">;</span></div><div class="cm-line"><br></div><div class="cm-line"> <span class="tok-variableName">simulation</span><span class="tok-operator">.</span><span class="tok-propertyName">on</span><span class="tok-punctuation">(</span><span class="tok-string">"tick"</span><span class="tok-punctuation">,</span> <span class="tok-punctuation">(</span><span class="tok-punctuation">)</span> <span class="tok-punctuation">=></span> <span class="tok-punctuation">{</span></div><div class="cm-line"> <span class="tok-variableName">links</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">attr</span><span class="tok-punctuation">(</span><span class="tok-string">"x1"</span><span class="tok-punctuation">,</span> <span class="tok-variableName tok-definition">link</span> <span class="tok-punctuation">=></span> <span class="tok-variableName">link</span><span class="tok-operator">.</span><span class="tok-propertyName">source</span><span class="tok-operator">.</span><span class="tok-propertyName">x</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">attr</span><span class="tok-punctuation">(</span><span class="tok-string">"y1"</span><span class="tok-punctuation">,</span> <span class="tok-variableName tok-definition">link</span> <span class="tok-punctuation">=></span> <span class="tok-variableName">link</span><span class="tok-operator">.</span><span class="tok-propertyName">source</span><span class="tok-operator">.</span><span class="tok-propertyName">y</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">attr</span><span class="tok-punctuation">(</span><span class="tok-string">"x2"</span><span class="tok-punctuation">,</span> <span class="tok-variableName tok-definition">link</span> <span class="tok-punctuation">=></span> <span class="tok-variableName">link</span><span class="tok-operator">.</span><span class="tok-propertyName">target</span><span class="tok-operator">.</span><span class="tok-propertyName">x</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">attr</span><span class="tok-punctuation">(</span><span class="tok-string">"y2"</span><span class="tok-punctuation">,</span> <span class="tok-variableName tok-definition">link</span> <span class="tok-punctuation">=></span> <span class="tok-variableName">link</span><span class="tok-operator">.</span><span class="tok-propertyName">target</span><span class="tok-operator">.</span><span class="tok-propertyName">y</span><span class="tok-punctuation">)</span><span class="tok-punctuation">;</span></div><div class="cm-line"><br></div><div class="cm-line"> <span class="tok-variableName">nodes</span><span class="tok-operator">.</span><span class="tok-propertyName">attr</span><span class="tok-punctuation">(</span><span class="tok-string">"cx"</span><span class="tok-punctuation">,</span> <span class="tok-variableName tok-definition">node</span> <span class="tok-punctuation">=></span> <span class="tok-variableName">node</span><span class="tok-operator">.</span><span class="tok-propertyName">x</span><span class="tok-punctuation">)</span><span class="tok-operator">.</span><span class="tok-propertyName">attr</span><span class="tok-punctuation">(</span><span class="tok-string">"cy"</span><span class="tok-punctuation">,</span> <span class="tok-variableName tok-definition">node</span> <span class="tok-punctuation">=></span> <span class="tok-variableName">node</span><span class="tok-operator">.</span><span class="tok-propertyName">y</span><span class="tok-punctuation">)</span><span class="tok-punctuation">;</span></div><div class="cm-line"> <span class="tok-punctuation">}</span><span class="tok-punctuation">)</span><span class="tok-punctuation">;</span></div><div class="cm-line"><br></div><div class="cm-line"> <span title="" class=""><span class="tok-variableName">invalidation</span></span><span class="tok-operator">.</span><span class="tok-propertyName">then</span><span class="tok-punctuation">(</span><span class="tok-punctuation">(</span><span class="tok-punctuation">)</span> <span class="tok-punctuation">=></span> <span class="tok-variableName">simulation</span><span class="tok-operator">.</span><span class="tok-propertyName">stop</span><span class="tok-punctuation">(</span><span class="tok-punctuation">)</span><span class="tok-punctuation">)</span><span class="tok-punctuation">;</span></div><div class="cm-line"><br></div><div class="cm-line"> <span class="tok-keyword">return</span> <span class="tok-variableName">svg</span><span class="tok-operator">.</span><span class="tok-propertyName">node</span><span class="tok-punctuation">(</span><span class="tok-punctuation">)</span><span class="tok-punctuation">;</span></div><div class="cm-line"><span class="tok-punctuation">}</span></div></div><div class="cm-selectionLayer" aria-hidden="true"></div><div class="cm-cursorLayer" aria-hidden="true" style="animation-duration: 1200ms;"><div class="cm-cursor cm-cursor-primary" style="left: 10px; top: 5.81445px; height: 16.3635px;"></div></div></div></div><button title="Run cell Shift-Enter" class="flex items-center absolute top-0 bg-transparent bn br2 pointer squishy moon-gray hover-mid-gray dn-print" style="right: -14px; height: 29px;"><svg width="16" height="16" fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2" viewBox="0 0 16 16"><path d="M4 12.4788V3.52116C4 2.23802 5.50646 1.54723 6.47878 2.38451L11.68 6.86335C12.375 7.46178 12.375 8.53822 11.68 9.13665L6.47878 13.6155C5.50646 14.4528 4 13.762 4 12.4788Z"></path></svg></button></div></div></div><div></div></div><div class="absolute dn-print" style="margin-top: -16px; left: -32px;"><div class="jsx-34351f8c1c3ac6ee absolute"><svg width="17" height="15" viewBox="-8.5 -7.5 17 15" role="button" aria-label="Click to insert or merge cells" stroke="currentColor" stroke-width="2" stroke-linecap="round" fill="none" transform="" class="jsx-34351f8c1c3ac6ee transparent" style="overflow: visible;"><title class="jsx-34351f8c1c3ac6ee">Insert cell</title><path d="M0,-4.5V4.5M-4.5,0H4.5" class="jsx-34351f8c1c3ac6ee "></path></svg></div></div><div id="cell-81" class="jsx-3846077284 absolute gutter dn-print" style="height: 26px;"><button aria-label="gutter" title="Edit cell" class="jsx-3846077284 db bn bg-transparent absolute top-0 bottom-0 right-0 w-100 pointer moon-gray hover-mid-gray"></button><button aria-haspopup="true" aria-controls="menu--3733" class="moon-gray bg-transparent dn jsx-2205038455 absolute top-0 bn pa0" title="Click for cell actions
Drag to move cell" aria-label="Click for cell actions
Drag to move cell" id="menu-button--menu--3733" type="button" data-reach-menu-button="" style="right: 1px; width: 20px; height: 26px;"><div class="jsx-3846077284 absolute top-0 flex items-center justify-center" style="width: 20px; height: 26px;"><svg viewBox="0 0 16 16" width="16" height="16" fill="currentColor"><circle r="1.5" cx="8" cy="2.5"></circle><circle r="1.5" cx="8" cy="7.5"></circle><circle r="1.5" cx="8" cy="12.5"></circle></svg></div></button></div><div class="relative node pen" data-node-id="81" style="margin-top: 17px; margin-bottom: 17px; padding-top: 26px;"><div></div><div class="relative"></div><div></div></div><div class="absolute dn-print" style="margin-top: -16px; left: -32px;"><div class="jsx-34351f8c1c3ac6ee absolute"><svg width="17" height="15" viewBox="-8.5 -7.5 17 15" role="button" aria-label="Click to insert or merge cells" stroke="currentColor" stroke-width="2" stroke-linecap="round" fill="none" transform="" class="jsx-34351f8c1c3ac6ee transparent" style="overflow: visible;"><title class="jsx-34351f8c1c3ac6ee">Insert cell</title><path d="M0,-4.5V4.5M-4.5,0H4.5" class="jsx-34351f8c1c3ac6ee "></path></svg></div></div><div id="cell-67" class="jsx-3846077284 absolute gutter dn-print" style="height: 1926px;"><button aria-label="gutter" title="Focus cell" class="jsx-3846077284 db bn bg-transparent absolute top-0 bottom-0 right-0 w-100 pointer moon-gray hover-mid-gray"></button><button aria-haspopup="true" aria-controls="menu--3734" class="moon-gray bg-transparent dn jsx-3890680677 absolute top-0 bn pa0" title="Click for cell actions
Drag to move cell" aria-label="Click for cell actions
Drag to move cell" id="menu-button--menu--3734" type="button" data-reach-menu-button="" style="right: 1px; width: 20px; height: 28.5312px;"><div class="jsx-3846077284 absolute top-0 flex items-center justify-center" style="width: 20px; height: 28.5312px;"><svg viewBox="0 0 16 16" width="16" height="16" fill="currentColor"><circle r="1.5" cx="8" cy="2.5"></circle><circle r="1.5" cx="8" cy="7.5"></circle><circle r="1.5" cx="8" cy="12.5"></circle></svg></div></button><div class="jsx-3846077284 absolute right-0" style="top: 28.5312px; height: calc(100% - 28.5312px);"><button aria-haspopup="true" aria-controls="menu--4025" class="moon-gray pointer bg-transparent jsx-2740246534 absolute bottom-0 bn pa0" title="JavaScript
Click to set language" id="menu-button--menu--4025" type="button" data-reach-menu-button="" style="top: -1px; right: 1px; width: 20px; border-top: 1px solid white;"><div class="jsx-3846077284 absolute top-0 flex items-center justify-center" style="width: 20px; height: 29px;"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="jsx-3846077284"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.9009 13.0686C12.3333 13.6581 11.5224 14 10.5556 14H9.5V12H10.5556C11.0331 12 11.3056 11.8419 11.4602 11.6814C11.6267 11.5085 11.7222 11.2642 11.7222 11V10.5C11.7222 10.2276 11.7301 9.79053 12.14 9C12.5 8.39782 13.25 8 13.25 8C13.25 8 12.4702 7.69361 12.14 7.05676C11.7301 6.26622 11.7222 5.77243 11.7222 5.5V5C11.7222 4.73583 11.6267 4.49147 11.4602 4.31864C11.3056 4.1581 11.0331 4 10.5556 4H9.5L9.5 2H10.5556C11.5224 2 12.3333 2.3419 12.9009 2.93136C13.4567 3.50853 13.7222 4.26417 13.7222 5V5.5C13.7222 5.72757 13.7421 6.14272 13.9155 6.47718C13.9933 6.6271 14.0935 6.74371 14.2303 6.82779C14.3663 6.91136 14.5987 7 15 7V9C14.5987 9 14.3663 9.08864 14.2303 9.17221C14.0935 9.25629 13.9933 9.3729 13.9155 9.52282C13.7421 9.85728 13.7222 10.2724 13.7222 10.5V11C13.7222 11.7358 13.4567 12.4915 12.9009 13.0686Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M3.09912 13.0686C3.66675 13.6581 4.47757 14 5.44444 14H6.5V12H5.44444C4.96688 12 4.69436 11.8419 4.53976 11.6814C4.37334 11.5085 4.27778 11.2642 4.27778 11V10.5C4.27778 10.2276 4.26988 9.79053 3.85998 9C3.5 8.39782 2.75 8 2.75 8C2.75 8 3.52976 7.69361 3.85998 7.05676C4.26988 6.26622 4.27778 5.77243 4.27778 5.5V5C4.27778 4.73583 4.37334 4.49147 4.53976 4.31864C4.69436 4.1581 4.96688 4 5.44444 4H6.5L6.5 2H5.44444C4.47757 2 3.66675 2.3419 3.09912 2.93136C2.54333 3.50853 2.27778 4.26417 2.27778 5V5.5C2.27778 5.72757 2.25789 6.14272 2.08447 6.47718C2.00673 6.6271 1.90646 6.74371 1.7697 6.82779C1.63375 6.91136 1.40134 7 1 7L1 9C1.40134 9 1.63375 9.08864 1.7697 9.17221C1.90646 9.25629 2.00673 9.3729 2.08447 9.52282C2.25789 9.85728 2.27778 10.2724 2.27778 10.5V11C2.27778 11.7358 2.54333 12.4915 3.09912 13.0686Z" fill="currentColor"></path></svg></div></button></div></div><div class="relative node pen" data-node-id="67" id="graph3" style="margin-top: 17px; margin-bottom: 17px; padding-top: 28.5312px;"><div></div><div class="relative"><div class="relative pea"><div></div><div class="relative"><div class="cm-editor ͼ1 ͼ2 ͼ4 ͼ5"><div aria-live="polite" style="position: absolute; top: -10000px;"></div><div tabindex="-1" class="cm-scroller"><div class="cm-gutters" aria-hidden="true" style="min-height: 1897.49px; position: sticky;"><div class="cm-gutter cm-gutter-lint"><div class="cm-gutterElement" style="height: 20.9943px; margin-top: 801.784px;"><div class="cm-lint-marker cm-lint-marker-error"></div></div></div></div><div spellcheck="false" autocorrect="off" autocapitalize="off" translate="no" contenteditable="true" class="cm-content cm-lineWrapping" style="tab-size: 2;" role="textbox" aria-multiline="true" aria-autocomplete="list" data-cy="editor"><div class="cm-activeLine cm-line"><span class="tok-keyword">viewof</span> <span class="tok-variableName tok-definition">graph3</span> <span class="tok-operator">=</span> <span class="tok-punctuation">{</span></div><div class="cm-line"> <span class="tok-keyword">const</span> <span class="tok-variableName tok-definition">colorMap</span> <span class="tok-operator">=</span> <span class="tok-punctuation">{</span></div><div class="cm-line"> <span class="tok-string">"company"</span><span class="tok-punctuation">:</span> <span class="tok-string">"blue"</span><span class="tok-punctuation">,</span></div><div class="cm-line"><span class="tok-punctuation">}</span><span class="tok-punctuation">;</span></div><div class="cm-line"> </div><div class="cm-line"><span class="tok-keyword">const</span> <span class="tok-variableName tok-definition">nodeScale</span> <span class="tok-operator">=</span> <span title="Jump to defining cell Ctrl-J" class="reference-mark"><span class="tok-variableName">d3</span></span><span class="tok-operator">.</span><span class="tok-propertyName">scaleLinear</span><span class="tok-punctuation">(</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">domain</span><span class="tok-punctuation">(</span><span title="Jump to defining cell Ctrl-J" class="reference-mark"><span class="tok-variableName">d3</span></span><span class="tok-operator">.</span><span class="tok-propertyName">extent</span><span class="tok-punctuation">(</span><span title="Jump to defining cell Ctrl-J" class="reference-mark"><span class="tok-variableName">filtered_data2</span></span><span class="tok-operator">.</span><span class="tok-propertyName">nodes</span><span class="tok-punctuation">,</span> <span class="tok-variableName tok-definition">d</span> <span class="tok-punctuation">=></span> <span class="tok-variableName">d</span><span class="tok-operator">.</span><span class="tok-propertyName">degree</span> <span class="tok-operator">===</span> <span class="tok-string">'direct'</span> <span class="tok-operator">?</span> <span class="tok-number">1</span> <span class="tok-operator">:</span> <span class="tok-number">0.5</span><span class="tok-punctuation">)</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">range</span><span class="tok-punctuation">(</span><span class="tok-punctuation">[</span><span class="tok-number">5</span><span class="tok-punctuation">,</span> <span class="tok-number">15</span><span class="tok-punctuation">]</span><span class="tok-punctuation">)</span><span class="tok-punctuation">;</span></div><div class="cm-line"><br></div><div class="cm-line"><span class="tok-keyword">const</span> <span class="tok-variableName tok-definition">linkScale</span> <span class="tok-operator">=</span> <span title="Jump to defining cell Ctrl-J" class="reference-mark"><span class="tok-variableName">d3</span></span><span class="tok-operator">.</span><span class="tok-propertyName">scaleLinear</span><span class="tok-punctuation">(</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">domain</span><span class="tok-punctuation">(</span><span title="Jump to defining cell Ctrl-J" class="reference-mark"><span class="tok-variableName">d3</span></span><span class="tok-operator">.</span><span class="tok-propertyName">extent</span><span class="tok-punctuation">(</span><span title="Jump to defining cell Ctrl-J" class="reference-mark"><span class="tok-variableName">filtered_data2</span></span><span class="tok-operator">.</span><span class="tok-propertyName">links</span><span class="tok-punctuation">,</span> <span class="tok-variableName tok-definition">l</span> <span class="tok-punctuation">=></span> <span class="tok-variableName">l</span><span class="tok-operator">.</span><span class="tok-propertyName">weight</span><span class="tok-punctuation">)</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">range</span><span class="tok-punctuation">(</span><span class="tok-punctuation">[</span><span class="tok-number">1</span><span class="tok-punctuation">,</span> <span class="tok-number">5</span><span class="tok-punctuation">]</span><span class="tok-punctuation">)</span><span class="tok-punctuation">;</span></div><div class="cm-line"><br></div><div class="cm-line"><span class="tok-keyword">const</span> <span class="tok-variableName tok-definition">width</span> <span class="tok-operator">=</span> <span class="tok-number">1000</span><span class="tok-punctuation">;</span></div><div class="cm-line"><span class="tok-keyword">const</span> <span class="tok-variableName tok-definition">height</span> <span class="tok-operator">=</span> <span class="tok-number">600</span><span class="tok-punctuation">;</span></div><div class="cm-line"><br></div><div class="cm-line"><span class="tok-keyword">const</span> <span class="tok-variableName tok-definition">svg</span> <span class="tok-operator">=</span> <span title="Jump to defining cell Ctrl-J" class="reference-mark"><span class="tok-variableName">select</span></span><span class="tok-punctuation">(</span><span title="" class=""><span class="tok-variableName">DOM</span></span><span class="tok-operator">.</span><span class="tok-propertyName">svg</span><span class="tok-punctuation">(</span><span class="tok-variableName">width</span><span class="tok-punctuation">,</span> <span class="tok-variableName">height</span><span class="tok-punctuation">)</span><span class="tok-punctuation">)</span><span class="tok-punctuation">;</span></div><div class="cm-line"><span class="tok-variableName">svg</span><span class="tok-operator">.</span><span class="tok-propertyName">attr</span><span class="tok-punctuation">(</span><span class="tok-string">"viewBox"</span><span class="tok-punctuation">,</span> <span class="tok-punctuation">[</span><span class="tok-operator">-</span><span class="tok-variableName">width</span> <span class="tok-operator">/</span> <span class="tok-number">2</span><span class="tok-punctuation">,</span> <span class="tok-operator">-</span><span class="tok-variableName">height</span> <span class="tok-operator">/</span> <span class="tok-number">2</span><span class="tok-punctuation">,</span> <span class="tok-variableName">width</span><span class="tok-punctuation">,</span> <span class="tok-variableName">height</span><span class="tok-punctuation">]</span><span class="tok-punctuation">)</span><span class="tok-punctuation">;</span></div><div class="cm-line"><br></div><div class="cm-line"> <span class="tok-keyword">function</span> <span class="tok-variableName">ticked</span><span class="tok-punctuation">(</span><span class="tok-punctuation">)</span> <span class="tok-punctuation">{</span></div><div class="cm-line"> <span class="tok-variableName">link</span><span class="tok-operator">.</span><span class="tok-propertyName">attr</span><span class="tok-punctuation">(</span><span class="tok-string">"x1"</span><span class="tok-punctuation">,</span> <span class="tok-variableName tok-definition">d</span> <span class="tok-punctuation">=></span> <span class="tok-variableName">d</span><span class="tok-operator">.</span><span class="tok-propertyName">source</span><span class="tok-operator">.</span><span class="tok-propertyName">x</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">attr</span><span class="tok-punctuation">(</span><span class="tok-string">"y1"</span><span class="tok-punctuation">,</span> <span class="tok-variableName tok-definition">d</span> <span class="tok-punctuation">=></span> <span class="tok-variableName">d</span><span class="tok-operator">.</span><span class="tok-propertyName">source</span><span class="tok-operator">.</span><span class="tok-propertyName">y</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">attr</span><span class="tok-punctuation">(</span><span class="tok-string">"x2"</span><span class="tok-punctuation">,</span> <span class="tok-variableName tok-definition">d</span> <span class="tok-punctuation">=></span> <span class="tok-variableName">d</span><span class="tok-operator">.</span><span class="tok-propertyName">target</span><span class="tok-operator">.</span><span class="tok-propertyName">x</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">attr</span><span class="tok-punctuation">(</span><span class="tok-string">"y2"</span><span class="tok-punctuation">,</span> <span class="tok-variableName tok-definition">d</span> <span class="tok-punctuation">=></span> <span class="tok-variableName">d</span><span class="tok-operator">.</span><span class="tok-propertyName">target</span><span class="tok-operator">.</span><span class="tok-propertyName">y</span><span class="tok-punctuation">)</span><span class="tok-punctuation">;</span></div><div class="cm-line"><br></div><div class="cm-line"> <span class="tok-variableName">node</span><span class="tok-operator">.</span><span class="tok-propertyName">attr</span><span class="tok-punctuation">(</span><span class="tok-string">"cx"</span><span class="tok-punctuation">,</span> <span class="tok-variableName tok-definition">d</span> <span class="tok-punctuation">=></span> <span class="tok-variableName">d</span><span class="tok-operator">.</span><span class="tok-propertyName">x</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">attr</span><span class="tok-punctuation">(</span><span class="tok-string">"cy"</span><span class="tok-punctuation">,</span> <span class="tok-variableName tok-definition">d</span> <span class="tok-punctuation">=></span> <span class="tok-variableName">d</span><span class="tok-operator">.</span><span class="tok-propertyName">y</span><span class="tok-punctuation">)</span><span class="tok-punctuation">;</span></div><div class="cm-line"><span class="tok-punctuation">}</span></div><div class="cm-line"> </div><div class="cm-line"><span class="tok-keyword">const</span> <span class="tok-variableName tok-definition">link</span> <span class="tok-operator">=</span> <span class="tok-variableName">svg</span><span class="tok-operator">.</span><span class="tok-propertyName">append</span><span class="tok-punctuation">(</span><span class="tok-string">"g"</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">selectAll</span><span class="tok-punctuation">(</span><span class="tok-string">"line"</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">data</span><span class="tok-punctuation">(</span><span title="Jump to defining cell Ctrl-J" class="reference-mark"><span class="tok-variableName">filtered_data2</span></span><span class="tok-operator">.</span><span class="tok-propertyName">links</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">join</span><span class="tok-punctuation">(</span><span class="tok-string">"line"</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">attr</span><span class="tok-punctuation">(</span><span class="tok-string">"stroke-width"</span><span class="tok-punctuation">,</span> <span class="tok-variableName tok-definition">d</span> <span class="tok-punctuation">=></span> <span class="tok-variableName">linkScale</span><span class="tok-punctuation">(</span><span class="tok-variableName">d</span><span class="tok-operator">.</span><span class="tok-propertyName">weight</span><span class="tok-punctuation">)</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">attr</span><span class="tok-punctuation">(</span><span class="tok-string">"stroke"</span><span class="tok-punctuation">,</span> <span class="tok-string">"#999"</span><span class="tok-punctuation">)</span><span class="tok-punctuation">;</span></div><div class="cm-line"><br></div><div class="cm-line"> <span class="tok-keyword">const</span> <span class="tok-variableName tok-definition">simulation</span> <span class="tok-operator">=</span> <span title="Jump to defining cell Ctrl-J" class="reference-mark"><span class="tok-variableName">d3</span></span><span class="tok-operator">.</span><span class="tok-propertyName">forceSimulation</span><span class="tok-punctuation">(</span><span title="Jump to defining cell Ctrl-J" class="reference-mark"><span class="tok-variableName">filtered_data2</span></span><span class="tok-operator">.</span><span class="tok-propertyName">nodes</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">force</span><span class="tok-punctuation">(</span><span class="tok-string">"charge"</span><span class="tok-punctuation">,</span> <span title="Jump to defining cell Ctrl-J" class="reference-mark"><span class="tok-variableName">d3</span></span><span class="tok-operator">.</span><span class="tok-propertyName">forceManyBody</span><span class="tok-punctuation">(</span><span class="tok-punctuation">)</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="cm-lintRange cm-lintRange-error"><span class="tok-propertyName">force</span></span><span class="tok-punctuation">(</span><span class="tok-string">"link"</span><span class="tok-punctuation">,</span> <span title="Jump to defining cell Ctrl-J" class="reference-mark"><span class="tok-variableName">d3</span></span><span class="tok-operator">.</span><span class="tok-propertyName">forceLink</span><span class="tok-punctuation">(</span><span title="Jump to defining cell Ctrl-J" class="reference-mark"><span class="tok-variableName">filtered_data2</span></span><span class="tok-operator">.</span><span class="tok-propertyName">links</span><span class="tok-punctuation">)</span><span class="tok-operator">.</span><span class="tok-propertyName">id</span><span class="tok-punctuation">(</span><span class="tok-variableName tok-definition">d</span> <span class="tok-punctuation">=></span> <span class="tok-variableName">d</span><span class="tok-operator">.</span><span class="tok-propertyName">id</span><span class="tok-punctuation">)</span><span class="tok-operator">.</span><span class="tok-propertyName">distance</span><span class="tok-punctuation">(</span><span class="tok-number">50</span><span class="tok-punctuation">)</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">force</span><span class="tok-punctuation">(</span><span class="tok-string">"center"</span><span class="tok-punctuation">,</span> <span title="Jump to defining cell Ctrl-J" class="reference-mark"><span class="tok-variableName">d3</span></span><span class="tok-operator">.</span><span class="tok-propertyName">forceCenter</span><span class="tok-punctuation">(</span><span class="tok-number">0</span><span class="tok-punctuation">,</span> <span class="tok-number">0</span><span class="tok-punctuation">)</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">on</span><span class="tok-punctuation">(</span><span class="tok-string">"tick"</span><span class="tok-punctuation">,</span> <span class="tok-variableName">ticked</span><span class="tok-punctuation">)</span><span class="tok-punctuation">;</span></div><div class="cm-line"> </div><div class="cm-line"><span class="tok-keyword">const</span> <span class="tok-variableName tok-definition">node</span> <span class="tok-operator">=</span> <span class="tok-variableName">svg</span><span class="tok-operator">.</span><span class="tok-propertyName">append</span><span class="tok-punctuation">(</span><span class="tok-string">"g"</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">selectAll</span><span class="tok-punctuation">(</span><span class="tok-string">"circle"</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">data</span><span class="tok-punctuation">(</span><span title="Jump to defining cell Ctrl-J" class="reference-mark"><span class="tok-variableName">filtered_data2</span></span><span class="tok-operator">.</span><span class="tok-propertyName">nodes</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">join</span><span class="tok-punctuation">(</span><span class="tok-string">"circle"</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">attr</span><span class="tok-punctuation">(</span><span class="tok-string">"r"</span><span class="tok-punctuation">,</span> <span class="tok-variableName tok-definition">d</span> <span class="tok-punctuation">=></span> <span class="tok-variableName">nodeScale</span><span class="tok-punctuation">(</span><span class="tok-variableName">d</span><span class="tok-operator">.</span><span class="tok-propertyName">degree</span> <span class="tok-operator">===</span> <span class="tok-string">'direct'</span> <span class="tok-operator">?</span> <span class="tok-number">1</span> <span class="tok-operator">:</span> <span class="tok-number">0.5</span><span class="tok-punctuation">)</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">attr</span><span class="tok-punctuation">(</span><span class="tok-string">"fill"</span><span class="tok-punctuation">,</span> <span class="tok-variableName tok-definition">d</span> <span class="tok-punctuation">=></span> <span class="tok-variableName">colorMap</span><span class="tok-punctuation">[</span><span class="tok-variableName">d</span><span class="tok-operator">.</span><span class="tok-propertyName">type</span><span class="tok-punctuation">]</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">call</span><span class="tok-punctuation">(</span><span title="Jump to defining cell Ctrl-J" class="reference-mark"><span class="tok-variableName">drag_simu</span></span><span class="tok-punctuation">(</span><span class="tok-variableName">simulation</span><span class="tok-punctuation">)</span><span class="tok-punctuation">)</span><span class="tok-punctuation">;</span></div><div class="cm-line"><br></div><div class="cm-line"><span class="tok-variableName">node</span><span class="tok-operator">.</span><span class="tok-propertyName">append</span><span class="tok-punctuation">(</span><span class="tok-string">"title"</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">text</span><span class="tok-punctuation">(</span><span class="tok-variableName tok-definition">d</span> <span class="tok-punctuation">=></span> <span class="tok-string2">`Entity: ${</span><span class="tok-variableName">d</span><span class="tok-operator">.</span><span class="tok-propertyName">id</span><span class="tok-string2">}\nType: ${</span><span class="tok-variableName">d</span><span class="tok-operator">.</span><span class="tok-propertyName">type</span><span class="tok-string2">}\nCountry: ${</span><span class="tok-variableName">d</span><span class="tok-operator">.</span><span class="tok-propertyName">country</span><span class="tok-string2">}\nDegree: ${</span><span class="tok-variableName">d</span><span class="tok-operator">.</span><span class="tok-propertyName">degree</span><span class="tok-string2">}`</span><span class="tok-punctuation">)</span><span class="tok-punctuation">;</span></div><div class="cm-line"><br></div><div class="cm-line"><span class="tok-variableName">node</span><span class="tok-operator">.</span><span class="tok-propertyName">on</span><span class="tok-punctuation">(</span><span class="tok-string">"click"</span><span class="tok-punctuation">,</span> <span class="tok-keyword">function</span><span class="tok-punctuation">(</span><span class="tok-variableName tok-definition">d</span><span class="tok-punctuation">)</span> <span class="tok-punctuation">{</span></div><div class="cm-line"> <span class="tok-variableName">console</span><span class="tok-operator">.</span><span class="tok-propertyName">log</span><span class="tok-punctuation">(</span><span class="tok-string2">`Clicked on node ${</span><span class="tok-variableName">d</span><span class="tok-operator">.</span><span class="tok-propertyName">id</span><span class="tok-string2">} of type ${</span><span class="tok-variableName">d</span><span class="tok-operator">.</span><span class="tok-propertyName">type</span><span class="tok-string2">} from ${</span><span class="tok-variableName">d</span><span class="tok-operator">.</span><span class="tok-propertyName">dataset</span><span class="tok-string2">} with degree: ${</span><span class="tok-variableName">d</span><span class="tok-operator">.</span><span class="tok-propertyName">degree</span><span class="tok-string2">}`</span><span class="tok-punctuation">)</span><span class="tok-punctuation">;</span></div><div class="cm-line"><span class="tok-punctuation">}</span><span class="tok-punctuation">)</span><span class="tok-punctuation">;</span></div><div class="cm-line"><br></div><div class="cm-line"> <span class="tok-keyword">let</span> <span class="tok-variableName tok-definition">tooltip</span> <span class="tok-operator">=</span> <span title="Jump to defining cell Ctrl-J" class="reference-mark"><span class="tok-variableName">d3</span></span><span class="tok-operator">.</span><span class="tok-propertyName">select</span><span class="tok-punctuation">(</span><span class="tok-string">"body"</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">append</span><span class="tok-punctuation">(</span><span class="tok-string">"div"</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">style</span><span class="tok-punctuation">(</span><span class="tok-string">"position"</span><span class="tok-punctuation">,</span> <span class="tok-string">"absolute"</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">style</span><span class="tok-punctuation">(</span><span class="tok-string">"z-index"</span><span class="tok-punctuation">,</span> <span class="tok-string">"10"</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">style</span><span class="tok-punctuation">(</span><span class="tok-string">"visibility"</span><span class="tok-punctuation">,</span> <span class="tok-string">"hidden"</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">text</span><span class="tok-punctuation">(</span><span class="tok-string">"a simple tooltip"</span><span class="tok-punctuation">)</span><span class="tok-punctuation">;</span></div><div class="cm-line"><br></div><div class="cm-line"><span class="tok-variableName">node</span><span class="tok-operator">.</span><span class="tok-propertyName">on</span><span class="tok-punctuation">(</span><span class="tok-string">"mouseover"</span><span class="tok-punctuation">,</span> <span class="tok-keyword">function</span><span class="tok-punctuation">(</span><span class="tok-variableName tok-definition">d</span><span class="tok-punctuation">)</span><span class="tok-punctuation">{</span></div><div class="cm-line"> <span class="tok-keyword">return</span> <span class="tok-variableName">tooltip</span><span class="tok-operator">.</span><span class="tok-propertyName">style</span><span class="tok-punctuation">(</span><span class="tok-string">"visibility"</span><span class="tok-punctuation">,</span> <span class="tok-string">"visible"</span><span class="tok-punctuation">)</span><span class="tok-operator">.</span><span class="tok-propertyName">text</span><span class="tok-punctuation">(</span><span class="tok-string2">`Entity: ${</span><span class="tok-variableName">d</span><span class="tok-operator">.</span><span class="tok-propertyName">id</span><span class="tok-string2">}\nType: ${</span><span class="tok-variableName">d</span><span class="tok-operator">.</span><span class="tok-propertyName">type</span><span class="tok-string2">}\nCountry: ${</span><span class="tok-variableName">d</span><span class="tok-operator">.</span><span class="tok-propertyName">country</span><span class="tok-string2">}\nDegree: ${</span><span class="tok-variableName">d</span><span class="tok-operator">.</span><span class="tok-propertyName">degree</span><span class="tok-string2">}`</span><span class="tok-punctuation">)</span><span class="tok-punctuation">;</span></div><div class="cm-line"><span class="tok-punctuation">}</span><span class="tok-punctuation">)</span><span class="tok-operator">.</span><span class="tok-propertyName">on</span><span class="tok-punctuation">(</span><span class="tok-string">"mousemove"</span><span class="tok-punctuation">,</span> <span class="tok-keyword">function</span><span class="tok-punctuation">(</span><span class="tok-punctuation">)</span><span class="tok-punctuation">{</span></div><div class="cm-line"> <span class="tok-keyword">return</span> <span class="tok-variableName">tooltip</span><span class="tok-operator">.</span><span class="tok-propertyName">style</span><span class="tok-punctuation">(</span><span class="tok-string">"top"</span><span class="tok-punctuation">,</span> <span class="tok-punctuation">(</span><span title="Jump to defining cell Ctrl-J" class="reference-mark"><span class="tok-variableName">d3</span></span><span class="tok-operator">.</span><span class="tok-propertyName">event</span><span class="tok-operator">.</span><span class="tok-propertyName">pageY</span><span class="tok-operator">-</span><span class="tok-number">10</span><span class="tok-punctuation">)</span><span class="tok-operator">+</span><span class="tok-string">"px"</span><span class="tok-punctuation">)</span><span class="tok-operator">.</span><span class="tok-propertyName">style</span><span class="tok-punctuation">(</span><span class="tok-string">"left"</span><span class="tok-punctuation">,</span><span class="tok-punctuation">(</span><span title="Jump to defining cell Ctrl-J" class="reference-mark"><span class="tok-variableName">d3</span></span><span class="tok-operator">.</span><span class="tok-propertyName">event</span><span class="tok-operator">.</span><span class="tok-propertyName">pageX</span><span class="tok-operator">+</span><span class="tok-number">10</span><span class="tok-punctuation">)</span><span class="tok-operator">+</span><span class="tok-string">"px"</span><span class="tok-punctuation">)</span><span class="tok-punctuation">;</span></div><div class="cm-line"><span class="tok-punctuation">}</span><span class="tok-punctuation">)</span><span class="tok-operator">.</span><span class="tok-propertyName">on</span><span class="tok-punctuation">(</span><span class="tok-string">"mouseout"</span><span class="tok-punctuation">,</span> <span class="tok-keyword">function</span><span class="tok-punctuation">(</span><span class="tok-punctuation">)</span><span class="tok-punctuation">{</span></div><div class="cm-line"> <span class="tok-keyword">return</span> <span class="tok-variableName">tooltip</span><span class="tok-operator">.</span><span class="tok-propertyName">style</span><span class="tok-punctuation">(</span><span class="tok-string">"visibility"</span><span class="tok-punctuation">,</span> <span class="tok-string">"hidden"</span><span class="tok-punctuation">)</span><span class="tok-punctuation">;</span></div><div class="cm-line"><span class="tok-punctuation">}</span><span class="tok-punctuation">)</span><span class="tok-punctuation">;</span></div><div class="cm-line"><br></div><div class="cm-line"> <span class="tok-variableName">svg</span><span class="tok-operator">.</span><span class="tok-propertyName">append</span><span class="tok-punctuation">(</span><span class="tok-string">"svg:defs"</span><span class="tok-punctuation">)</span><span class="tok-operator">.</span><span class="tok-propertyName">selectAll</span><span class="tok-punctuation">(</span><span class="tok-string">"marker"</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">data</span><span class="tok-punctuation">(</span><span class="tok-punctuation">[</span><span class="tok-string">"end"</span><span class="tok-punctuation">]</span><span class="tok-punctuation">)</span> <span class="tok-comment">// Different link/path types can be defined here</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">enter</span><span class="tok-punctuation">(</span><span class="tok-punctuation">)</span><span class="tok-operator">.</span><span class="tok-propertyName">append</span><span class="tok-punctuation">(</span><span class="tok-string">"svg:marker"</span><span class="tok-punctuation">)</span> <span class="tok-comment">// This section adds in the arrows</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">attr</span><span class="tok-punctuation">(</span><span class="tok-string">"id"</span><span class="tok-punctuation">,</span> <span class="tok-variableName">String</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">attr</span><span class="tok-punctuation">(</span><span class="tok-string">"viewBox"</span><span class="tok-punctuation">,</span> <span class="tok-string">"0 -5 10 10"</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">attr</span><span class="tok-punctuation">(</span><span class="tok-string">"refX"</span><span class="tok-punctuation">,</span> <span class="tok-number">15</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">attr</span><span class="tok-punctuation">(</span><span class="tok-string">"refY"</span><span class="tok-punctuation">,</span> <span class="tok-operator">-</span><span class="tok-number">1.5</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">attr</span><span class="tok-punctuation">(</span><span class="tok-string">"markerWidth"</span><span class="tok-punctuation">,</span> <span class="tok-number">6</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">attr</span><span class="tok-punctuation">(</span><span class="tok-string">"markerHeight"</span><span class="tok-punctuation">,</span> <span class="tok-number">6</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">attr</span><span class="tok-punctuation">(</span><span class="tok-string">"orient"</span><span class="tok-punctuation">,</span> <span class="tok-string">"auto"</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">append</span><span class="tok-punctuation">(</span><span class="tok-string">"svg:path"</span><span class="tok-punctuation">)</span></div><div class="cm-line"> <span class="tok-operator">.</span><span class="tok-propertyName">attr</span><span class="tok-punctuation">(</span><span class="tok-string">"d"</span><span class="tok-punctuation">,</span> <span class="tok-string">"M0,-5L10,0L0,5"</span><span class="tok-punctuation">)</span><span class="tok-punctuation">;</span></div><div class="cm-line"><br></div><div class="cm-line"><br></div><div class="cm-line"><br></div><div class="cm-line"><span class="tok-keyword">return</span> <span class="tok-variableName">svg</span><span class="tok-operator">.</span><span class="tok-propertyName">node</span><span class="tok-punctuation">(</span><span class="tok-punctuation">)</span><span class="tok-punctuation">;</span></div><div class="cm-line"><span class="tok-punctuation">}</span></div></div><div class="cm-selectionLayer" aria-hidden="true"></div><div class="cm-cursorLayer" aria-hidden="true" style="animation-duration: 1200ms;"><div class="cm-cursor cm-cursor-primary" style="left: 10px; top: 5.81445px; height: 16.3635px;"></div></div></div></div><button title="Run cell Shift-Enter" class="flex items-center absolute top-0 bg-transparent bn br2 pointer squishy moon-gray hover-mid-gray dn-print" style="right: -14px; height: 29px;"><svg width="16" height="16" fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2" viewBox="0 0 16 16"><path d="M4 12.4788V3.52116C4 2.23802 5.50646 1.54723 6.47878 2.38451L11.68 6.86335C12.375 7.46178 12.375 8.53822 11.68 9.13665L6.47878 13.6155C5.50646 14.4528 4 13.762 4 12.4788Z"></path></svg></button></div></div></div><div></div></div><div class="absolute dn-print" style="margin-top: -16px; left: -32px;"><div class="jsx-34351f8c1c3ac6ee absolute"><svg width="17" height="15" viewBox="-8.5 -7.5 17 15" role="button" aria-label="Click to insert or merge cells" stroke="currentColor" stroke-width="2" stroke-linecap="round" fill="none" transform="" class="jsx-34351f8c1c3ac6ee transparent" style="overflow: visible;"><title class="jsx-34351f8c1c3ac6ee">Insert cell</title><path d="M0,-4.5V4.5M-4.5,0H4.5" class="jsx-34351f8c1c3ac6ee "></path></svg></div></div></div></div></div><div class="mw-page w-100 ph3 ph4-l center"><footer class="h5"></footer></div></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"initialPresent":false,"initialSpecifier":{"login":"observablehq","slug":"notebooks-cells"},"initialNotebook":{"type":"notebook","id":"67e1a57bc1e1b582","slug":"notebooks-cells","trashed":false,"description":"","like":false,"likes":51,"publish_level":"public","forks":5,"fork_of":{"id":"76eb1fca83d2edc3","slug":"anjanas-world-earthquake-map","title":"Anjana's World Earthquake Map","owner":{"id":"d7d614fa2258860d","github_login":null,"avatar_url":"https://avatars.observableusercontent.com/avatar/75f0346d6c6908da9b546556f8d223eceb871857b81263c0d62ed549cc492936","login":"anjana","name":"Anjana Vakil","bio":"Engineer \u0026 Educator | Observable Ambassador | Karaoke Enthusiast","home_url":"https://twitter.com/AnjanaVakil","type":"individual","tier":"pro","following_count":0,"followers_count":42,"following":false},"version":1057},"has_importers":false,"update_time":"2021-09-22T18:34:16.334Z","first_public_version":null,"paused_version":null,"publish_time":"2020-11-19T18:11:47.900Z","publish_version":1075,"latest_version":1075,"thumbnail":"7b52e770b261daf3ad00934180d39768d04f2d973848a551e9189f8b5135c2bc","default_thumbnail":"599bbe3e3c0ad3b2506cf67ae6f5ac01eca9c1f68d2610735c1aa5f1615b7c1f","roles":["user"],"sharing":null,"tags":[],"subscription":null,"owner":{"id":"f35c755083683fe5","avatar_url":"https://avatars.observableusercontent.com/avatar/5a51c3b908225a581d20577e488e2aba8cbc9541c52982c638638c370c3e5e8e","login":"observablehq","name":"Observable","bio":"Use data to think, together.","home_url":"https://observablehq.com","type":"team","tier":"pro_enterprise","following_count":0,"followers_count":595,"following":false},"creator":{"id":"d7d614fa2258860d","github_login":null,"avatar_url":"https://avatars.observableusercontent.com/avatar/75f0346d6c6908da9b546556f8d223eceb871857b81263c0d62ed549cc492936","login":"anjana","name":"Anjana Vakil","bio":"Engineer \u0026 Educator | Observable Ambassador | Karaoke Enthusiast","home_url":"https://twitter.com/AnjanaVakil","tier":"pro","following_count":0,"followers_count":42,"following":false},"authors":[{"id":"d7d614fa2258860d","avatar_url":"https://avatars.observableusercontent.com/avatar/75f0346d6c6908da9b546556f8d223eceb871857b81263c0d62ed549cc492936","name":"Anjana Vakil","login":"anjana","bio":"Engineer \u0026 Educator | Observable Ambassador | Karaoke Enthusiast","home_url":"https://twitter.com/AnjanaVakil","github_login":null,"tier":"pro","approved":true,"description":"","following_count":0,"followers_count":42,"following":false}],"collections":[{"id":"33ddf04bb5cce5e9","type":"public","slug":"learning-observable","title":"Video series: Learning Observable","description":"Understand Observable core concepts \u0026 learn basic techniques for working with notebooks through these explanatory videos.","update_time":"2020-11-18T19:20:23.644Z","pinned":false,"ordered":true,"custom_thumbnail":null,"default_thumbnail":"7b52e770b261daf3ad00934180d39768d04f2d973848a551e9189f8b5135c2bc","thumbnail":"7b52e770b261daf3ad00934180d39768d04f2d973848a551e9189f8b5135c2bc","listing_count":8,"parent_collection_count":0,"owner":{"id":"f35c755083683fe5","avatar_url":"https://avatars.observableusercontent.com/avatar/5a51c3b908225a581d20577e488e2aba8cbc9541c52982c638638c370c3e5e8e","login":"observablehq","name":"Observable","bio":"Use data to think, together.","home_url":"https://observablehq.com","type":"team","tier":"pro_enterprise","following_count":0,"followers_count":595,"following":false}}],"files":[],"comments":[],"commenting_lock":null,"suggestion_from":null,"suggestions_to":[],"version":1075,"title":"Notebooks \u0026 Cells","license":null,"copyright":"","nodes":[{"id":1061,"value":"md`# Notebooks \u0026 Cells\n\n\u003ciframe width=\"560\" height=\"315\" src=\"https://www.youtube-nocookie.com/embed/M1xMRkb89oM\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\u003c/iframe\u003e\n\nObservable is a platform for exploring data and code, visually, live in your browser. And the central component of that platform is what we call a \"notebook\": an interactive, editable document defined by chunks of code called \"cells\". Observable notebooks help you explore live data, prototype visualizations, make interactive art, understand algorithms, collaborate on reports, and much more. Join [Anjana Vakil](/@anjana), Observable Developer Advocate, in diving into Observable and understanding the basic mechanics of working with notebooks \u0026 cells. \n\n\n_See below for our finished notebook!_\n\n#### Resources \u0026 further reading:\n- 😋 [A Taste of Observable](https://observablehq.com/@observablehq/a-taste-of-observable)\n- 📓 [Introduction to Notebooks](https://observablehq.com/@observablehq/introduction-to-notebooks)\n- 🤖 [Introduction to Code](https://observablehq.com/@observablehq/introduction-to-code)\n\n#### Featured notebooks:\n- 🌎 [\"U.S.G.S. World Earthquake Map\" by Jeremy Ashkenas](https://observablehq.com/@jashkenas/quakespotter-0-1)\n- ⏱️ [\"C's queuing question\" by Toph Tucker](https://observablehq.com/@tophtucker/cs-queuing-question)\n- 📜 [\"Introduction to text analysis with TF-IDF\" by Kerry Rodden](https://observablehq.com/@kerryrodden/introduction-to-text-analysis-with-tf-idf)\n- 🔴 [\"Sphoise\" by Jeremy Ashkenas](https://observablehq.com/@jashkenas/sphoise?collection=@observablehq/generative-art)\n- 🔍 [\"Best-First Search\" by Mike Bostock](https://observablehq.com/@mbostock/best-first-search?collection=@observablehq/algorithms)\n- 🗺️ [\"Bivariate Choropleth\" by Mike Bostock](https://observablehq.com/@d3/bivariate-choropleth?collection=@observablehq/maps)\n\n`\n","pinned":false,"mode":"js","data":null,"name":null},{"id":0,"value":"md`-----\n## Anjana's World Earthquake Map\n*Revisiting an [old project](https://github.com/jashkenas/quakespotter) done with [Will Bailey](https://github.com/willbailey) in [Ruby-Processing](https://github.com/jashkenas/ruby-processing/wiki) in 2009.*\n\nThe U.S. Geological Survey publishes [feeds of recently recorded earthquakes](https://earthquake.usgs.gov/earthquakes/feed/) for the past hour, day, week and month. They produce a few formats, including — conveniently for our purposes —[GeoJSON](https://earthquake.usgs.gov/earthquakes/feed/v1.0/geojson.php).\n\nIn this notebook, we'll pull in the latest data from the USGS, and plot the locations of recent earthquakes on a globe, while exposing some tweakable parameters.\n\nTry changing the parameters below the globe, or click \\`globe\\` in the margin below to expand the code that draws the Earth.`","pinned":false,"mode":"js","data":null,"name":null},{"id":5,"value":"globe = {\n // Set up the \u003ccanvas\u003e to draw into.\n const context = this ? this.getContext(\"2d\") : DOM.context2d(w, w);\n const canvas = context.canvas;\n canvas.angle = canvas.angle || 0;\n canvas.style.display = \"block\";\n canvas.style.margin = \"auto\";\n const color = d3.color(quakeColor);\n color.opacity = quakeOpacity;\n \n // Use an orthographic projection of the world. For fun, try changing `Ortho` to `Stereo`.\n const projection = d3.geoOrthographic().scale(r).translate([w / 2, w / 2]);\n const path = d3.geoPath(projection, context);\n \n // For every frame.\n while (true) {\n \n // Rotate the earth. For fun, try replacing the `0` in the following line with `canvas.angle`.\n projection.rotate([canvas.angle += spinSpeed, 0]);\n context.clearRect(0, 0, w, w);\n \n // Draw the seas.\n context.lineWidth = 1.5;\n context.fillStyle = oceanColor;\n context.beginPath(), context.arc(w / 2, w / 2, r, 0, 2 * Math.PI), context.fill(), context.stroke();\n \n // Draw the land.\n context.lineWidth = lineWidth;\n context.fillStyle = landColor;\n context.beginPath(), path(earth), context.fill(), context.stroke();\n \n // Draw the earthquakes, either as projected circles on the surface, or flat circles in space.\n \tcontext.fillStyle = color;\n let circles = dots == \"projected\" ? quakeCircles : quakes.features;\n if (dots == \"unprojected\") path.pointRadius(magnitudeRadius);\n circles.forEach(d =\u003e {context.beginPath(), path(d); context.fill()});\n path.pointRadius(null);\n \n yield canvas;\n }\n}","pinned":false,"mode":"js","data":null,"name":null},{"id":353,"value":"viewof timeFrame = {\n const select = DOM.select([\"past-day\", \"past-week\", \"past-month\"]);\n select.value = \"past-week\";\n return select;\n}","pinned":false,"mode":"js","data":null,"name":null},{"id":513,"value":"viewof dots = DOM.select([\"projected\", \"unprojected\"])","pinned":false,"mode":"js","data":null,"name":null},{"id":799,"value":"viewof land = DOM.select([\"countries\", \"land\"])","pinned":false,"mode":"js","data":null,"name":null},{"id":45,"value":"viewof lineWidth = slider({min: 0.01, max: 5, value: 0.35})","pinned":false,"mode":"js","data":null,"name":null},{"id":170,"value":"viewof quakeSize = slider({min: 1, max: 20, value: 10})","pinned":false,"mode":"js","data":null,"name":null},{"id":300,"value":"viewof padding = slider({min: 0, max: 100, value: 10})","pinned":false,"mode":"js","data":null,"name":null},{"id":379,"value":"viewof spinSpeed = slider({min: 0, max: 3, value: 0.4})","pinned":false,"mode":"js","data":null,"name":null},{"id":1027,"value":"viewof oceanColor = color({value: \"#74fbfd\"})","pinned":false,"mode":"js","data":null,"name":null},{"id":1031,"value":"viewof landColor = color({value: \"#fefafa\"})","pinned":false,"mode":"js","data":null,"name":null},{"id":93,"value":"viewof quakeColor = color({value: \"#f107f0\"})","pinned":false,"mode":"js","data":null,"name":null},{"id":373,"value":"viewof quakeOpacity = slider({min: 0, max: 1, value: 0.25})","pinned":false,"mode":"js","data":null,"name":null},{"id":612,"value":"md`**Note:** For the past month of earthquakes, we're using the URL that only includes quakes of [magnitude](https://earthquake.usgs.gov/learn/topics/measure.php) 2.5 and greater — to avoid bogging down the globe with too many dots. Below, try changing \\`2.5\\` to \\`all\\` to see the difference.`","pinned":false,"mode":"js","data":null,"name":null},{"id":111,"value":"urls = ({\n \"past-day\": \"https://earthquake.usgs.gov/earthquakes/feed/v1.0/summary/all_day.geojson\",\n \"past-week\": \"https://earthquake.usgs.gov/earthquakes/feed/v1.0/summary/all_week.geojson\",\n \"past-month\": \"https://earthquake.usgs.gov/earthquakes/feed/v1.0/summary/2.5_month.geojson\"\n})","pinned":true,"mode":"js","data":null,"name":null},{"id":782,"value":"md`Load the [GeoJSON](http://geojson.org/) from the url specified by the \\`timeFrame\\` variable. You can expand the object below to explore the full data available.`","pinned":false,"mode":"js","data":null,"name":null},{"id":8,"value":"quakes = (await fetch(urls[timeFrame])).json()","pinned":true,"mode":"js","data":null,"name":null},{"id":979,"value":"md`For the \\`projected\\` option, use d3.geoCircle to project the quakes as circles on the surface of a sphere instead of just points.`","pinned":false,"mode":"js","data":null,"name":null},{"id":691,"value":"quakeCircles = {\n const circle = d3.geoCircle();\n return quakes.features.map(quake =\u003e {\n return circle.center(quake.geometry.coordinates).radius(magnitudeRadius(quake) / 5).precision(25)();\n });\n}","pinned":true,"mode":"js","data":null,"name":null},{"id":794,"value":"md`Load simplified shapes for land and country borders.`","pinned":false,"mode":"js","data":null,"name":null},{"id":106,"value":"world = (await fetch(\"https://unpkg.com/world-atlas@1/world/110m.json\")).json()","pinned":true,"mode":"js","data":null,"name":null},{"id":807,"value":"md`From the world data, select whether we want to draw country borders, or just all the land.`","pinned":false,"mode":"js","data":null,"name":null},{"id":99,"value":"earth = topojson.feature(world, world.objects[land])","pinned":true,"mode":"js","data":null,"name":null},{"id":816,"value":"md`Our totally subjective function mapping quake magnitude to circle size.`","pinned":false,"mode":"js","data":null,"name":null},{"id":175,"value":"magnitudeRadius = {\n const scale = d3.scaleSqrt().domain([0, 100]).range([0, quakeSize]);\n return function(quake) {\n return scale((Math.exp(quake.properties.mag)));\n }\n}","pinned":true,"mode":"js","data":null,"name":null},{"id":811,"value":"md`Pull out the properties of one earthquake, just so that we can see what we're working with. If you reload the page, this value may change, as the underlying data is frequently updated.`","pinned":false,"mode":"js","data":null,"name":null},{"id":214,"value":"exampleQuakeData = quakes.features[30].properties","pinned":true,"mode":"js","data":null,"name":null},{"id":256,"value":"exampleQuakeMagnitude = magnitudeRadius({properties: exampleQuakeData})","pinned":true,"mode":"js","data":null,"name":null},{"id":830,"value":"md`The size of the globe can be responsive to the width of the notebook. Try narrowing your browser window.`","pinned":false,"mode":"js","data":null,"name":null},{"id":23,"value":"w = Math.min(680, width)","pinned":true,"mode":"js","data":null,"name":null},{"id":26,"value":"r = w / 2 - 2 - padding","pinned":false,"mode":"js","data":null,"name":null},{"id":834,"value":"md`Finally — in order of prose, but not in order of evaluation — load the libraries we depend upon.`","pinned":false,"mode":"js","data":null,"name":null},{"id":1011,"value":"import {slider, color} from \"@jashkenas/inputs\"","pinned":false,"mode":"js","data":null,"name":null},{"id":21,"value":"d3 = require(\"d3@4\")","pinned":false,"mode":"js","data":null,"name":null},{"id":34,"value":"topojson = require(\"topojson-client@3\")","pinned":false,"mode":"js","data":null,"name":null}],"resolutions":[]},"initialAutosave":true,"initialPaused":false,"initialSafe":false,"initialCurrentUser":{"id":"615dd1382f29d024","github_login":null,"avatar_url":"https://avatars.observableusercontent.com/avatar/6028c4aac4183675f1dfb3f5be20913d377c9ab9edc17613b9f6fa6956f83d5e","login":"sailesh500","name":"Sailesh Kumar","bio":"","home_url":"","email":"[email protected]","google_email":"[email protected]","twitter_login":null,"create_time":"2023-06-05T01:24:33.698Z","features":["create_pro_team","identity_reauth"],"settings":{"announcement_entry_id":"4Ofvf3C9dQ7Hszvbewuygf","autoclose_pairs":"true","default_cell_mode":"","prettier":"false","signpost_help":"hide","signpost_insertmenu":"3","signpost_settings":"3","spellcheck":"true","welcome_card":"show"},"profile_email":"","links":[],"selected_banner":null,"uploaded_banner":null,"microsoft_id":null,"otp_id":null,"pronouns":"","tier":"public","has_stripe_customer_id":false,"type":"individual","sso_id":null,"following_count":0,"followers_count":0,"following":false,"has_workspace":false,"teams":[{"id":"0412f8a0def43a78","avatar_url":"https://avatars.observableusercontent.com/avatar/0e462e9c0641c6769a2c96ae8e5781b3864c1f103a8ecbbedcc66c91f0e7f5b8","login":"data-visualization1","name":"Data Visualization","bio":"","home_url":"","role":"owner","type":"team","org_restriction":null,"setting_publish_transfer":true,"profile_email":"","links":[],"selected_banner":null,"uploaded_banner":null,"tier":"public","email":"[email protected]","features":["create_pro_team","identity_reauth"],"has_stripe_customer_id":true,"settings":{"default_private":"false","prettier":"false","show_pro_downgrade_banner":"show"},"following_count":0,"followers_count":0,"following":false,"has_workspace":true,"private_bucket_status":"inactive"}],"identities":[{"id":"48e0770c3549dc6f","provider":"google","provider_org":"","login":"","name":"Sailesh Kumar","email":"[email protected]","bio":"","avatar_url":null,"home_url":"","authenticated":true}]},"initialContext":{"id":"f35c755083683fe5","avatar_url":"https://avatars.observableusercontent.com/avatar/5a51c3b908225a581d20577e488e2aba8cbc9541c52982c638638c370c3e5e8e","login":"observablehq","name":"Observable","bio":"Use data to think, together.","home_url":"https://observablehq.com","type":"team","tier":"pro_enterprise","following_count":0,"followers_count":595,"following":false},"initialTags":[],"initialCollection":{"id":"33ddf04bb5cce5e9","type":"public","slug":"learning-observable","title":"Video series: Learning Observable","description":"Understand Observable core concepts \u0026 learn basic techniques for working with notebooks through these explanatory videos.","update_time":"2020-11-18T19:20:23.644Z","pinned":false,"ordered":true,"custom_thumbnail":null,"default_thumbnail":"7b52e770b261daf3ad00934180d39768d04f2d973848a551e9189f8b5135c2bc","thumbnail":"7b52e770b261daf3ad00934180d39768d04f2d973848a551e9189f8b5135c2bc","listing_count":8,"owner":{"id":"f35c755083683fe5","avatar_url":"https://avatars.observableusercontent.com/avatar/5a51c3b908225a581d20577e488e2aba8cbc9541c52982c638638c370c3e5e8e","login":"observablehq","name":"Observable","bio":"Use data to think, together.","home_url":"https://observablehq.com","type":"team","tier":"pro_enterprise","following_count":0,"followers_count":595,"following":false},"listings":[{"id":"67e1a57bc1e1b582","type":"notebook_reader","publish_level":"public","version":1075,"publish_version":1075,"title":"Notebooks \u0026 Cells","update_time":"2021-09-22T18:34:16.334Z","publish_time":"2020-11-19T18:11:47.900Z","likes":51,"comment_count":0,"slug":"notebooks-cells","thumbnail":"7b52e770b261daf3ad00934180d39768d04f2d973848a551e9189f8b5135c2bc","default_thumbnail":null,"fork_of":true,"collection_count":1,"roles":[],"authors":[{"id":"d7d614fa2258860d","avatar_url":"https://avatars.observableusercontent.com/avatar/75f0346d6c6908da9b546556f8d223eceb871857b81263c0d62ed549cc492936","name":"Anjana Vakil","login":"anjana","bio":"Engineer \u0026 Educator | Observable Ambassador | Karaoke Enthusiast","home_url":"https://twitter.com/AnjanaVakil","github_login":null,"tier":"pro","approved":true,"description":"","following_count":0,"followers_count":42,"following":false}],"sharing":null,"notebook_description":"","listing_type":"notebook","tags":[],"owner":{"type":"team","id":"f35c755083683fe5","login":"observablehq","name":"Observable","bio":"Use data to think, together.","home_url":"https://observablehq.com","avatar_url":"https://avatars.observableusercontent.com/avatar/5a51c3b908225a581d20577e488e2aba8cbc9541c52982c638638c370c3e5e8e","tier":"pro_enterprise","following_count":0,"followers_count":595,"following":false},"creator":{"type":"individual","id":"d7d614fa2258860d","github_login":null,"login":"anjana","name":"Anjana Vakil","bio":"Engineer \u0026 Educator | Observable Ambassador | Karaoke Enthusiast","home_url":"https://twitter.com/AnjanaVakil","avatar_url":"https://avatars.observableusercontent.com/avatar/75f0346d6c6908da9b546556f8d223eceb871857b81263c0d62ed549cc492936","tier":"pro","following_count":0,"followers_count":42,"following":false}},{"id":"62f5b451a8331cc3","type":"notebook_reader","publish_level":"public","version":70,"publish_version":70,"title":"Reactive Markdown \u0026 HTML","update_time":"2021-07-28T16:55:46.897Z","publish_time":"2020-11-19T18:12:09.516Z","likes":16,"comment_count":0,"slug":"reactive-markdown-html","thumbnail":"b03958792a35c29fb1636dffe260d12797404a18795a3e0f14434141191fc739","default_thumbnail":null,"fork_of":true,"collection_count":1,"roles":[],"authors":[{"id":"d7d614fa2258860d","avatar_url":"https://avatars.observableusercontent.com/avatar/75f0346d6c6908da9b546556f8d223eceb871857b81263c0d62ed549cc492936","name":"Anjana Vakil","login":"anjana","bio":"Engineer \u0026 Educator | Observable Ambassador | Karaoke Enthusiast","home_url":"https://twitter.com/AnjanaVakil","github_login":null,"tier":"pro","approved":true,"description":"","following_count":0,"followers_count":42,"following":false}],"sharing":null,"notebook_description":"","listing_type":"notebook","tags":[],"owner":{"type":"team","id":"f35c755083683fe5","login":"observablehq","name":"Observable","bio":"Use data to think, together.","home_url":"https://observablehq.com","avatar_url":"https://avatars.observableusercontent.com/avatar/5a51c3b908225a581d20577e488e2aba8cbc9541c52982c638638c370c3e5e8e","tier":"pro_enterprise","following_count":0,"followers_count":595,"following":false},"creator":{"type":"individual","id":"d7d614fa2258860d","github_login":null,"login":"anjana","name":"Anjana Vakil","bio":"Engineer \u0026 Educator | Observable Ambassador | Karaoke Enthusiast","home_url":"https://twitter.com/AnjanaVakil","avatar_url":"https://avatars.observableusercontent.com/avatar/75f0346d6c6908da9b546556f8d223eceb871857b81263c0d62ed549cc492936","tier":"pro","following_count":0,"followers_count":42,"following":false}},{"id":"f1f689017973e035","type":"notebook_reader","publish_level":"public","version":93,"publish_version":93,"title":"Reactive Dataflow","update_time":"2020-11-19T18:12:26.448Z","publish_time":"2020-11-19T18:12:26.448Z","likes":13,"comment_count":0,"slug":"reactive-dataflow","thumbnail":"00cffd35bedfac5f199630fc7e0e3e996d18644f63a0b0cda123512844975141","default_thumbnail":null,"fork_of":true,"collection_count":1,"roles":[],"authors":[{"id":"d7d614fa2258860d","avatar_url":"https://avatars.observableusercontent.com/avatar/75f0346d6c6908da9b546556f8d223eceb871857b81263c0d62ed549cc492936","name":"Anjana Vakil","login":"anjana","bio":"Engineer \u0026 Educator | Observable Ambassador | Karaoke Enthusiast","home_url":"https://twitter.com/AnjanaVakil","github_login":null,"tier":"pro","approved":true,"description":"","following_count":0,"followers_count":42,"following":false}],"sharing":null,"notebook_description":"","listing_type":"notebook","tags":[],"owner":{"type":"team","id":"f35c755083683fe5","login":"observablehq","name":"Observable","bio":"Use data to think, together.","home_url":"https://observablehq.com","avatar_url":"https://avatars.observableusercontent.com/avatar/5a51c3b908225a581d20577e488e2aba8cbc9541c52982c638638c370c3e5e8e","tier":"pro_enterprise","following_count":0,"followers_count":595,"following":false},"creator":{"type":"individual","id":"d7d614fa2258860d","github_login":null,"login":"anjana","name":"Anjana Vakil","bio":"Engineer \u0026 Educator | Observable Ambassador | Karaoke Enthusiast","home_url":"https://twitter.com/AnjanaVakil","avatar_url":"https://avatars.observableusercontent.com/avatar/75f0346d6c6908da9b546556f8d223eceb871857b81263c0d62ed549cc492936","tier":"pro","following_count":0,"followers_count":42,"following":false}},{"id":"314c3320b97a2bb9","type":"notebook_reader","publish_level":"public","version":174,"publish_version":174,"title":"User Input \u0026 Interactivity","update_time":"2022-09-19T19:40:14.578Z","publish_time":"2020-11-19T18:12:30.204Z","likes":8,"comment_count":2,"slug":"user-input-interactivity","thumbnail":"b60a0c1dd10140fee39d9a286a006f5662c6d345cef9a9a8b7941d21eecd470b","default_thumbnail":null,"fork_of":true,"collection_count":1,"roles":[],"authors":[{"id":"d7d614fa2258860d","avatar_url":"https://avatars.observableusercontent.com/avatar/75f0346d6c6908da9b546556f8d223eceb871857b81263c0d62ed549cc492936","name":"Anjana Vakil","login":"anjana","bio":"Engineer \u0026 Educator | Observable Ambassador | Karaoke Enthusiast","home_url":"https://twitter.com/AnjanaVakil","github_login":null,"tier":"pro","approved":true,"description":"","following_count":0,"followers_count":42,"following":false}],"sharing":null,"notebook_description":"","listing_type":"notebook","tags":[],"owner":{"type":"team","id":"f35c755083683fe5","login":"observablehq","name":"Observable","bio":"Use data to think, together.","home_url":"https://observablehq.com","avatar_url":"https://avatars.observableusercontent.com/avatar/5a51c3b908225a581d20577e488e2aba8cbc9541c52982c638638c370c3e5e8e","tier":"pro_enterprise","following_count":0,"followers_count":595,"following":false},"creator":{"type":"individual","id":"d7d614fa2258860d","github_login":null,"login":"anjana","name":"Anjana Vakil","bio":"Engineer \u0026 Educator | Observable Ambassador | Karaoke Enthusiast","home_url":"https://twitter.com/AnjanaVakil","avatar_url":"https://avatars.observableusercontent.com/avatar/75f0346d6c6908da9b546556f8d223eceb871857b81263c0d62ed549cc492936","tier":"pro","following_count":0,"followers_count":42,"following":false}},{"id":"6b6ff184e4f19ef3","type":"notebook_reader","publish_level":"public","version":136,"publish_version":136,"title":"JavaScript and Observable","update_time":"2020-11-19T18:12:34.023Z","publish_time":"2020-11-19T18:12:34.023Z","likes":20,"comment_count":0,"slug":"javascript-and-observable","thumbnail":"bfe450257eda42fd951b4c7dc501e13a750aec94925d82b4ec49591d3f838224","default_thumbnail":null,"fork_of":true,"collection_count":1,"roles":[],"authors":[{"id":"d7d614fa2258860d","avatar_url":"https://avatars.observableusercontent.com/avatar/75f0346d6c6908da9b546556f8d223eceb871857b81263c0d62ed549cc492936","name":"Anjana Vakil","login":"anjana","bio":"Engineer \u0026 Educator | Observable Ambassador | Karaoke Enthusiast","home_url":"https://twitter.com/AnjanaVakil","github_login":null,"tier":"pro","approved":true,"description":"","following_count":0,"followers_count":42,"following":false}],"sharing":null,"notebook_description":"","listing_type":"notebook","tags":[],"owner":{"type":"team","id":"f35c755083683fe5","login":"observablehq","name":"Observable","bio":"Use data to think, together.","home_url":"https://observablehq.com","avatar_url":"https://avatars.observableusercontent.com/avatar/5a51c3b908225a581d20577e488e2aba8cbc9541c52982c638638c370c3e5e8e","tier":"pro_enterprise","following_count":0,"followers_count":595,"following":false},"creator":{"type":"individual","id":"d7d614fa2258860d","github_login":null,"login":"anjana","name":"Anjana Vakil","bio":"Engineer \u0026 Educator | Observable Ambassador | Karaoke Enthusiast","home_url":"https://twitter.com/AnjanaVakil","avatar_url":"https://avatars.observableusercontent.com/avatar/75f0346d6c6908da9b546556f8d223eceb871857b81263c0d62ed549cc492936","tier":"pro","following_count":0,"followers_count":42,"following":false}},{"id":"ad7566b557f8ad98","type":"notebook_reader","publish_level":"public","version":33,"publish_version":33,"title":"Imports \u0026 Remixing Cells","update_time":"2020-11-19T18:12:38.217Z","publish_time":"2020-11-19T18:12:38.217Z","likes":11,"comment_count":0,"slug":"imports-remixing-cells","thumbnail":"756ebd18da42f69c07086857ccdb046baadf4c5e095f0d3b9f25a975117884df","default_thumbnail":null,"fork_of":true,"collection_count":1,"roles":[],"authors":[{"id":"d7d614fa2258860d","avatar_url":"https://avatars.observableusercontent.com/avatar/75f0346d6c6908da9b546556f8d223eceb871857b81263c0d62ed549cc492936","name":"Anjana Vakil","login":"anjana","bio":"Engineer \u0026 Educator | Observable Ambassador | Karaoke Enthusiast","home_url":"https://twitter.com/AnjanaVakil","github_login":null,"tier":"pro","approved":true,"description":"","following_count":0,"followers_count":42,"following":false}],"sharing":null,"notebook_description":"","listing_type":"notebook","tags":[],"owner":{"type":"team","id":"f35c755083683fe5","login":"observablehq","name":"Observable","bio":"Use data to think, together.","home_url":"https://observablehq.com","avatar_url":"https://avatars.observableusercontent.com/avatar/5a51c3b908225a581d20577e488e2aba8cbc9541c52982c638638c370c3e5e8e","tier":"pro_enterprise","following_count":0,"followers_count":595,"following":false},"creator":{"type":"individual","id":"d7d614fa2258860d","github_login":null,"login":"anjana","name":"Anjana Vakil","bio":"Engineer \u0026 Educator | Observable Ambassador | Karaoke Enthusiast","home_url":"https://twitter.com/AnjanaVakil","avatar_url":"https://avatars.observableusercontent.com/avatar/75f0346d6c6908da9b546556f8d223eceb871857b81263c0d62ed549cc492936","tier":"pro","following_count":0,"followers_count":42,"following":false}},{"id":"fdc8303465b4ff5a","type":"notebook_reader","publish_level":"public","version":214,"publish_version":214,"title":"Getting Data into a Notebook","update_time":"2020-11-19T18:12:41.773Z","publish_time":"2020-11-19T18:12:41.773Z","likes":39,"comment_count":0,"slug":"getting-data-into-a-notebook","thumbnail":"68f0514f24554ee9007006dd180d2c950c7591e38e5fd94233df92521ca5a20f","default_thumbnail":null,"fork_of":true,"collection_count":1,"roles":[],"authors":[{"id":"d7d614fa2258860d","avatar_url":"https://avatars.observableusercontent.com/avatar/75f0346d6c6908da9b546556f8d223eceb871857b81263c0d62ed549cc492936","name":"Anjana Vakil","login":"anjana","bio":"Engineer \u0026 Educator | Observable Ambassador | Karaoke Enthusiast","home_url":"https://twitter.com/AnjanaVakil","github_login":null,"tier":"pro","approved":true,"description":"","following_count":0,"followers_count":42,"following":false}],"sharing":null,"notebook_description":"","listing_type":"notebook","tags":[],"owner":{"type":"team","id":"f35c755083683fe5","login":"observablehq","name":"Observable","bio":"Use data to think, together.","home_url":"https://observablehq.com","avatar_url":"https://avatars.observableusercontent.com/avatar/5a51c3b908225a581d20577e488e2aba8cbc9541c52982c638638c370c3e5e8e","tier":"pro_enterprise","following_count":0,"followers_count":595,"following":false},"creator":{"type":"individual","id":"d7d614fa2258860d","github_login":null,"login":"anjana","name":"Anjana Vakil","bio":"Engineer \u0026 Educator | Observable Ambassador | Karaoke Enthusiast","home_url":"https://twitter.com/AnjanaVakil","avatar_url":"https://avatars.observableusercontent.com/avatar/75f0346d6c6908da9b546556f8d223eceb871857b81263c0d62ed549cc492936","tier":"pro","following_count":0,"followers_count":42,"following":false}},{"id":"c6b0ae5ca6bc5a7c","type":"notebook_reader","publish_level":"public","version":388,"publish_version":388,"title":"Sharing, Publishing \u0026 Embedding","update_time":"2020-11-19T18:12:46.224Z","publish_time":"2020-11-19T18:12:46.224Z","likes":11,"comment_count":0,"slug":"sharing-publishing-embedding","thumbnail":"f24d02908676f13a7be1df1294eadabf91fd4f05f092a33530604a2d4f7997a3","default_thumbnail":null,"fork_of":true,"collection_count":1,"roles":[],"authors":[{"id":"d7d614fa2258860d","avatar_url":"https://avatars.observableusercontent.com/avatar/75f0346d6c6908da9b546556f8d223eceb871857b81263c0d62ed549cc492936","name":"Anjana Vakil","login":"anjana","bio":"Engineer \u0026 Educator | Observable Ambassador | Karaoke Enthusiast","home_url":"https://twitter.com/AnjanaVakil","github_login":null,"tier":"pro","approved":true,"description":"","following_count":0,"followers_count":42,"following":false}],"sharing":null,"notebook_description":"","listing_type":"notebook","tags":[],"owner":{"type":"team","id":"f35c755083683fe5","login":"observablehq","name":"Observable","bio":"Use data to think, together.","home_url":"https://observablehq.com","avatar_url":"https://avatars.observableusercontent.com/avatar/5a51c3b908225a581d20577e488e2aba8cbc9541c52982c638638c370c3e5e8e","tier":"pro_enterprise","following_count":0,"followers_count":595,"following":false},"creator":{"type":"individual","id":"d7d614fa2258860d","github_login":null,"login":"anjana","name":"Anjana Vakil","bio":"Engineer \u0026 Educator | Observable Ambassador | Karaoke Enthusiast","home_url":"https://twitter.com/AnjanaVakil","avatar_url":"https://avatars.observableusercontent.com/avatar/75f0346d6c6908da9b546556f8d223eceb871857b81263c0d62ed549cc492936","tier":"pro","following_count":0,"followers_count":42,"following":false}}],"parent_collections":[]}},"__N_SSP":true},"page":"/[at]/[...specifiers]","query":{"collection":"@observablehq/learning-observable","at":"@observablehq","specifiers":["@observablehq","notebooks-cells"]},"buildId":"HoKeQvh2p8c7CF3rQG890","isFallback":false,"gssp":true,"scriptLoader":[]}</script><next-route-announcer><p aria-live="assertive" id="__next-route-announcer__" role="alert" style="border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; white-space: nowrap; overflow-wrap: normal;">Interactive Visualization 3 / Data Visualization | Observable</p></next-route-announcer><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/3477-fdafb3ce8d4705b6.js.download"></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/309-d30e5b28451f698e.js.download"></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/8550-bf54cd8f186e6550.js.download"></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/8834-86b77b1c952c1b46.js.download"></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/1239-c77776186e2dbf27.js.download"></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/559-236afae14f5bcbe5.js.download"></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/9726-58c36c98c984136b.js.download"></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/1991-6ee95e2f7fbfc1af.js.download"></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/index-39640ab427a223dc.js.download"></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/pricing-a842365760a19d08.js.download"></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/explore-e2a221da037b4a9a.js.download"></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/new-5f711e3fa3a3573c.js.download"></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/245-443eba2b0fdd70ad.js.download"></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/3926-fa380ee31f37bba3.js.download"></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/[at]-407dbc996f490979.js.download"></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/4434-d04c4834090f48eb.js.download"></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/[...specifier]-db2c7373c64481dd.js.download"></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/691-ad33ea84667bfebf.js.download"></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/5569-a5e53c590debd063.js.download"></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/1287-bae05a009883abc6.js.download"></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/4969-c8b015b90e9574cd.js.download"></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/new-56f8da740d5c5cb0.js.download"></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/[guide]-93fda02ca79357c5.js.download"></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/new-849bb7f91786273e.js.download"></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/1490-6b1ca8a60f4b9308.js.download"></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/settings-4aa8c70e67ab6fc5.js.download"></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/search-b42bf94f558c3dfb.js.download"></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/2397-5b57a93fa4b2c2d6.js.download"></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/top-613c47ed540b9088.js.download"></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/[...specifier]-b2daf8407d0213b1.js.download"></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/8534-2b9ed0922f0dfad1.js.download"></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/about-51b8e300b467497f.js.download"></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/data-integrations-5328c1b28e15bc8d.js.download"></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/libraries-028a6c72ca58a531.js.download"></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/recent-3e3c68b47c50ce55.js.download"></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/tutorials-b333c7c6674544b6.js.download"></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/community-2fc7487d3de1fe0e.js.download"></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/ambassadors-e41febd4c76cfa23.js.download"></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/export-work-8dbed923c4a0df5c.js.download"></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/templates-ddf9294c2ba41146.js.download"></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/plot-0185ce1053c2b7c1.js.download"></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/7034-e6342e8267bcf80f.js.download"></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/customer-stories-b58a0d3ac57b58e0.js.download"></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/blog-8d1523863bfaf6d2.js.download"></script><script src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/trending-0a44b875d00ada55.js.download"></script><reach-portal><div data-reach-popover="" hidden="" data-reach-menu-popover="" style="position: absolute; left: 0px; top: 0px;"><div aria-labelledby="menu-button--menu--3701" role="menu" tabindex="-1" class="bg-white ba b--silver br2 pv2 shadow-4 outline-0" id="menu--3701" data-reach-menu-items="" style="margin-top: 4px; margin-left: -17px;"><a role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-reach-menu-link="" data-valuetext="Home" data-reach-menu-item="" href="https://observablehq.com/" id="option-0--menu--3701">Home</a><a role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-reach-menu-link="" data-valuetext="Explore" data-reach-menu-item="" href="https://observablehq.com/explore" id="option-1--menu--3701">Explore</a><a role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-reach-menu-link="" data-valuetext="Product" data-reach-menu-item="" href="https://observablehq.com/product" id="option-2--menu--3701">Product</a><a role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-reach-menu-link="" data-valuetext="Observable Plot" data-reach-menu-item="" href="https://observablehq.com/product/plot" id="option-3--menu--3701">Observable Plot</a><a role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-reach-menu-link="" data-valuetext="Customer stories" data-reach-menu-item="" href="https://observablehq.com/customer-stories" id="option-4--menu--3701">Customer stories</a><a role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-reach-menu-link="" data-valuetext="Release notes" data-reach-menu-item="" href="https://observablehq.com/@observablehq/observable-release-notes" id="option-5--menu--3701">Release notes</a><a role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-reach-menu-link="" data-valuetext="Pricing" data-reach-menu-item="" href="https://observablehq.com/pricing" id="option-6--menu--3701">Pricing</a><a role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-reach-menu-link="" data-valuetext="Learn" data-reach-menu-item="" href="https://observablehq.com/tutorials" id="option-7--menu--3701">Learn</a><a role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-reach-menu-link="" data-valuetext="Community" data-reach-menu-item="" href="https://observablehq.com/community" id="option-8--menu--3701">Community</a><a role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-reach-menu-link="" data-valuetext="About" data-reach-menu-item="" href="https://observablehq.com/about" id="option-9--menu--3701">About</a><a role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-reach-menu-link="" data-valuetext="Blog" data-reach-menu-item="" href="https://observablehq.com/blog" id="option-10--menu--3701">Blog</a></div></div></reach-portal><reach-portal><div data-reach-popover="" hidden="" data-reach-menu-popover="" style="position: absolute; left: 61.9792px; top: 37.9924px;"><div aria-labelledby="menu-button--menu--3702" role="menu" tabindex="-1" class="bg-white ba b--silver br2 pv2 shadow-4 outline-0" id="menu--3702" data-reach-menu-items="" style="margin-top: 4px; margin-left: -17px;"><a role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-reach-menu-link="" data-valuetext="Data Integrations" data-reach-menu-item="" href="https://observablehq.com/data-integrations" id="option-0--menu--3702">Data Integrations</a><a role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-reach-menu-link="" data-valuetext="Security" data-reach-menu-item="" href="https://observablehq.com/resources/security" id="option-1--menu--3702">Security</a><a role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-reach-menu-link="" data-valuetext="Observable Plot" data-reach-menu-item="" href="https://observablehq.com/product/plot" id="option-2--menu--3702">Observable Plot</a><a role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-reach-menu-link="" data-valuetext="Customer stories" data-reach-menu-item="" href="https://observablehq.com/customer-stories" id="option-3--menu--3702">Customer stories</a><a role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-reach-menu-link="" data-valuetext="Release notes" data-reach-menu-item="" href="https://observablehq.com/@observablehq/observable-release-notes" id="option-4--menu--3702">Release notes</a></div></div></reach-portal><reach-portal><div data-reach-popover="" hidden="" data-reach-menu-popover="" style="position: absolute; left: 194.309px; top: 37.9924px;"><div aria-labelledby="menu-button--menu--3703" role="menu" tabindex="-1" class="bg-white ba b--silver br2 pv2 shadow-4 outline-0" id="menu--3703" data-reach-menu-items="" style="margin-top: 4px; margin-left: -17px;"><a role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-reach-menu-link="" data-valuetext="Developers" data-reach-menu-item="" href="https://observablehq.com/solutions/developers" id="option-0--menu--3703">Developers</a><a role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-reach-menu-link="" data-valuetext="Data analysts" data-reach-menu-item="" href="https://observablehq.com/solutions/data-analysts" id="option-1--menu--3703">Data analysts</a><a role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-reach-menu-link="" data-valuetext="Data scientists" data-reach-menu-item="" href="https://observablehq.com/solutions/data-scientists" id="option-2--menu--3703">Data scientists</a><a role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-reach-menu-link="" data-valuetext="Spreadsheet users" data-reach-menu-item="" href="https://observablehq.com/solutions/spreadsheet-users" id="option-3--menu--3703">Spreadsheet users</a><a role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-reach-menu-link="" data-valuetext="SQL users" data-reach-menu-item="" href="https://observablehq.com/solutions/sql-users" id="option-4--menu--3703">SQL users</a><a role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-reach-menu-link="" data-valuetext="Jupyter users" data-reach-menu-item="" href="https://observablehq.com/solutions/jupyter-users" id="option-5--menu--3703">Jupyter users</a><a role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-reach-menu-link="" data-valuetext="Education" data-reach-menu-item="" href="https://observablehq.com/education" id="option-6--menu--3703">Education</a></div></div></reach-portal><reach-portal><div data-reach-popover="" hidden="" data-reach-menu-popover="" style="position: absolute; left: 341.411px; top: 37.9924px;"><div aria-labelledby="menu-button--menu--3704" role="menu" tabindex="-1" class="bg-white ba b--silver br2 pv2 shadow-4 outline-0" id="menu--3704" data-reach-menu-items="" style="margin-top: 4px; margin-left: -17px;"><a role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-reach-menu-link="" data-valuetext="Tutorials" data-reach-menu-item="" href="https://observablehq.com/tutorials" id="option-0--menu--3704">Tutorials</a><a role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-reach-menu-link="" data-valuetext="Documentation" data-reach-menu-item="" href="https://observablehq.com/@observablehq/documentation" id="option-1--menu--3704">Documentation</a><a role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-reach-menu-link="" data-valuetext="Blog" data-reach-menu-item="" href="https://observablehq.com/blog" id="option-2--menu--3704">Blog</a></div></div></reach-portal><reach-portal><div data-reach-popover="" hidden="" data-reach-menu-popover="" style="position: absolute; left: 395.521px; top: 37.9924px;"><div aria-labelledby="menu-button--menu--3705" role="menu" tabindex="-1" class="bg-white ba b--silver br2 pv2 shadow-4 outline-0" id="menu--3705" data-reach-menu-items="" style="margin-top: 4px; margin-left: -17px;"><a role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-reach-menu-link="" data-valuetext="Featured Work" data-reach-menu-item="" href="https://observablehq.com/community#highlights" id="option-0--menu--3705">Featured Work</a><a role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-reach-menu-link="" data-valuetext="Ambassadors" data-reach-menu-item="" href="https://observablehq.com/ambassadors" id="option-1--menu--3705">Ambassadors</a><a role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-reach-menu-link="" data-valuetext="Events" data-reach-menu-item="" href="https://lu.ma/observablehq" id="option-2--menu--3705">Events</a><a role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-reach-menu-link="" data-valuetext="User Forum" data-reach-menu-item="" href="https://talk.observablehq.com/" id="option-3--menu--3705">User Forum</a></div></div></reach-portal><reach-portal><div data-reach-popover="" hidden="" data-reach-menu-popover="" style="position: absolute; left: 1132.49px; top: 44.1004px;"><div aria-labelledby="menu-button--menu--3706" role="menu" tabindex="-1" class="bg-white ba b--silver br2 pv2 shadow-4 outline-0" id="menu--3706" data-reach-menu-items="" style="margin-top: 4px; margin-left: -17px;"><div class="truncate ph3 f7 fw5 mb1 mid-gray">Signed in as <span class="dark-gray">sailesh500</span></div><a role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-reach-menu-link="" data-valuetext="Profile" data-reach-menu-item="" href="https://observablehq.com/@sailesh500?tab=profile" id="option-0--menu--3706"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><circle cx="8" cy="5" r="2.5" stroke="currentColor" stroke-width="2"></circle><path d="M4 14V11C4 9.34315 5.79086 8 8 8C10.2091 8 12 9.34315 12 11V14" stroke="currentColor" stroke-width="2"></path></svg><span class="ml1">Profile</span></a><a role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-reach-menu-link="" data-valuetext="Public notebooks" data-reach-menu-item="" href="https://observablehq.com/@sailesh500?tab=public" id="option-1--menu--3706"><svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M2 3C2 1.89543 2.89543 1 4 1H10L14 5V13C14 14.1046 13.1046 15 12 15H4C2.89543 15 2 14.1046 2 13V3ZM9 3H4V13H12V6H9V3Z"></path><rect x="5" y="7" width="5" height="2"></rect><rect x="5" y="10" width="6" height="2"></rect></svg><span class="ml1">Public notebooks</span></a><a role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-reach-menu-link="" data-valuetext="Following" data-reach-menu-item="" href="https://observablehq.com/@sailesh500?tab=following" id="option-2--menu--3706"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M3.89356 6.41958C3.77277 6.47134 3.63973 6.5 3.5 6.5C2.94772 6.5 2.5 6.05228 2.5 5.5C2.5 4.94772 2.94772 4.5 3.5 4.5C3.63973 4.5 3.77277 4.52866 3.89356 4.58042C4.10781 3.91441 4.54852 3.34997 5.125 2.97779C4.65672 2.67547 4.09885 2.5 3.5 2.5C1.84315 2.5 0.5 3.84315 0.5 5.5C0.5 6.53244 1.02153 7.44307 1.81552 7.9828C0.686292 8.69052 0 10.0803 0 11.5V13.5H2V11.5C2 10.217 2.83454 9.5 3.5 9.5C3.57028 9.5 3.64086 9.50676 3.71117 9.52044C4.02446 8.88728 4.48683 8.34549 5.06552 7.9828C4.51822 7.61076 4.10038 7.06249 3.89356 6.41958Z" fill="currentColor"></path><path d="M6.35644 4.58042C6.44966 4.87021 6.5 5.17923 6.5 5.5C6.5 5.82077 6.44966 6.12979 6.35644 6.41958C5.99982 6.26675 5.75 5.91255 5.75 5.5C5.75 5.08745 5.99982 4.73325 6.35644 4.58042Z" fill="currentColor"></path><path d="M8.39356 6.41958C8.27277 6.47134 8.13973 6.5 8 6.5C7.44772 6.5 7 6.05228 7 5.5C7 4.94772 7.44772 4.5 8 4.5C8.13973 4.5 8.27277 4.52866 8.39356 4.58042C8.60781 3.91441 9.04852 3.34997 9.625 2.97779C9.15672 2.67547 8.59885 2.5 8 2.5C6.34315 2.5 5 3.84315 5 5.5C5 6.53244 5.52153 7.44307 6.31552 7.9828C5.18629 8.69052 4.5 10.0803 4.5 11.5V13.5H6.5V11.5C6.5 10.217 7.33454 9.5 8 9.5C8.07046 9.5 8.14103 9.50675 8.21121 9.52036C8.5245 8.88724 8.98685 8.34547 9.56552 7.9828C9.01822 7.61076 8.60038 7.06249 8.39356 6.41958Z" fill="currentColor"></path><path d="M10.8564 4.58042C10.9497 4.87021 11 5.17923 11 5.5C11 5.82077 10.9497 6.12979 10.8564 6.41958C10.4998 6.26675 10.25 5.91255 10.25 5.5C10.25 5.08745 10.4998 4.73325 10.8564 4.58042Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M14.1845 7.9828C14.9785 7.44307 15.5 6.53244 15.5 5.5C15.5 3.84315 14.1569 2.5 12.5 2.5C10.8431 2.5 9.5 3.84315 9.5 5.5C9.5 6.53244 10.0215 7.44307 10.8155 7.9828C9.68629 8.69052 9 10.0803 9 11.5V13.5H11V11.5C11 10.217 11.8345 9.5 12.5 9.5C13.1655 9.5 14 10.217 14 11.5V13.5H16V11.5C16 10.0803 15.3137 8.69052 14.1845 7.9828ZM13.5 5.5C13.5 6.05228 13.0523 6.5 12.5 6.5C11.9477 6.5 11.5 6.05228 11.5 5.5C11.5 4.94772 11.9477 4.5 12.5 4.5C13.0523 4.5 13.5 4.94772 13.5 5.5Z" fill="currentColor"></path></svg><span class="ml1">Following</span></a><a role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-reach-menu-link="" data-valuetext="Likes" data-reach-menu-item="" href="https://observablehq.com/@sailesh500?tab=likes" id="option-3--menu--3706"><svg width="16" height="16" viewBox="0 0 16 16" fill="transparent" stroke-width="2"><path d="M13.92 2.61466C13.5779 2.26123 13.1718 1.98088 12.7249 1.78962C12.2779 1.59836 11.7989 1.49995 11.3151 1.5C10.3375 1.5 9.40078 2.07601 8.71018 2.7894L7.99976 3.52447L7.28933 2.7894C5.85098 1.30358 3.51789 1.12885 2.07954 2.61466C1.73729 2.96806 1.4658 3.38765 1.28057 3.84946C1.09534 4.31127 1 4.80625 1 5.30613C1 5.80601 1.09534 6.30099 1.28057 6.7628C1.4658 7.22461 1.73729 7.64419 2.07954 7.99759L2.78996 8.73026L7.99976 14.5L13.2096 8.73026L13.92 7.99759C14.2624 7.64427 14.534 7.22471 14.7193 6.76289C14.9046 6.30107 15 5.80605 15 5.30613C15 4.8062 14.9046 4.31118 14.7193 3.84936C14.534 3.38754 14.2624 2.96798 13.92 2.61466Z" stroke="currentColor"></path></svg><span class="ml1">Likes</span></a><div class="bt b--light-silver mv2"></div><div style="max-width: max(100vw - 60px, 300px);"><div class="pv2 pl3 pr3 f7 fw5 nowrap mid-gray">Workspaces</div><div aria-labelledby="menu-button--menu--3706" role="menu" tabindex="-1" class="bg-white outline-0" id="menu--3706" data-reach-menu-items="" style="margin-top: -4px;"><a role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-reach-menu-link="" data-valuetext="Data Visualization" data-reach-menu-item="" href="https://observablehq.com/@data-visualization1" id="option-4--menu--3706"><picture><source srcset="https://avatars.observableusercontent.com/avatar/0e462e9c0641c6769a2c96ae8e5781b3864c1f103a8ecbbedcc66c91f0e7f5b8?s=60&format=avif 1x, https://avatars.observableusercontent.com/avatar/0e462e9c0641c6769a2c96ae8e5781b3864c1f103a8ecbbedcc66c91f0e7f5b8?s=120&format=avif 2x, https://avatars.observableusercontent.com/avatar/0e462e9c0641c6769a2c96ae8e5781b3864c1f103a8ecbbedcc66c91f0e7f5b8?s=180&format=avif 3x" type="image/avif"><source srcset="https://avatars.observableusercontent.com/avatar/0e462e9c0641c6769a2c96ae8e5781b3864c1f103a8ecbbedcc66c91f0e7f5b8?s=60&format=webp 1x, https://avatars.observableusercontent.com/avatar/0e462e9c0641c6769a2c96ae8e5781b3864c1f103a8ecbbedcc66c91f0e7f5b8?s=120&format=webp 2x, https://avatars.observableusercontent.com/avatar/0e462e9c0641c6769a2c96ae8e5781b3864c1f103a8ecbbedcc66c91f0e7f5b8?s=180&format=webp 3x" type="image/webp"><source srcset="https://avatars.observableusercontent.com/avatar/0e462e9c0641c6769a2c96ae8e5781b3864c1f103a8ecbbedcc66c91f0e7f5b8?s=60&format=jpeg 1x, https://avatars.observableusercontent.com/avatar/0e462e9c0641c6769a2c96ae8e5781b3864c1f103a8ecbbedcc66c91f0e7f5b8?s=120&format=jpeg 2x, https://avatars.observableusercontent.com/avatar/0e462e9c0641c6769a2c96ae8e5781b3864c1f103a8ecbbedcc66c91f0e7f5b8?s=180&format=jpeg 3x" type="image/jpeg"><source srcset="https://avatars.observableusercontent.com/avatar/0e462e9c0641c6769a2c96ae8e5781b3864c1f103a8ecbbedcc66c91f0e7f5b8?s=60&format=png 1x, https://avatars.observableusercontent.com/avatar/0e462e9c0641c6769a2c96ae8e5781b3864c1f103a8ecbbedcc66c91f0e7f5b8?s=120&format=png 2x, https://avatars.observableusercontent.com/avatar/0e462e9c0641c6769a2c96ae8e5781b3864c1f103a8ecbbedcc66c91f0e7f5b8?s=180&format=png 3x" type="image/png"><img alt="@data-visualization1" src="./Interactive Visualization 3 _ Data Visualization _ Observable_files/0e462e9c0641c6769a2c96ae8e5781b3864c1f103a8ecbbedcc66c91f0e7f5b8" class="mr2 br-100" style="width: 16px; height: 16px; max-width: none; flex-shrink: 0; display: block; background: var(--white); margin-top: -1px; margin-bottom: -1px;"></picture><div class="truncate">Data Visualization</div></a></div></div><a role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-reach-menu-link="" data-valuetext="New workspace" data-reach-menu-item="" href="https://observablehq.com/team/new?source=userMenu" id="option-5--menu--3706"><div class="flex flex-column"><div class="flex items-center"><svg viewBox="0 0 16 16" width="16" height="16" stroke="currentColor" stroke-width="2" class="mr2"><path d="M3 8h10M8 3v10"></path></svg>New workspace</div></div></a><div class="bt b--light-silver mv2"></div><div class="jsx-3750879006 relative"><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate flex justify-between" data-valuetext="Settings" data-reach-menu-item="" id="option-6--menu--3706"><div class="jsx-3750879006"><div class="inline-flex items-center"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="mr2"><path d="M7.23913 1H8.79862C9.21959 1 9.59549 1.26364 9.73885 1.65946L10.3259 3.28024C10.4028 3.49249 10.559 3.66559 10.7515 3.78351C10.9495 3.90482 11.1807 3.96443 11.4106 3.93133L12.9739 3.70625C13.377 3.64823 13.7749 3.84034 13.9801 4.19199L14.6107 5.27241C14.84 5.66536 14.7752 6.16359 14.4529 6.48476L13.3895 7.5446C13.2012 7.73224 13.0954 7.9871 13.0954 8.2529V8.30543C13.0954 8.52234 13.1659 8.73337 13.2964 8.9067L14.5165 10.5281C14.7988 10.9034 14.782 11.4246 14.4761 11.7809L13.4612 12.9629C13.1848 13.2847 12.7355 13.3972 12.3402 13.2435L10.864 12.6697C10.738 12.6207 10.599 12.6166 10.4704 12.6579C10.3046 12.7112 10.1708 12.8351 10.1051 12.9963L9.54175 14.3776C9.38826 14.754 9.02224 15 8.61579 15H7.65787C7.25142 15 6.8854 14.754 6.73191 14.3776L6.17505 13.0122C6.10519 12.8409 5.96312 12.7093 5.787 12.6527C5.668 12.6145 5.54028 12.6127 5.42031 12.6478L3.22003 13.2899C2.79336 13.4144 2.3357 13.2423 2.09672 12.8676L1.38429 11.7503C1.15444 11.3899 1.17915 10.9231 1.4458 10.589L2.83647 8.84608C2.9698 8.679 3.04241 8.47158 3.04241 8.25783C3.04241 7.99041 2.92889 7.73556 2.7301 7.55669L1.61262 6.55122C1.25683 6.23109 1.17775 5.70375 1.42399 5.29334L2.14943 4.08428C2.36093 3.73178 2.76659 3.54463 3.17203 3.6125L4.83485 3.89085C5.03567 3.92446 5.23969 3.87621 5.41382 3.77069C5.59248 3.66244 5.73338 3.49783 5.79467 3.29813L6.28314 1.7066C6.41202 1.28666 6.79986 1 7.23913 1Z" stroke="currentColor" stroke-width="1.8"></path><circle cx="8" cy="8" r="2.1" stroke="currentColor" stroke-width="1.8"></circle></svg>Settings</div></div><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="pl2"><path d="M6.75 11.25L9.25 8.25L6.75 5.25" stroke="currentColor" stroke-width="2"></path></svg></div></div><form id="logout" method="post" action="https://api.observablehq.com/logout"><input type="hidden" name="token"><button class="pv2 pl3 pr4 f6 fw6 flex items-center bg-white dark-gray hover-black hover-bg-near-white bn w-100 pointer"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="mr2"><path d="M4 2L12 2C12.5523 2 13 2.44772 13 3L13 13C13 13.5523 12.5523 14 12 14L4 14" stroke="currentColor" stroke-width="2"></path><path d="M5 5L2.5 8L5 11" stroke="currentColor" stroke-width="2"></path><line x1="8" y1="8" x2="2" y2="8" stroke="currentColor" stroke-width="2"></line></svg>Sign out</button></form></div></div></reach-portal><reach-portal><div data-reach-popover="" hidden="" data-reach-menu-popover="" style="position: absolute; left: 1022.24px; top: 120.199px;"><div aria-labelledby="menu-button--menu--3708" role="menu" tabindex="-1" class="bg-white ba b--silver br2 pv2 shadow-4 outline-0" id="menu--3708" data-reach-menu-items="" style="margin-top: 4px; margin-left: -17px; min-width: 12rem;"><div role="menuitem" tabindex="-1" tooltip="Share with others" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate nowrap" data-valuetext="Share…" data-reach-menu-item="" id="option-0--menu--3708"><svg viewBox="0 0 16 16" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.8" class="mr2 h1 w1"><circle cx="8" cy="8" r="7.1"></circle><path d="M1.14285 10.5286 L14.8571 10.5286 M1.14285 5.71429H14.8571 M8 1.14285C7.42857 2.09523 5.14285 4.21428 5.14285 8C5.14285 12.5714 8 14.8571 8 14.8571 M8 1.14285C8.57143 2.09523 10.8571 4.21428 10.8571 8C10.8571 12.5714 8 14.8571 8 14.8571"></path></svg>Share…</div><div role="menuitem" tabindex="-1" tooltip="Fork this notebook" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate nowrap" data-valuetext="Fork…" data-reach-menu-item="" id="option-1--menu--3708"><svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" class="mr2 h1 w1"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 1.75C3.80964 1.75 3.25 2.30964 3.25 3C3.25 3.69036 3.80964 4.25 4.5 4.25C5.19036 4.25 5.75 3.69036 5.75 3C5.75 2.30964 5.19036 1.75 4.5 1.75ZM1.75 3C1.75 1.48122 2.98122 0.25 4.5 0.25C6.01878 0.25 7.25 1.48122 7.25 3C7.25 4.16599 6.52434 5.1625 5.5 5.56253V7H8.5C9.4199 7 10.1947 6.37895 10.4281 5.53327C9.44188 5.11546 8.75 4.13853 8.75 3C8.75 1.48122 9.98122 0.25 11.5 0.25C13.0188 0.25 14.25 1.48122 14.25 3C14.25 4.18168 13.5047 5.18928 12.4585 5.57835C12.1782 7.51343 10.5127 9 8.5 9H5.5V10.4375C6.52434 10.8375 7.25 11.834 7.25 13C7.25 14.5188 6.01878 15.75 4.5 15.75C2.98122 15.75 1.75 14.5188 1.75 13C1.75 11.834 2.47566 10.8375 3.5 10.4375L3.5 9V7V5.56253C2.47566 5.1625 1.75 4.16599 1.75 3ZM4.5 11.75C3.80964 11.75 3.25 12.3096 3.25 13C3.25 13.6904 3.80964 14.25 4.5 14.25C5.19036 14.25 5.75 13.6904 5.75 13C5.75 12.3096 5.19036 11.75 4.5 11.75ZM10.25 3C10.25 2.30964 10.8096 1.75 11.5 1.75C12.1904 1.75 12.75 2.30964 12.75 3C12.75 3.69036 12.1904 4.25 11.5 4.25C10.8096 4.25 10.25 3.69036 10.25 3Z"></path></svg>Fork…</div><div class="bt b--light-silver mv2"></div><div role="menuitem" tabindex="-1" tooltip="Like this notebook" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate nowrap" data-valuetext="Like" data-reach-menu-item="" id="option-2--menu--3708"><svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" width="16" height="16" class="mr2 w1 h1"><path d="M13.075 3.925A3.157 3.157 0 0 0 10.842 3c-.838 0-1.641.478-2.233 1.07L8 4.68l-.609-.61c-1.233-1.233-3.233-1.378-4.466-.145a3.158 3.158 0 0 0 0 4.467L3.534 9 8 13.788 12.466 9l.609-.608a3.157 3.157 0 0 0 0-4.467z"></path></svg>Like</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate nowrap" data-valuetext="Add to collections…" data-reach-menu-item="" id="option-3--menu--3708"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="mr2 h1 w1"><path d="M8 2H3C2.44772 2 2 2.44772 2 3V8M8 2V8M8 2H13C13.5523 2 14 2.44772 14 3V8M8 8H2M8 8V14M8 8H14M2 8V13C2 13.5523 2.44772 14 3 14H8M8 14H13C13.5523 14 14 13.5523 14 13V8" stroke="currentColor" stroke-width="2"></path></svg><span class="nowrap">Add to collections…</span></div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate nowrap" data-valuetext="Pause live editing" data-reach-menu-item="" id="option-4--menu--3708"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2" class="mr2 h1 w1"><rect x="2" y="2" width="4" height="12" rx="1"></rect><rect x="10" y="2" width="4" height="12" rx="1"></rect></svg>Pause live editing</div><div class="bt b--light-silver mv2"></div><div class="jsx-2509779934 relative"><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate flex justify-between" data-valuetext="View" data-reach-menu-item="" id="option-5--menu--3708"><div class="jsx-2509779934">View</div><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="pl2"><path d="M6.75 11.25L9.25 8.25L6.75 5.25" stroke="currentColor" stroke-width="2"></path></svg></div></div><div class="jsx-2509779934 relative"><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate flex justify-between" data-valuetext="Export" data-reach-menu-item="" id="option-6--menu--3708"><div class="jsx-2509779934">Export</div><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="pl2"><path d="M6.75 11.25L9.25 8.25L6.75 5.25" stroke="currentColor" stroke-width="2"></path></svg></div></div><div class="jsx-2509779934 relative"><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate flex justify-between" data-valuetext="Settings" data-reach-menu-item="" id="option-7--menu--3708"><div class="jsx-2509779934">Settings</div><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="pl2"><path d="M6.75 11.25L9.25 8.25L6.75 5.25" stroke="currentColor" stroke-width="2"></path></svg></div></div><div class="bt b--light-silver mv2"></div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate nowrap" data-valuetext="Delete…" data-reach-menu-item="" id="option-8--menu--3708"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="mr2 h1 w1"><path d="M5 3V5H11V3L5 3ZM3 3V5H1V7H3V13C3 14.1046 3.89543 15 5 15H11C12.1046 15 13 14.1046 13 13V7H15V5H13V3C13 1.89543 12.1046 1 11 1H5C3.89543 1 3 1.89543 3 3ZM5 13V7H7V13H5ZM9 13H11V7H9L9 13Z" fill="currentColor" stroke-width="2" fill-rule="evenodd" clip-rule="evenodd"></path></svg>Delete…</div></div></div></reach-portal><reach-portal><div data-reach-popover="" hidden="" data-reach-menu-popover="" style="position: absolute; left: 100.246px; top: 231.33px;"><div aria-labelledby="menu-button--menu--3711" role="menu" tabindex="-1" class="bg-white ba b--silver br2 pv2 shadow-4 outline-0" id="menu--3711" data-reach-menu-items="" style="margin-top: 4px; margin-left: -17px;"><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Edit" data-reach-menu-item="" id="option-1--menu--3711"><svg width="16" height="17" viewBox="0 0 16 17" fill="none" class="w1 h1 mr1"><path fill-rule="evenodd" clip-rule="evenodd" d="M1 14C1 13.4477 1.44772 13 2 13L4 13C4.55228 13 5 13.4477 5 14C5 14.5523 4.55228 15 4 15L2 15C1.44772 15 1 14.5523 1 14Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M10.884 3.65785L7.78484 10.3041L8.12765 11.9351L9.59745 11.1493L12.6967 4.50309L10.884 3.65785ZM10.823 1.42262C10.3224 1.18921 9.72744 1.40577 9.49404 1.90631L5.83135 9.76098C5.7399 9.95707 5.71453 10.1775 5.75904 10.3893L6.44467 13.6513C6.5818 14.3038 7.30684 14.6418 7.89476 14.3275L10.8344 12.7559C11.0252 12.6539 11.1778 12.4928 11.2692 12.2967L14.9319 4.44202C15.1653 3.94148 14.9487 3.3465 14.4482 3.11309L10.823 1.42262Z" fill="currentColor"></path></svg>Edit</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Pin" data-reach-menu-item="" id="option-0--menu--3711"><svg width="16" height="16" fill="currentColor" viewBox="0 0 16 16" class="w1 h1 mr1" aria-label="Pin"><path d="M8 1h3v1l-1 1v4l2 .875V9H9v5.125L8 15l-1-.875V9H4V7.875L6 7V3L5 2V1z"></path></svg>Pin</div><div role="menuitem" tabindex="-1" aria-label="Add comment" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Add comment" data-reach-menu-item="" id="option-2--menu--3711"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="w1 h1 mr1" stroke="currentColor" stroke-width="2"><path d="M13 3L9 3L3 3C2.44772 3 2 3.44772 2 4L2 11C2 11.5523 2.44772 12 3 12L7.5 12L9.5 14L11.5 12L13 12C13.5523 12 14 11.5523 14 11L14 4C14 3.44772 13.5523 3 13 3Z"></path><line x1="5" y1="6" x2="10" y2="6"></line><line x1="5" y1="9" x2="11" y2="9"></line></svg>Add comment</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Select" data-reach-menu-item="" id="option-3--menu--3711"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="w1 h1 mr1"><path d="M4.59998 8.5L7.09998 10.6429L11.6 6" stroke="currentColor" stroke-width="2" stroke-linecap="square"></path></svg>Select</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Duplicate" data-reach-menu-item="" id="option-4--menu--3711"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2" stroke-linejoin="round" class="w1 h1 mr1"><path d="M2 9V5.89453C2 5.34225 2.44772 4.89453 3 4.89453H10C10.5523 4.89453 11 5.34225 11 5.89453V13.8945C11 14.4468 10.5523 14.8945 10 14.8945H8"></path><line x1="4" y1="10" x2="4" y2="16"></line><path d="M5 3L5 2.00001L12 2C13.1046 2 14 2.89543 14 4V12H13"></path><line x1="7" y1="13" x2="1" y2="13"></line></svg>Duplicate</div><div role="menuitem" tabindex="-1" title="Copy a link to this cell" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Copy link" data-reach-menu-item="" id="option-5--menu--3711"><svg viewBox="0 0 16 16" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" class="w1 h1 mr1"><path d="M6.70304 5.44182L8.20307 3.94183C8.20307 3.94183 8.70306 3.44183 9.70306 2.44184C10.703 1.44184 12.6038 1.68889 13.4906 2.63706C14.3773 3.58521 14.9958 5.16784 13.7031 6.44183C12.4103 7.71582 10.7031 9.44183 10.7031 9.44183M9.0481 11.1455C9.0481 11.1455 6.93417 13.4418 5.70304 14.4418C4.47192 15.4419 2.73625 14.6589 1.84946 13.7108C0.962682 12.7626 0.495886 11.0305 1.84946 9.73616C3.20304 8.44182 4.70304 6.94182 4.70304 6.94182M10 6.19944L5.5 10.4994"></path></svg>Copy link</div><div role="menuitem" tabindex="-1" title="Name this cell to embed" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-disabled="" data-valuetext="Embed" aria-disabled="true" data-reach-menu-item="" id="option-6--menu--3711"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="w1 h1 mr1"><path d="M2 6C2 5.44772 2.44772 5 3 5H10C10.5523 5 11 5.44772 11 6V13C11 13.5523 10.5523 14 10 14H3C2.44772 14 2 13.5523 2 13V6Z" stroke="currentColor" stroke-width="2"></path><path d="M4 2.00004L12 2.00001C13.1046 2 14 2.89544 14 4.00001V12" stroke="currentColor" stroke-width="2"></path></svg>Embed</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate hover-dark-red hover-bg-washed-red" data-valuetext="Delete" data-reach-menu-item="" id="option-7--menu--3711"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-label="Delete" class="w1 h1 mr1"><path d="M5 3V5H11V3L5 3ZM3 3V5H1V7H3V13C3 14.1046 3.89543 15 5 15H11C12.1046 15 13 14.1046 13 13V7H15V5H13V3C13 1.89543 12.1046 1 11 1H5C3.89543 1 3 1.89543 3 3ZM5 13V7H7V13H5ZM9 13H11V7H9L9 13Z" fill="currentColor" stroke-width="2" fill-rule="evenodd" clip-rule="evenodd"></path></svg>Delete</div></div></div></reach-portal><reach-portal><div data-reach-popover="" hidden="" data-reach-menu-popover="" style="position: absolute; left: 100.246px; top: 231.33px;"><div aria-labelledby="menu-button--menu--3712" role="menu" tabindex="-1" class="bg-white ba b--silver br2 pv2 shadow-4 outline-0" id="menu--3712" data-reach-menu-items="" style="margin-top: 4px; margin-left: -17px;"><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Unpin" data-reach-menu-item="" id="option-0--menu--3712"><svg width="16" height="16" fill="currentColor" viewBox="0 0 16 16" class="w1 h1 mr1" aria-label="Unpin"><path d="M8 1h3v1l-1 1v4l2 .875V9H9v5.125L8 15l-1-.875V9H4V7.875L6 7V3L5 2V1z"></path></svg>Unpin</div><div role="menuitem" tabindex="-1" aria-label="Add comment" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Add comment" data-reach-menu-item="" id="option-1--menu--3712"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="w1 h1 mr1" stroke="currentColor" stroke-width="2"><path d="M13 3L9 3L3 3C2.44772 3 2 3.44772 2 4L2 11C2 11.5523 2.44772 12 3 12L7.5 12L9.5 14L11.5 12L13 12C13.5523 12 14 11.5523 14 11L14 4C14 3.44772 13.5523 3 13 3Z"></path><line x1="5" y1="6" x2="10" y2="6"></line><line x1="5" y1="9" x2="11" y2="9"></line></svg>Add comment</div><div role="menuitem" tabindex="-1" title="Copy the code to import this cell" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Copy import" data-reach-menu-item="" id="option-2--menu--3712"><svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" class="w1 h1 mr1"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 2.15771L3.98463 4.50001L5 5.0923L9.01537 2.75001L8 2.15771ZM11 3.90771L6.98463 6.25001L8 6.8423L12.0154 4.50001L11 3.90771ZM13 6.24104L9 8.57438V13.259L13 10.9256V6.24104ZM7 13.259V8.57438L3 6.24104V10.9256L7 13.259ZM7.24419 0.283189C7.71124 0.0107464 8.28876 0.0107473 8.75581 0.283189L14.5039 3.63623C14.8111 3.81544 15 4.14434 15 4.50001V11.2128C15 11.7463 14.7166 12.2397 14.2558 12.5085L8.50387 15.8638C8.19251 16.0454 7.80749 16.0454 7.49613 15.8638L1.74419 12.5085C1.28337 12.2397 1 11.7463 1 11.2128V4.50001C1 4.14434 1.18891 3.81544 1.49613 3.63623L7.24419 0.283189Z"></path></svg>Copy import</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Select" data-reach-menu-item="" id="option-3--menu--3712"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="w1 h1 mr1"><path d="M4.59998 8.5L7.09998 10.6429L11.6 6" stroke="currentColor" stroke-width="2" stroke-linecap="square"></path></svg>Select</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Duplicate" data-reach-menu-item="" id="option-4--menu--3712"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2" stroke-linejoin="round" class="w1 h1 mr1"><path d="M2 9V5.89453C2 5.34225 2.44772 4.89453 3 4.89453H10C10.5523 4.89453 11 5.34225 11 5.89453V13.8945C11 14.4468 10.5523 14.8945 10 14.8945H8"></path><line x1="4" y1="10" x2="4" y2="16"></line><path d="M5 3L5 2.00001L12 2C13.1046 2 14 2.89543 14 4V12H13"></path><line x1="7" y1="13" x2="1" y2="13"></line></svg>Duplicate</div><div role="menuitem" tabindex="-1" title="Copy a link to this cell" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Copy link" data-reach-menu-item="" id="option-5--menu--3712"><svg viewBox="0 0 16 16" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" class="w1 h1 mr1"><path d="M6.70304 5.44182L8.20307 3.94183C8.20307 3.94183 8.70306 3.44183 9.70306 2.44184C10.703 1.44184 12.6038 1.68889 13.4906 2.63706C14.3773 3.58521 14.9958 5.16784 13.7031 6.44183C12.4103 7.71582 10.7031 9.44183 10.7031 9.44183M9.0481 11.1455C9.0481 11.1455 6.93417 13.4418 5.70304 14.4418C4.47192 15.4419 2.73625 14.6589 1.84946 13.7108C0.962682 12.7626 0.495886 11.0305 1.84946 9.73616C3.20304 8.44182 4.70304 6.94182 4.70304 6.94182M10 6.19944L5.5 10.4994"></path></svg>Copy link</div><div role="menuitem" tabindex="-1" title="Name this cell to embed" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-disabled="" data-valuetext="Embed" aria-disabled="true" data-reach-menu-item="" id="option-6--menu--3712"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="w1 h1 mr1"><path d="M2 6C2 5.44772 2.44772 5 3 5H10C10.5523 5 11 5.44772 11 6V13C11 13.5523 10.5523 14 10 14H3C2.44772 14 2 13.5523 2 13V6Z" stroke="currentColor" stroke-width="2"></path><path d="M4 2.00004L12 2.00001C13.1046 2 14 2.89544 14 4.00001V12" stroke="currentColor" stroke-width="2"></path></svg>Embed</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate hover-dark-red hover-bg-washed-red" data-valuetext="Delete" data-reach-menu-item="" id="option-7--menu--3712"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-label="Delete" class="w1 h1 mr1"><path d="M5 3V5H11V3L5 3ZM3 3V5H1V7H3V13C3 14.1046 3.89543 15 5 15H11C12.1046 15 13 14.1046 13 13V7H15V5H13V3C13 1.89543 12.1046 1 11 1H5C3.89543 1 3 1.89543 3 3ZM5 13V7H7V13H5ZM9 13H11V7H9L9 13Z" fill="currentColor" stroke-width="2" fill-rule="evenodd" clip-rule="evenodd"></path></svg>Delete</div></div></div></reach-portal><reach-portal><div data-reach-popover="" hidden="" data-reach-menu-popover="" style="position: absolute; left: 100.246px; top: 277.314px;"><div aria-labelledby="menu-button--menu--3713" role="menu" tabindex="-1" class="bg-white ba b--silver br2 pv2 shadow-4 outline-0" id="menu--3713" data-reach-menu-items="" style="margin-top: 4px; margin-left: -17px;"><a role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-reach-menu-link="" data-valuetext="mc1" data-reach-menu-item="" href="https://observablehq.com/d/b088fa184601c95b#mc1" id="option-1--menu--3713"><div class="mw5 code f7 fw5 hover-blue">mc1</div></a><div class="bt b--light-silver mv2"></div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Unpin" data-reach-menu-item="" id="option-0--menu--3713"><svg width="16" height="16" fill="currentColor" viewBox="0 0 16 16" class="w1 h1 mr1" aria-label="Unpin"><path d="M8 1h3v1l-1 1v4l2 .875V9H9v5.125L8 15l-1-.875V9H4V7.875L6 7V3L5 2V1z"></path></svg>Unpin</div><div role="menuitem" tabindex="-1" aria-label="Add comment" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Add comment" data-reach-menu-item="" id="option-2--menu--3713"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="w1 h1 mr1" stroke="currentColor" stroke-width="2"><path d="M13 3L9 3L3 3C2.44772 3 2 3.44772 2 4L2 11C2 11.5523 2.44772 12 3 12L7.5 12L9.5 14L11.5 12L13 12C13.5523 12 14 11.5523 14 11L14 4C14 3.44772 13.5523 3 13 3Z"></path><line x1="5" y1="6" x2="10" y2="6"></line><line x1="5" y1="9" x2="11" y2="9"></line></svg>Add comment</div><div role="menuitem" tabindex="-1" title="Copy the code to import this cell" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Copy import" data-reach-menu-item="" id="option-3--menu--3713"><svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" class="w1 h1 mr1"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 2.15771L3.98463 4.50001L5 5.0923L9.01537 2.75001L8 2.15771ZM11 3.90771L6.98463 6.25001L8 6.8423L12.0154 4.50001L11 3.90771ZM13 6.24104L9 8.57438V13.259L13 10.9256V6.24104ZM7 13.259V8.57438L3 6.24104V10.9256L7 13.259ZM7.24419 0.283189C7.71124 0.0107464 8.28876 0.0107473 8.75581 0.283189L14.5039 3.63623C14.8111 3.81544 15 4.14434 15 4.50001V11.2128C15 11.7463 14.7166 12.2397 14.2558 12.5085L8.50387 15.8638C8.19251 16.0454 7.80749 16.0454 7.49613 15.8638L1.74419 12.5085C1.28337 12.2397 1 11.7463 1 11.2128V4.50001C1 4.14434 1.18891 3.81544 1.49613 3.63623L7.24419 0.283189Z"></path></svg>Copy import</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Select" data-reach-menu-item="" id="option-4--menu--3713"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="w1 h1 mr1"><path d="M4.59998 8.5L7.09998 10.6429L11.6 6" stroke="currentColor" stroke-width="2" stroke-linecap="square"></path></svg>Select</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Duplicate" data-reach-menu-item="" id="option-5--menu--3713"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2" stroke-linejoin="round" class="w1 h1 mr1"><path d="M2 9V5.89453C2 5.34225 2.44772 4.89453 3 4.89453H10C10.5523 4.89453 11 5.34225 11 5.89453V13.8945C11 14.4468 10.5523 14.8945 10 14.8945H8"></path><line x1="4" y1="10" x2="4" y2="16"></line><path d="M5 3L5 2.00001L12 2C13.1046 2 14 2.89543 14 4V12H13"></path><line x1="7" y1="13" x2="1" y2="13"></line></svg>Duplicate</div><div role="menuitem" tabindex="-1" title="Copy a link to this cell" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Copy link" data-reach-menu-item="" id="option-6--menu--3713"><svg viewBox="0 0 16 16" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" class="w1 h1 mr1"><path d="M6.70304 5.44182L8.20307 3.94183C8.20307 3.94183 8.70306 3.44183 9.70306 2.44184C10.703 1.44184 12.6038 1.68889 13.4906 2.63706C14.3773 3.58521 14.9958 5.16784 13.7031 6.44183C12.4103 7.71582 10.7031 9.44183 10.7031 9.44183M9.0481 11.1455C9.0481 11.1455 6.93417 13.4418 5.70304 14.4418C4.47192 15.4419 2.73625 14.6589 1.84946 13.7108C0.962682 12.7626 0.495886 11.0305 1.84946 9.73616C3.20304 8.44182 4.70304 6.94182 4.70304 6.94182M10 6.19944L5.5 10.4994"></path></svg>Copy link</div><div role="menuitem" tabindex="-1" title="Embed this cell in a web page" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Embed" data-reach-menu-item="" id="option-7--menu--3713"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="w1 h1 mr1"><path d="M2 6C2 5.44772 2.44772 5 3 5H10C10.5523 5 11 5.44772 11 6V13C11 13.5523 10.5523 14 10 14H3C2.44772 14 2 13.5523 2 13V6Z" stroke="currentColor" stroke-width="2"></path><path d="M4 2.00004L12 2.00001C13.1046 2 14 2.89544 14 4.00001V12" stroke="currentColor" stroke-width="2"></path></svg>Embed</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate hover-dark-red hover-bg-washed-red" data-valuetext="Delete" data-reach-menu-item="" id="option-8--menu--3713"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-label="Delete" class="w1 h1 mr1"><path d="M5 3V5H11V3L5 3ZM3 3V5H1V7H3V13C3 14.1046 3.89543 15 5 15H11C12.1046 15 13 14.1046 13 13V7H15V5H13V3C13 1.89543 12.1046 1 11 1H5C3.89543 1 3 1.89543 3 3ZM5 13V7H7V13H5ZM9 13H11V7H9L9 13Z" fill="currentColor" stroke-width="2" fill-rule="evenodd" clip-rule="evenodd"></path></svg>Delete</div></div></div></reach-portal><reach-portal><div data-reach-popover="" hidden="" data-reach-menu-popover="" style="position: absolute; left: 100.246px; top: 323.299px;"><div aria-labelledby="menu-button--menu--3714" role="menu" tabindex="-1" class="bg-white ba b--silver br2 pv2 shadow-4 outline-0" id="menu--3714" data-reach-menu-items="" style="margin-top: 4px; margin-left: -17px;"><a role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-reach-menu-link="" data-valuetext="Entities" data-reach-menu-item="" href="https://observablehq.com/d/b088fa184601c95b#Entities" id="option-1--menu--3714"><div class="mw5 code f7 fw5 hover-blue">Entities</div></a><div class="bt b--light-silver mv2"></div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Edit" data-reach-menu-item="" id="option-2--menu--3714"><svg width="16" height="17" viewBox="0 0 16 17" fill="none" class="w1 h1 mr1"><path fill-rule="evenodd" clip-rule="evenodd" d="M1 14C1 13.4477 1.44772 13 2 13L4 13C4.55228 13 5 13.4477 5 14C5 14.5523 4.55228 15 4 15L2 15C1.44772 15 1 14.5523 1 14Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M10.884 3.65785L7.78484 10.3041L8.12765 11.9351L9.59745 11.1493L12.6967 4.50309L10.884 3.65785ZM10.823 1.42262C10.3224 1.18921 9.72744 1.40577 9.49404 1.90631L5.83135 9.76098C5.7399 9.95707 5.71453 10.1775 5.75904 10.3893L6.44467 13.6513C6.5818 14.3038 7.30684 14.6418 7.89476 14.3275L10.8344 12.7559C11.0252 12.6539 11.1778 12.4928 11.2692 12.2967L14.9319 4.44202C15.1653 3.94148 14.9487 3.3465 14.4482 3.11309L10.823 1.42262Z" fill="currentColor"></path></svg>Edit</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Pin" data-reach-menu-item="" id="option-0--menu--3714"><svg width="16" height="16" fill="currentColor" viewBox="0 0 16 16" class="w1 h1 mr1" aria-label="Pin"><path d="M8 1h3v1l-1 1v4l2 .875V9H9v5.125L8 15l-1-.875V9H4V7.875L6 7V3L5 2V1z"></path></svg>Pin</div><div role="menuitem" tabindex="-1" aria-label="Add comment" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Add comment" data-reach-menu-item="" id="option-3--menu--3714"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="w1 h1 mr1" stroke="currentColor" stroke-width="2"><path d="M13 3L9 3L3 3C2.44772 3 2 3.44772 2 4L2 11C2 11.5523 2.44772 12 3 12L7.5 12L9.5 14L11.5 12L13 12C13.5523 12 14 11.5523 14 11L14 4C14 3.44772 13.5523 3 13 3Z"></path><line x1="5" y1="6" x2="10" y2="6"></line><line x1="5" y1="9" x2="11" y2="9"></line></svg>Add comment</div><div role="menuitem" tabindex="-1" title="Copy the code to import this cell" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Copy import" data-reach-menu-item="" id="option-4--menu--3714"><svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" class="w1 h1 mr1"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 2.15771L3.98463 4.50001L5 5.0923L9.01537 2.75001L8 2.15771ZM11 3.90771L6.98463 6.25001L8 6.8423L12.0154 4.50001L11 3.90771ZM13 6.24104L9 8.57438V13.259L13 10.9256V6.24104ZM7 13.259V8.57438L3 6.24104V10.9256L7 13.259ZM7.24419 0.283189C7.71124 0.0107464 8.28876 0.0107473 8.75581 0.283189L14.5039 3.63623C14.8111 3.81544 15 4.14434 15 4.50001V11.2128C15 11.7463 14.7166 12.2397 14.2558 12.5085L8.50387 15.8638C8.19251 16.0454 7.80749 16.0454 7.49613 15.8638L1.74419 12.5085C1.28337 12.2397 1 11.7463 1 11.2128V4.50001C1 4.14434 1.18891 3.81544 1.49613 3.63623L7.24419 0.283189Z"></path></svg>Copy import</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Select" data-reach-menu-item="" id="option-5--menu--3714"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="w1 h1 mr1"><path d="M4.59998 8.5L7.09998 10.6429L11.6 6" stroke="currentColor" stroke-width="2" stroke-linecap="square"></path></svg>Select</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Duplicate" data-reach-menu-item="" id="option-6--menu--3714"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2" stroke-linejoin="round" class="w1 h1 mr1"><path d="M2 9V5.89453C2 5.34225 2.44772 4.89453 3 4.89453H10C10.5523 4.89453 11 5.34225 11 5.89453V13.8945C11 14.4468 10.5523 14.8945 10 14.8945H8"></path><line x1="4" y1="10" x2="4" y2="16"></line><path d="M5 3L5 2.00001L12 2C13.1046 2 14 2.89543 14 4V12H13"></path><line x1="7" y1="13" x2="1" y2="13"></line></svg>Duplicate</div><div role="menuitem" tabindex="-1" title="Copy a link to this cell" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Copy link" data-reach-menu-item="" id="option-7--menu--3714"><svg viewBox="0 0 16 16" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" class="w1 h1 mr1"><path d="M6.70304 5.44182L8.20307 3.94183C8.20307 3.94183 8.70306 3.44183 9.70306 2.44184C10.703 1.44184 12.6038 1.68889 13.4906 2.63706C14.3773 3.58521 14.9958 5.16784 13.7031 6.44183C12.4103 7.71582 10.7031 9.44183 10.7031 9.44183M9.0481 11.1455C9.0481 11.1455 6.93417 13.4418 5.70304 14.4418C4.47192 15.4419 2.73625 14.6589 1.84946 13.7108C0.962682 12.7626 0.495886 11.0305 1.84946 9.73616C3.20304 8.44182 4.70304 6.94182 4.70304 6.94182M10 6.19944L5.5 10.4994"></path></svg>Copy link</div><div role="menuitem" tabindex="-1" title="Embed this cell in a web page" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Embed" data-reach-menu-item="" id="option-8--menu--3714"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="w1 h1 mr1"><path d="M2 6C2 5.44772 2.44772 5 3 5H10C10.5523 5 11 5.44772 11 6V13C11 13.5523 10.5523 14 10 14H3C2.44772 14 2 13.5523 2 13V6Z" stroke="currentColor" stroke-width="2"></path><path d="M4 2.00004L12 2.00001C13.1046 2 14 2.89544 14 4.00001V12" stroke="currentColor" stroke-width="2"></path></svg>Embed</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate hover-dark-red hover-bg-washed-red" data-valuetext="Delete" data-reach-menu-item="" id="option-9--menu--3714"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-label="Delete" class="w1 h1 mr1"><path d="M5 3V5H11V3L5 3ZM3 3V5H1V7H3V13C3 14.1046 3.89543 15 5 15H11C12.1046 15 13 14.1046 13 13V7H15V5H13V3C13 1.89543 12.1046 1 11 1H5C3.89543 1 3 1.89543 3 3ZM5 13V7H7V13H5ZM9 13H11V7H9L9 13Z" fill="currentColor" stroke-width="2" fill-rule="evenodd" clip-rule="evenodd"></path></svg>Delete</div></div></div></reach-portal><reach-portal><div data-reach-popover="" hidden="" data-reach-menu-popover="" style="position: absolute; left: 100.246px; top: 323.299px;"><div aria-labelledby="menu-button--menu--3715" role="menu" tabindex="-1" class="bg-white ba b--silver br2 pv2 shadow-4 outline-0" id="menu--3715" data-reach-menu-items="" style="margin-top: 4px; margin-left: -17px;"><a role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-reach-menu-link="" data-valuetext="nodes" data-reach-menu-item="" href="https://observablehq.com/d/b088fa184601c95b#nodes" id="option-1--menu--3715"><div class="mw5 code f7 fw5 hover-blue">nodes</div></a><div class="bt b--light-silver mv2"></div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Edit" data-reach-menu-item="" id="option-2--menu--3715"><svg width="16" height="17" viewBox="0 0 16 17" fill="none" class="w1 h1 mr1"><path fill-rule="evenodd" clip-rule="evenodd" d="M1 14C1 13.4477 1.44772 13 2 13L4 13C4.55228 13 5 13.4477 5 14C5 14.5523 4.55228 15 4 15L2 15C1.44772 15 1 14.5523 1 14Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M10.884 3.65785L7.78484 10.3041L8.12765 11.9351L9.59745 11.1493L12.6967 4.50309L10.884 3.65785ZM10.823 1.42262C10.3224 1.18921 9.72744 1.40577 9.49404 1.90631L5.83135 9.76098C5.7399 9.95707 5.71453 10.1775 5.75904 10.3893L6.44467 13.6513C6.5818 14.3038 7.30684 14.6418 7.89476 14.3275L10.8344 12.7559C11.0252 12.6539 11.1778 12.4928 11.2692 12.2967L14.9319 4.44202C15.1653 3.94148 14.9487 3.3465 14.4482 3.11309L10.823 1.42262Z" fill="currentColor"></path></svg>Edit</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Pin" data-reach-menu-item="" id="option-0--menu--3715"><svg width="16" height="16" fill="currentColor" viewBox="0 0 16 16" class="w1 h1 mr1" aria-label="Pin"><path d="M8 1h3v1l-1 1v4l2 .875V9H9v5.125L8 15l-1-.875V9H4V7.875L6 7V3L5 2V1z"></path></svg>Pin</div><div role="menuitem" tabindex="-1" aria-label="Add comment" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Add comment" data-reach-menu-item="" id="option-3--menu--3715"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="w1 h1 mr1" stroke="currentColor" stroke-width="2"><path d="M13 3L9 3L3 3C2.44772 3 2 3.44772 2 4L2 11C2 11.5523 2.44772 12 3 12L7.5 12L9.5 14L11.5 12L13 12C13.5523 12 14 11.5523 14 11L14 4C14 3.44772 13.5523 3 13 3Z"></path><line x1="5" y1="6" x2="10" y2="6"></line><line x1="5" y1="9" x2="11" y2="9"></line></svg>Add comment</div><div role="menuitem" tabindex="-1" title="Copy the code to import this cell" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Copy import" data-reach-menu-item="" id="option-4--menu--3715"><svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" class="w1 h1 mr1"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 2.15771L3.98463 4.50001L5 5.0923L9.01537 2.75001L8 2.15771ZM11 3.90771L6.98463 6.25001L8 6.8423L12.0154 4.50001L11 3.90771ZM13 6.24104L9 8.57438V13.259L13 10.9256V6.24104ZM7 13.259V8.57438L3 6.24104V10.9256L7 13.259ZM7.24419 0.283189C7.71124 0.0107464 8.28876 0.0107473 8.75581 0.283189L14.5039 3.63623C14.8111 3.81544 15 4.14434 15 4.50001V11.2128C15 11.7463 14.7166 12.2397 14.2558 12.5085L8.50387 15.8638C8.19251 16.0454 7.80749 16.0454 7.49613 15.8638L1.74419 12.5085C1.28337 12.2397 1 11.7463 1 11.2128V4.50001C1 4.14434 1.18891 3.81544 1.49613 3.63623L7.24419 0.283189Z"></path></svg>Copy import</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Select" data-reach-menu-item="" id="option-5--menu--3715"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="w1 h1 mr1"><path d="M4.59998 8.5L7.09998 10.6429L11.6 6" stroke="currentColor" stroke-width="2" stroke-linecap="square"></path></svg>Select</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Duplicate" data-reach-menu-item="" id="option-6--menu--3715"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2" stroke-linejoin="round" class="w1 h1 mr1"><path d="M2 9V5.89453C2 5.34225 2.44772 4.89453 3 4.89453H10C10.5523 4.89453 11 5.34225 11 5.89453V13.8945C11 14.4468 10.5523 14.8945 10 14.8945H8"></path><line x1="4" y1="10" x2="4" y2="16"></line><path d="M5 3L5 2.00001L12 2C13.1046 2 14 2.89543 14 4V12H13"></path><line x1="7" y1="13" x2="1" y2="13"></line></svg>Duplicate</div><div role="menuitem" tabindex="-1" title="Copy a link to this cell" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Copy link" data-reach-menu-item="" id="option-7--menu--3715"><svg viewBox="0 0 16 16" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" class="w1 h1 mr1"><path d="M6.70304 5.44182L8.20307 3.94183C8.20307 3.94183 8.70306 3.44183 9.70306 2.44184C10.703 1.44184 12.6038 1.68889 13.4906 2.63706C14.3773 3.58521 14.9958 5.16784 13.7031 6.44183C12.4103 7.71582 10.7031 9.44183 10.7031 9.44183M9.0481 11.1455C9.0481 11.1455 6.93417 13.4418 5.70304 14.4418C4.47192 15.4419 2.73625 14.6589 1.84946 13.7108C0.962682 12.7626 0.495886 11.0305 1.84946 9.73616C3.20304 8.44182 4.70304 6.94182 4.70304 6.94182M10 6.19944L5.5 10.4994"></path></svg>Copy link</div><div role="menuitem" tabindex="-1" title="Embed this cell in a web page" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Embed" data-reach-menu-item="" id="option-8--menu--3715"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="w1 h1 mr1"><path d="M2 6C2 5.44772 2.44772 5 3 5H10C10.5523 5 11 5.44772 11 6V13C11 13.5523 10.5523 14 10 14H3C2.44772 14 2 13.5523 2 13V6Z" stroke="currentColor" stroke-width="2"></path><path d="M4 2.00004L12 2.00001C13.1046 2 14 2.89544 14 4.00001V12" stroke="currentColor" stroke-width="2"></path></svg>Embed</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate hover-dark-red hover-bg-washed-red" data-valuetext="Delete" data-reach-menu-item="" id="option-9--menu--3715"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-label="Delete" class="w1 h1 mr1"><path d="M5 3V5H11V3L5 3ZM3 3V5H1V7H3V13C3 14.1046 3.89543 15 5 15H11C12.1046 15 13 14.1046 13 13V7H15V5H13V3C13 1.89543 12.1046 1 11 1H5C3.89543 1 3 1.89543 3 3ZM5 13V7H7V13H5ZM9 13H11V7H9L9 13Z" fill="currentColor" stroke-width="2" fill-rule="evenodd" clip-rule="evenodd"></path></svg>Delete</div></div></div></reach-portal><reach-portal><div data-reach-popover="" hidden="" data-reach-menu-popover="" style="position: absolute; left: 100.246px; top: 323.299px;"><div aria-labelledby="menu-button--menu--3716" role="menu" tabindex="-1" class="bg-white ba b--silver br2 pv2 shadow-4 outline-0" id="menu--3716" data-reach-menu-items="" style="margin-top: 4px; margin-left: -17px;"><a role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-reach-menu-link="" data-valuetext="links" data-reach-menu-item="" href="https://observablehq.com/d/b088fa184601c95b#links" id="option-1--menu--3716"><div class="mw5 code f7 fw5 hover-blue">links</div></a><div class="bt b--light-silver mv2"></div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Edit" data-reach-menu-item="" id="option-2--menu--3716"><svg width="16" height="17" viewBox="0 0 16 17" fill="none" class="w1 h1 mr1"><path fill-rule="evenodd" clip-rule="evenodd" d="M1 14C1 13.4477 1.44772 13 2 13L4 13C4.55228 13 5 13.4477 5 14C5 14.5523 4.55228 15 4 15L2 15C1.44772 15 1 14.5523 1 14Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M10.884 3.65785L7.78484 10.3041L8.12765 11.9351L9.59745 11.1493L12.6967 4.50309L10.884 3.65785ZM10.823 1.42262C10.3224 1.18921 9.72744 1.40577 9.49404 1.90631L5.83135 9.76098C5.7399 9.95707 5.71453 10.1775 5.75904 10.3893L6.44467 13.6513C6.5818 14.3038 7.30684 14.6418 7.89476 14.3275L10.8344 12.7559C11.0252 12.6539 11.1778 12.4928 11.2692 12.2967L14.9319 4.44202C15.1653 3.94148 14.9487 3.3465 14.4482 3.11309L10.823 1.42262Z" fill="currentColor"></path></svg>Edit</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Pin" data-reach-menu-item="" id="option-0--menu--3716"><svg width="16" height="16" fill="currentColor" viewBox="0 0 16 16" class="w1 h1 mr1" aria-label="Pin"><path d="M8 1h3v1l-1 1v4l2 .875V9H9v5.125L8 15l-1-.875V9H4V7.875L6 7V3L5 2V1z"></path></svg>Pin</div><div role="menuitem" tabindex="-1" aria-label="Add comment" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Add comment" data-reach-menu-item="" id="option-3--menu--3716"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="w1 h1 mr1" stroke="currentColor" stroke-width="2"><path d="M13 3L9 3L3 3C2.44772 3 2 3.44772 2 4L2 11C2 11.5523 2.44772 12 3 12L7.5 12L9.5 14L11.5 12L13 12C13.5523 12 14 11.5523 14 11L14 4C14 3.44772 13.5523 3 13 3Z"></path><line x1="5" y1="6" x2="10" y2="6"></line><line x1="5" y1="9" x2="11" y2="9"></line></svg>Add comment</div><div role="menuitem" tabindex="-1" title="Copy the code to import this cell" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Copy import" data-reach-menu-item="" id="option-4--menu--3716"><svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" class="w1 h1 mr1"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 2.15771L3.98463 4.50001L5 5.0923L9.01537 2.75001L8 2.15771ZM11 3.90771L6.98463 6.25001L8 6.8423L12.0154 4.50001L11 3.90771ZM13 6.24104L9 8.57438V13.259L13 10.9256V6.24104ZM7 13.259V8.57438L3 6.24104V10.9256L7 13.259ZM7.24419 0.283189C7.71124 0.0107464 8.28876 0.0107473 8.75581 0.283189L14.5039 3.63623C14.8111 3.81544 15 4.14434 15 4.50001V11.2128C15 11.7463 14.7166 12.2397 14.2558 12.5085L8.50387 15.8638C8.19251 16.0454 7.80749 16.0454 7.49613 15.8638L1.74419 12.5085C1.28337 12.2397 1 11.7463 1 11.2128V4.50001C1 4.14434 1.18891 3.81544 1.49613 3.63623L7.24419 0.283189Z"></path></svg>Copy import</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Select" data-reach-menu-item="" id="option-5--menu--3716"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="w1 h1 mr1"><path d="M4.59998 8.5L7.09998 10.6429L11.6 6" stroke="currentColor" stroke-width="2" stroke-linecap="square"></path></svg>Select</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Duplicate" data-reach-menu-item="" id="option-6--menu--3716"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2" stroke-linejoin="round" class="w1 h1 mr1"><path d="M2 9V5.89453C2 5.34225 2.44772 4.89453 3 4.89453H10C10.5523 4.89453 11 5.34225 11 5.89453V13.8945C11 14.4468 10.5523 14.8945 10 14.8945H8"></path><line x1="4" y1="10" x2="4" y2="16"></line><path d="M5 3L5 2.00001L12 2C13.1046 2 14 2.89543 14 4V12H13"></path><line x1="7" y1="13" x2="1" y2="13"></line></svg>Duplicate</div><div role="menuitem" tabindex="-1" title="Copy a link to this cell" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Copy link" data-reach-menu-item="" id="option-7--menu--3716"><svg viewBox="0 0 16 16" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" class="w1 h1 mr1"><path d="M6.70304 5.44182L8.20307 3.94183C8.20307 3.94183 8.70306 3.44183 9.70306 2.44184C10.703 1.44184 12.6038 1.68889 13.4906 2.63706C14.3773 3.58521 14.9958 5.16784 13.7031 6.44183C12.4103 7.71582 10.7031 9.44183 10.7031 9.44183M9.0481 11.1455C9.0481 11.1455 6.93417 13.4418 5.70304 14.4418C4.47192 15.4419 2.73625 14.6589 1.84946 13.7108C0.962682 12.7626 0.495886 11.0305 1.84946 9.73616C3.20304 8.44182 4.70304 6.94182 4.70304 6.94182M10 6.19944L5.5 10.4994"></path></svg>Copy link</div><div role="menuitem" tabindex="-1" title="Embed this cell in a web page" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Embed" data-reach-menu-item="" id="option-8--menu--3716"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="w1 h1 mr1"><path d="M2 6C2 5.44772 2.44772 5 3 5H10C10.5523 5 11 5.44772 11 6V13C11 13.5523 10.5523 14 10 14H3C2.44772 14 2 13.5523 2 13V6Z" stroke="currentColor" stroke-width="2"></path><path d="M4 2.00004L12 2.00001C13.1046 2 14 2.89544 14 4.00001V12" stroke="currentColor" stroke-width="2"></path></svg>Embed</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate hover-dark-red hover-bg-washed-red" data-valuetext="Delete" data-reach-menu-item="" id="option-9--menu--3716"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-label="Delete" class="w1 h1 mr1"><path d="M5 3V5H11V3L5 3ZM3 3V5H1V7H3V13C3 14.1046 3.89543 15 5 15H11C12.1046 15 13 14.1046 13 13V7H15V5H13V3C13 1.89543 12.1046 1 11 1H5C3.89543 1 3 1.89543 3 3ZM5 13V7H7V13H5ZM9 13H11V7H9L9 13Z" fill="currentColor" stroke-width="2" fill-rule="evenodd" clip-rule="evenodd"></path></svg>Delete</div></div></div></reach-portal><reach-portal><div data-reach-popover="" hidden="" data-reach-menu-popover="" style="position: absolute; left: 100.246px; top: 323.299px;"><div aria-labelledby="menu-button--menu--3717" role="menu" tabindex="-1" class="bg-white ba b--silver br2 pv2 shadow-4 outline-0" id="menu--3717" data-reach-menu-items="" style="margin-top: 4px; margin-left: -17px;"><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Edit" data-reach-menu-item="" id="option-1--menu--3717"><svg width="16" height="17" viewBox="0 0 16 17" fill="none" class="w1 h1 mr1"><path fill-rule="evenodd" clip-rule="evenodd" d="M1 14C1 13.4477 1.44772 13 2 13L4 13C4.55228 13 5 13.4477 5 14C5 14.5523 4.55228 15 4 15L2 15C1.44772 15 1 14.5523 1 14Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M10.884 3.65785L7.78484 10.3041L8.12765 11.9351L9.59745 11.1493L12.6967 4.50309L10.884 3.65785ZM10.823 1.42262C10.3224 1.18921 9.72744 1.40577 9.49404 1.90631L5.83135 9.76098C5.7399 9.95707 5.71453 10.1775 5.75904 10.3893L6.44467 13.6513C6.5818 14.3038 7.30684 14.6418 7.89476 14.3275L10.8344 12.7559C11.0252 12.6539 11.1778 12.4928 11.2692 12.2967L14.9319 4.44202C15.1653 3.94148 14.9487 3.3465 14.4482 3.11309L10.823 1.42262Z" fill="currentColor"></path></svg>Edit</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Pin" data-reach-menu-item="" id="option-0--menu--3717"><svg width="16" height="16" fill="currentColor" viewBox="0 0 16 16" class="w1 h1 mr1" aria-label="Pin"><path d="M8 1h3v1l-1 1v4l2 .875V9H9v5.125L8 15l-1-.875V9H4V7.875L6 7V3L5 2V1z"></path></svg>Pin</div><div role="menuitem" tabindex="-1" aria-label="Add comment" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Add comment" data-reach-menu-item="" id="option-2--menu--3717"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="w1 h1 mr1" stroke="currentColor" stroke-width="2"><path d="M13 3L9 3L3 3C2.44772 3 2 3.44772 2 4L2 11C2 11.5523 2.44772 12 3 12L7.5 12L9.5 14L11.5 12L13 12C13.5523 12 14 11.5523 14 11L14 4C14 3.44772 13.5523 3 13 3Z"></path><line x1="5" y1="6" x2="10" y2="6"></line><line x1="5" y1="9" x2="11" y2="9"></line></svg>Add comment</div><div role="menuitem" tabindex="-1" title="Copy the code to import this cell" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Copy import" data-reach-menu-item="" id="option-3--menu--3717"><svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" class="w1 h1 mr1"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 2.15771L3.98463 4.50001L5 5.0923L9.01537 2.75001L8 2.15771ZM11 3.90771L6.98463 6.25001L8 6.8423L12.0154 4.50001L11 3.90771ZM13 6.24104L9 8.57438V13.259L13 10.9256V6.24104ZM7 13.259V8.57438L3 6.24104V10.9256L7 13.259ZM7.24419 0.283189C7.71124 0.0107464 8.28876 0.0107473 8.75581 0.283189L14.5039 3.63623C14.8111 3.81544 15 4.14434 15 4.50001V11.2128C15 11.7463 14.7166 12.2397 14.2558 12.5085L8.50387 15.8638C8.19251 16.0454 7.80749 16.0454 7.49613 15.8638L1.74419 12.5085C1.28337 12.2397 1 11.7463 1 11.2128V4.50001C1 4.14434 1.18891 3.81544 1.49613 3.63623L7.24419 0.283189Z"></path></svg>Copy import</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Select" data-reach-menu-item="" id="option-4--menu--3717"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="w1 h1 mr1"><path d="M4.59998 8.5L7.09998 10.6429L11.6 6" stroke="currentColor" stroke-width="2" stroke-linecap="square"></path></svg>Select</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Duplicate" data-reach-menu-item="" id="option-5--menu--3717"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2" stroke-linejoin="round" class="w1 h1 mr1"><path d="M2 9V5.89453C2 5.34225 2.44772 4.89453 3 4.89453H10C10.5523 4.89453 11 5.34225 11 5.89453V13.8945C11 14.4468 10.5523 14.8945 10 14.8945H8"></path><line x1="4" y1="10" x2="4" y2="16"></line><path d="M5 3L5 2.00001L12 2C13.1046 2 14 2.89543 14 4V12H13"></path><line x1="7" y1="13" x2="1" y2="13"></line></svg>Duplicate</div><div role="menuitem" tabindex="-1" title="Copy a link to this cell" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Copy link" data-reach-menu-item="" id="option-6--menu--3717"><svg viewBox="0 0 16 16" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" class="w1 h1 mr1"><path d="M6.70304 5.44182L8.20307 3.94183C8.20307 3.94183 8.70306 3.44183 9.70306 2.44184C10.703 1.44184 12.6038 1.68889 13.4906 2.63706C14.3773 3.58521 14.9958 5.16784 13.7031 6.44183C12.4103 7.71582 10.7031 9.44183 10.7031 9.44183M9.0481 11.1455C9.0481 11.1455 6.93417 13.4418 5.70304 14.4418C4.47192 15.4419 2.73625 14.6589 1.84946 13.7108C0.962682 12.7626 0.495886 11.0305 1.84946 9.73616C3.20304 8.44182 4.70304 6.94182 4.70304 6.94182M10 6.19944L5.5 10.4994"></path></svg>Copy link</div><div role="menuitem" tabindex="-1" title="Name this cell to embed" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-disabled="" data-valuetext="Embed" aria-disabled="true" data-reach-menu-item="" id="option-7--menu--3717"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="w1 h1 mr1"><path d="M2 6C2 5.44772 2.44772 5 3 5H10C10.5523 5 11 5.44772 11 6V13C11 13.5523 10.5523 14 10 14H3C2.44772 14 2 13.5523 2 13V6Z" stroke="currentColor" stroke-width="2"></path><path d="M4 2.00004L12 2.00001C13.1046 2 14 2.89544 14 4.00001V12" stroke="currentColor" stroke-width="2"></path></svg>Embed</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate hover-dark-red hover-bg-washed-red" data-valuetext="Delete" data-reach-menu-item="" id="option-8--menu--3717"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-label="Delete" class="w1 h1 mr1"><path d="M5 3V5H11V3L5 3ZM3 3V5H1V7H3V13C3 14.1046 3.89543 15 5 15H11C12.1046 15 13 14.1046 13 13V7H15V5H13V3C13 1.89543 12.1046 1 11 1H5C3.89543 1 3 1.89543 3 3ZM5 13V7H7V13H5ZM9 13H11V7H9L9 13Z" fill="currentColor" stroke-width="2" fill-rule="evenodd" clip-rule="evenodd"></path></svg>Delete</div></div></div></reach-portal><reach-portal><div data-reach-popover="" hidden="" data-reach-menu-popover="" style="position: absolute; left: 100.246px; top: 323.299px;"><div aria-labelledby="menu-button--menu--3718" role="menu" tabindex="-1" class="bg-white ba b--silver br2 pv2 shadow-4 outline-0" id="menu--3718" data-reach-menu-items="" style="margin-top: 4px; margin-left: -17px;"><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Edit" data-reach-menu-item="" id="option-1--menu--3718"><svg width="16" height="17" viewBox="0 0 16 17" fill="none" class="w1 h1 mr1"><path fill-rule="evenodd" clip-rule="evenodd" d="M1 14C1 13.4477 1.44772 13 2 13L4 13C4.55228 13 5 13.4477 5 14C5 14.5523 4.55228 15 4 15L2 15C1.44772 15 1 14.5523 1 14Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M10.884 3.65785L7.78484 10.3041L8.12765 11.9351L9.59745 11.1493L12.6967 4.50309L10.884 3.65785ZM10.823 1.42262C10.3224 1.18921 9.72744 1.40577 9.49404 1.90631L5.83135 9.76098C5.7399 9.95707 5.71453 10.1775 5.75904 10.3893L6.44467 13.6513C6.5818 14.3038 7.30684 14.6418 7.89476 14.3275L10.8344 12.7559C11.0252 12.6539 11.1778 12.4928 11.2692 12.2967L14.9319 4.44202C15.1653 3.94148 14.9487 3.3465 14.4482 3.11309L10.823 1.42262Z" fill="currentColor"></path></svg>Edit</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Pin" data-reach-menu-item="" id="option-0--menu--3718"><svg width="16" height="16" fill="currentColor" viewBox="0 0 16 16" class="w1 h1 mr1" aria-label="Pin"><path d="M8 1h3v1l-1 1v4l2 .875V9H9v5.125L8 15l-1-.875V9H4V7.875L6 7V3L5 2V1z"></path></svg>Pin</div><div role="menuitem" tabindex="-1" aria-label="Add comment" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Add comment" data-reach-menu-item="" id="option-2--menu--3718"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="w1 h1 mr1" stroke="currentColor" stroke-width="2"><path d="M13 3L9 3L3 3C2.44772 3 2 3.44772 2 4L2 11C2 11.5523 2.44772 12 3 12L7.5 12L9.5 14L11.5 12L13 12C13.5523 12 14 11.5523 14 11L14 4C14 3.44772 13.5523 3 13 3Z"></path><line x1="5" y1="6" x2="10" y2="6"></line><line x1="5" y1="9" x2="11" y2="9"></line></svg>Add comment</div><div role="menuitem" tabindex="-1" title="Copy the code to import this cell" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Copy import" data-reach-menu-item="" id="option-3--menu--3718"><svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" class="w1 h1 mr1"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 2.15771L3.98463 4.50001L5 5.0923L9.01537 2.75001L8 2.15771ZM11 3.90771L6.98463 6.25001L8 6.8423L12.0154 4.50001L11 3.90771ZM13 6.24104L9 8.57438V13.259L13 10.9256V6.24104ZM7 13.259V8.57438L3 6.24104V10.9256L7 13.259ZM7.24419 0.283189C7.71124 0.0107464 8.28876 0.0107473 8.75581 0.283189L14.5039 3.63623C14.8111 3.81544 15 4.14434 15 4.50001V11.2128C15 11.7463 14.7166 12.2397 14.2558 12.5085L8.50387 15.8638C8.19251 16.0454 7.80749 16.0454 7.49613 15.8638L1.74419 12.5085C1.28337 12.2397 1 11.7463 1 11.2128V4.50001C1 4.14434 1.18891 3.81544 1.49613 3.63623L7.24419 0.283189Z"></path></svg>Copy import</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Select" data-reach-menu-item="" id="option-4--menu--3718"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="w1 h1 mr1"><path d="M4.59998 8.5L7.09998 10.6429L11.6 6" stroke="currentColor" stroke-width="2" stroke-linecap="square"></path></svg>Select</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Duplicate" data-reach-menu-item="" id="option-5--menu--3718"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2" stroke-linejoin="round" class="w1 h1 mr1"><path d="M2 9V5.89453C2 5.34225 2.44772 4.89453 3 4.89453H10C10.5523 4.89453 11 5.34225 11 5.89453V13.8945C11 14.4468 10.5523 14.8945 10 14.8945H8"></path><line x1="4" y1="10" x2="4" y2="16"></line><path d="M5 3L5 2.00001L12 2C13.1046 2 14 2.89543 14 4V12H13"></path><line x1="7" y1="13" x2="1" y2="13"></line></svg>Duplicate</div><div role="menuitem" tabindex="-1" title="Copy a link to this cell" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Copy link" data-reach-menu-item="" id="option-6--menu--3718"><svg viewBox="0 0 16 16" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" class="w1 h1 mr1"><path d="M6.70304 5.44182L8.20307 3.94183C8.20307 3.94183 8.70306 3.44183 9.70306 2.44184C10.703 1.44184 12.6038 1.68889 13.4906 2.63706C14.3773 3.58521 14.9958 5.16784 13.7031 6.44183C12.4103 7.71582 10.7031 9.44183 10.7031 9.44183M9.0481 11.1455C9.0481 11.1455 6.93417 13.4418 5.70304 14.4418C4.47192 15.4419 2.73625 14.6589 1.84946 13.7108C0.962682 12.7626 0.495886 11.0305 1.84946 9.73616C3.20304 8.44182 4.70304 6.94182 4.70304 6.94182M10 6.19944L5.5 10.4994"></path></svg>Copy link</div><div role="menuitem" tabindex="-1" title="Name this cell to embed" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-disabled="" data-valuetext="Embed" aria-disabled="true" data-reach-menu-item="" id="option-7--menu--3718"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="w1 h1 mr1"><path d="M2 6C2 5.44772 2.44772 5 3 5H10C10.5523 5 11 5.44772 11 6V13C11 13.5523 10.5523 14 10 14H3C2.44772 14 2 13.5523 2 13V6Z" stroke="currentColor" stroke-width="2"></path><path d="M4 2.00004L12 2.00001C13.1046 2 14 2.89544 14 4.00001V12" stroke="currentColor" stroke-width="2"></path></svg>Embed</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate hover-dark-red hover-bg-washed-red" data-valuetext="Delete" data-reach-menu-item="" id="option-8--menu--3718"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-label="Delete" class="w1 h1 mr1"><path d="M5 3V5H11V3L5 3ZM3 3V5H1V7H3V13C3 14.1046 3.89543 15 5 15H11C12.1046 15 13 14.1046 13 13V7H15V5H13V3C13 1.89543 12.1046 1 11 1H5C3.89543 1 3 1.89543 3 3ZM5 13V7H7V13H5ZM9 13H11V7H9L9 13Z" fill="currentColor" stroke-width="2" fill-rule="evenodd" clip-rule="evenodd"></path></svg>Delete</div></div></div></reach-portal><reach-portal><div data-reach-popover="" hidden="" data-reach-menu-popover="" style="position: absolute; left: 100.246px; top: 323.299px;"><div aria-labelledby="menu-button--menu--3719" role="menu" tabindex="-1" class="bg-white ba b--silver br2 pv2 shadow-4 outline-0" id="menu--3719" data-reach-menu-items="" style="margin-top: 4px; margin-left: -17px;"><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Edit" data-reach-menu-item="" id="option-1--menu--3719"><svg width="16" height="17" viewBox="0 0 16 17" fill="none" class="w1 h1 mr1"><path fill-rule="evenodd" clip-rule="evenodd" d="M1 14C1 13.4477 1.44772 13 2 13L4 13C4.55228 13 5 13.4477 5 14C5 14.5523 4.55228 15 4 15L2 15C1.44772 15 1 14.5523 1 14Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M10.884 3.65785L7.78484 10.3041L8.12765 11.9351L9.59745 11.1493L12.6967 4.50309L10.884 3.65785ZM10.823 1.42262C10.3224 1.18921 9.72744 1.40577 9.49404 1.90631L5.83135 9.76098C5.7399 9.95707 5.71453 10.1775 5.75904 10.3893L6.44467 13.6513C6.5818 14.3038 7.30684 14.6418 7.89476 14.3275L10.8344 12.7559C11.0252 12.6539 11.1778 12.4928 11.2692 12.2967L14.9319 4.44202C15.1653 3.94148 14.9487 3.3465 14.4482 3.11309L10.823 1.42262Z" fill="currentColor"></path></svg>Edit</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Pin" data-reach-menu-item="" id="option-0--menu--3719"><svg width="16" height="16" fill="currentColor" viewBox="0 0 16 16" class="w1 h1 mr1" aria-label="Pin"><path d="M8 1h3v1l-1 1v4l2 .875V9H9v5.125L8 15l-1-.875V9H4V7.875L6 7V3L5 2V1z"></path></svg>Pin</div><div role="menuitem" tabindex="-1" aria-label="Add comment" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Add comment" data-reach-menu-item="" id="option-2--menu--3719"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="w1 h1 mr1" stroke="currentColor" stroke-width="2"><path d="M13 3L9 3L3 3C2.44772 3 2 3.44772 2 4L2 11C2 11.5523 2.44772 12 3 12L7.5 12L9.5 14L11.5 12L13 12C13.5523 12 14 11.5523 14 11L14 4C14 3.44772 13.5523 3 13 3Z"></path><line x1="5" y1="6" x2="10" y2="6"></line><line x1="5" y1="9" x2="11" y2="9"></line></svg>Add comment</div><div role="menuitem" tabindex="-1" title="Copy the code to import this cell" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Copy import" data-reach-menu-item="" id="option-3--menu--3719"><svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" class="w1 h1 mr1"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 2.15771L3.98463 4.50001L5 5.0923L9.01537 2.75001L8 2.15771ZM11 3.90771L6.98463 6.25001L8 6.8423L12.0154 4.50001L11 3.90771ZM13 6.24104L9 8.57438V13.259L13 10.9256V6.24104ZM7 13.259V8.57438L3 6.24104V10.9256L7 13.259ZM7.24419 0.283189C7.71124 0.0107464 8.28876 0.0107473 8.75581 0.283189L14.5039 3.63623C14.8111 3.81544 15 4.14434 15 4.50001V11.2128C15 11.7463 14.7166 12.2397 14.2558 12.5085L8.50387 15.8638C8.19251 16.0454 7.80749 16.0454 7.49613 15.8638L1.74419 12.5085C1.28337 12.2397 1 11.7463 1 11.2128V4.50001C1 4.14434 1.18891 3.81544 1.49613 3.63623L7.24419 0.283189Z"></path></svg>Copy import</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Select" data-reach-menu-item="" id="option-4--menu--3719"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="w1 h1 mr1"><path d="M4.59998 8.5L7.09998 10.6429L11.6 6" stroke="currentColor" stroke-width="2" stroke-linecap="square"></path></svg>Select</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Duplicate" data-reach-menu-item="" id="option-5--menu--3719"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2" stroke-linejoin="round" class="w1 h1 mr1"><path d="M2 9V5.89453C2 5.34225 2.44772 4.89453 3 4.89453H10C10.5523 4.89453 11 5.34225 11 5.89453V13.8945C11 14.4468 10.5523 14.8945 10 14.8945H8"></path><line x1="4" y1="10" x2="4" y2="16"></line><path d="M5 3L5 2.00001L12 2C13.1046 2 14 2.89543 14 4V12H13"></path><line x1="7" y1="13" x2="1" y2="13"></line></svg>Duplicate</div><div role="menuitem" tabindex="-1" title="Copy a link to this cell" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Copy link" data-reach-menu-item="" id="option-6--menu--3719"><svg viewBox="0 0 16 16" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" class="w1 h1 mr1"><path d="M6.70304 5.44182L8.20307 3.94183C8.20307 3.94183 8.70306 3.44183 9.70306 2.44184C10.703 1.44184 12.6038 1.68889 13.4906 2.63706C14.3773 3.58521 14.9958 5.16784 13.7031 6.44183C12.4103 7.71582 10.7031 9.44183 10.7031 9.44183M9.0481 11.1455C9.0481 11.1455 6.93417 13.4418 5.70304 14.4418C4.47192 15.4419 2.73625 14.6589 1.84946 13.7108C0.962682 12.7626 0.495886 11.0305 1.84946 9.73616C3.20304 8.44182 4.70304 6.94182 4.70304 6.94182M10 6.19944L5.5 10.4994"></path></svg>Copy link</div><div role="menuitem" tabindex="-1" title="Name this cell to embed" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-disabled="" data-valuetext="Embed" aria-disabled="true" data-reach-menu-item="" id="option-7--menu--3719"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="w1 h1 mr1"><path d="M2 6C2 5.44772 2.44772 5 3 5H10C10.5523 5 11 5.44772 11 6V13C11 13.5523 10.5523 14 10 14H3C2.44772 14 2 13.5523 2 13V6Z" stroke="currentColor" stroke-width="2"></path><path d="M4 2.00004L12 2.00001C13.1046 2 14 2.89544 14 4.00001V12" stroke="currentColor" stroke-width="2"></path></svg>Embed</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate hover-dark-red hover-bg-washed-red" data-valuetext="Delete" data-reach-menu-item="" id="option-8--menu--3719"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-label="Delete" class="w1 h1 mr1"><path d="M5 3V5H11V3L5 3ZM3 3V5H1V7H3V13C3 14.1046 3.89543 15 5 15H11C12.1046 15 13 14.1046 13 13V7H15V5H13V3C13 1.89543 12.1046 1 11 1H5C3.89543 1 3 1.89543 3 3ZM5 13V7H7V13H5ZM9 13H11V7H9L9 13Z" fill="currentColor" stroke-width="2" fill-rule="evenodd" clip-rule="evenodd"></path></svg>Delete</div></div></div></reach-portal><reach-portal><div data-reach-popover="" hidden="" data-reach-menu-popover="" style="position: absolute; left: 100.246px; top: 323.299px;"><div aria-labelledby="menu-button--menu--3720" role="menu" tabindex="-1" class="bg-white ba b--silver br2 pv2 shadow-4 outline-0" id="menu--3720" data-reach-menu-items="" style="margin-top: 4px; margin-left: -17px;"><a role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-reach-menu-link="" data-valuetext="filtered_data" data-reach-menu-item="" href="https://observablehq.com/d/b088fa184601c95b#filtered_data" id="option-1--menu--3720"><div class="mw5 code f7 fw5 hover-blue">filtered_data</div></a><div class="bt b--light-silver mv2"></div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Edit" data-reach-menu-item="" id="option-2--menu--3720"><svg width="16" height="17" viewBox="0 0 16 17" fill="none" class="w1 h1 mr1"><path fill-rule="evenodd" clip-rule="evenodd" d="M1 14C1 13.4477 1.44772 13 2 13L4 13C4.55228 13 5 13.4477 5 14C5 14.5523 4.55228 15 4 15L2 15C1.44772 15 1 14.5523 1 14Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M10.884 3.65785L7.78484 10.3041L8.12765 11.9351L9.59745 11.1493L12.6967 4.50309L10.884 3.65785ZM10.823 1.42262C10.3224 1.18921 9.72744 1.40577 9.49404 1.90631L5.83135 9.76098C5.7399 9.95707 5.71453 10.1775 5.75904 10.3893L6.44467 13.6513C6.5818 14.3038 7.30684 14.6418 7.89476 14.3275L10.8344 12.7559C11.0252 12.6539 11.1778 12.4928 11.2692 12.2967L14.9319 4.44202C15.1653 3.94148 14.9487 3.3465 14.4482 3.11309L10.823 1.42262Z" fill="currentColor"></path></svg>Edit</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Pin" data-reach-menu-item="" id="option-0--menu--3720"><svg width="16" height="16" fill="currentColor" viewBox="0 0 16 16" class="w1 h1 mr1" aria-label="Pin"><path d="M8 1h3v1l-1 1v4l2 .875V9H9v5.125L8 15l-1-.875V9H4V7.875L6 7V3L5 2V1z"></path></svg>Pin</div><div role="menuitem" tabindex="-1" aria-label="Add comment" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Add comment" data-reach-menu-item="" id="option-3--menu--3720"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="w1 h1 mr1" stroke="currentColor" stroke-width="2"><path d="M13 3L9 3L3 3C2.44772 3 2 3.44772 2 4L2 11C2 11.5523 2.44772 12 3 12L7.5 12L9.5 14L11.5 12L13 12C13.5523 12 14 11.5523 14 11L14 4C14 3.44772 13.5523 3 13 3Z"></path><line x1="5" y1="6" x2="10" y2="6"></line><line x1="5" y1="9" x2="11" y2="9"></line></svg>Add comment</div><div role="menuitem" tabindex="-1" title="Copy the code to import this cell" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Copy import" data-reach-menu-item="" id="option-4--menu--3720"><svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" class="w1 h1 mr1"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 2.15771L3.98463 4.50001L5 5.0923L9.01537 2.75001L8 2.15771ZM11 3.90771L6.98463 6.25001L8 6.8423L12.0154 4.50001L11 3.90771ZM13 6.24104L9 8.57438V13.259L13 10.9256V6.24104ZM7 13.259V8.57438L3 6.24104V10.9256L7 13.259ZM7.24419 0.283189C7.71124 0.0107464 8.28876 0.0107473 8.75581 0.283189L14.5039 3.63623C14.8111 3.81544 15 4.14434 15 4.50001V11.2128C15 11.7463 14.7166 12.2397 14.2558 12.5085L8.50387 15.8638C8.19251 16.0454 7.80749 16.0454 7.49613 15.8638L1.74419 12.5085C1.28337 12.2397 1 11.7463 1 11.2128V4.50001C1 4.14434 1.18891 3.81544 1.49613 3.63623L7.24419 0.283189Z"></path></svg>Copy import</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Select" data-reach-menu-item="" id="option-5--menu--3720"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="w1 h1 mr1"><path d="M4.59998 8.5L7.09998 10.6429L11.6 6" stroke="currentColor" stroke-width="2" stroke-linecap="square"></path></svg>Select</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Duplicate" data-reach-menu-item="" id="option-6--menu--3720"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2" stroke-linejoin="round" class="w1 h1 mr1"><path d="M2 9V5.89453C2 5.34225 2.44772 4.89453 3 4.89453H10C10.5523 4.89453 11 5.34225 11 5.89453V13.8945C11 14.4468 10.5523 14.8945 10 14.8945H8"></path><line x1="4" y1="10" x2="4" y2="16"></line><path d="M5 3L5 2.00001L12 2C13.1046 2 14 2.89543 14 4V12H13"></path><line x1="7" y1="13" x2="1" y2="13"></line></svg>Duplicate</div><div role="menuitem" tabindex="-1" title="Copy a link to this cell" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Copy link" data-reach-menu-item="" id="option-7--menu--3720"><svg viewBox="0 0 16 16" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" class="w1 h1 mr1"><path d="M6.70304 5.44182L8.20307 3.94183C8.20307 3.94183 8.70306 3.44183 9.70306 2.44184C10.703 1.44184 12.6038 1.68889 13.4906 2.63706C14.3773 3.58521 14.9958 5.16784 13.7031 6.44183C12.4103 7.71582 10.7031 9.44183 10.7031 9.44183M9.0481 11.1455C9.0481 11.1455 6.93417 13.4418 5.70304 14.4418C4.47192 15.4419 2.73625 14.6589 1.84946 13.7108C0.962682 12.7626 0.495886 11.0305 1.84946 9.73616C3.20304 8.44182 4.70304 6.94182 4.70304 6.94182M10 6.19944L5.5 10.4994"></path></svg>Copy link</div><div role="menuitem" tabindex="-1" title="Embed this cell in a web page" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Embed" data-reach-menu-item="" id="option-8--menu--3720"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="w1 h1 mr1"><path d="M2 6C2 5.44772 2.44772 5 3 5H10C10.5523 5 11 5.44772 11 6V13C11 13.5523 10.5523 14 10 14H3C2.44772 14 2 13.5523 2 13V6Z" stroke="currentColor" stroke-width="2"></path><path d="M4 2.00004L12 2.00001C13.1046 2 14 2.89544 14 4.00001V12" stroke="currentColor" stroke-width="2"></path></svg>Embed</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate hover-dark-red hover-bg-washed-red" data-valuetext="Delete" data-reach-menu-item="" id="option-9--menu--3720"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-label="Delete" class="w1 h1 mr1"><path d="M5 3V5H11V3L5 3ZM3 3V5H1V7H3V13C3 14.1046 3.89543 15 5 15H11C12.1046 15 13 14.1046 13 13V7H15V5H13V3C13 1.89543 12.1046 1 11 1H5C3.89543 1 3 1.89543 3 3ZM5 13V7H7V13H5ZM9 13H11V7H9L9 13Z" fill="currentColor" stroke-width="2" fill-rule="evenodd" clip-rule="evenodd"></path></svg>Delete</div></div></div></reach-portal><reach-portal><div data-reach-popover="" hidden="" data-reach-menu-popover="" style="position: absolute; left: 100.246px; top: 323.299px;"><div aria-labelledby="menu-button--menu--3721" role="menu" tabindex="-1" class="bg-white ba b--silver br2 pv2 shadow-4 outline-0" id="menu--3721" data-reach-menu-items="" style="margin-top: 4px; margin-left: -17px;"><a role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-reach-menu-link="" data-valuetext="d3" data-reach-menu-item="" href="https://observablehq.com/d/b088fa184601c95b#d3" id="option-1--menu--3721"><div class="mw5 code f7 fw5 hover-blue">d3</div></a><div class="bt b--light-silver mv2"></div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Unpin" data-reach-menu-item="" id="option-0--menu--3721"><svg width="16" height="16" fill="currentColor" viewBox="0 0 16 16" class="w1 h1 mr1" aria-label="Unpin"><path d="M8 1h3v1l-1 1v4l2 .875V9H9v5.125L8 15l-1-.875V9H4V7.875L6 7V3L5 2V1z"></path></svg>Unpin</div><div role="menuitem" tabindex="-1" aria-label="Add comment" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Add comment" data-reach-menu-item="" id="option-2--menu--3721"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="w1 h1 mr1" stroke="currentColor" stroke-width="2"><path d="M13 3L9 3L3 3C2.44772 3 2 3.44772 2 4L2 11C2 11.5523 2.44772 12 3 12L7.5 12L9.5 14L11.5 12L13 12C13.5523 12 14 11.5523 14 11L14 4C14 3.44772 13.5523 3 13 3Z"></path><line x1="5" y1="6" x2="10" y2="6"></line><line x1="5" y1="9" x2="11" y2="9"></line></svg>Add comment</div><div role="menuitem" tabindex="-1" title="Copy the code to import this cell" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Copy import" data-reach-menu-item="" id="option-3--menu--3721"><svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" class="w1 h1 mr1"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 2.15771L3.98463 4.50001L5 5.0923L9.01537 2.75001L8 2.15771ZM11 3.90771L6.98463 6.25001L8 6.8423L12.0154 4.50001L11 3.90771ZM13 6.24104L9 8.57438V13.259L13 10.9256V6.24104ZM7 13.259V8.57438L3 6.24104V10.9256L7 13.259ZM7.24419 0.283189C7.71124 0.0107464 8.28876 0.0107473 8.75581 0.283189L14.5039 3.63623C14.8111 3.81544 15 4.14434 15 4.50001V11.2128C15 11.7463 14.7166 12.2397 14.2558 12.5085L8.50387 15.8638C8.19251 16.0454 7.80749 16.0454 7.49613 15.8638L1.74419 12.5085C1.28337 12.2397 1 11.7463 1 11.2128V4.50001C1 4.14434 1.18891 3.81544 1.49613 3.63623L7.24419 0.283189Z"></path></svg>Copy import</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Select" data-reach-menu-item="" id="option-4--menu--3721"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="w1 h1 mr1"><path d="M4.59998 8.5L7.09998 10.6429L11.6 6" stroke="currentColor" stroke-width="2" stroke-linecap="square"></path></svg>Select</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Duplicate" data-reach-menu-item="" id="option-5--menu--3721"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2" stroke-linejoin="round" class="w1 h1 mr1"><path d="M2 9V5.89453C2 5.34225 2.44772 4.89453 3 4.89453H10C10.5523 4.89453 11 5.34225 11 5.89453V13.8945C11 14.4468 10.5523 14.8945 10 14.8945H8"></path><line x1="4" y1="10" x2="4" y2="16"></line><path d="M5 3L5 2.00001L12 2C13.1046 2 14 2.89543 14 4V12H13"></path><line x1="7" y1="13" x2="1" y2="13"></line></svg>Duplicate</div><div role="menuitem" tabindex="-1" title="Copy a link to this cell" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Copy link" data-reach-menu-item="" id="option-6--menu--3721"><svg viewBox="0 0 16 16" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" class="w1 h1 mr1"><path d="M6.70304 5.44182L8.20307 3.94183C8.20307 3.94183 8.70306 3.44183 9.70306 2.44184C10.703 1.44184 12.6038 1.68889 13.4906 2.63706C14.3773 3.58521 14.9958 5.16784 13.7031 6.44183C12.4103 7.71582 10.7031 9.44183 10.7031 9.44183M9.0481 11.1455C9.0481 11.1455 6.93417 13.4418 5.70304 14.4418C4.47192 15.4419 2.73625 14.6589 1.84946 13.7108C0.962682 12.7626 0.495886 11.0305 1.84946 9.73616C3.20304 8.44182 4.70304 6.94182 4.70304 6.94182M10 6.19944L5.5 10.4994"></path></svg>Copy link</div><div role="menuitem" tabindex="-1" title="Embed this cell in a web page" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Embed" data-reach-menu-item="" id="option-7--menu--3721"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="w1 h1 mr1"><path d="M2 6C2 5.44772 2.44772 5 3 5H10C10.5523 5 11 5.44772 11 6V13C11 13.5523 10.5523 14 10 14H3C2.44772 14 2 13.5523 2 13V6Z" stroke="currentColor" stroke-width="2"></path><path d="M4 2.00004L12 2.00001C13.1046 2 14 2.89544 14 4.00001V12" stroke="currentColor" stroke-width="2"></path></svg>Embed</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate hover-dark-red hover-bg-washed-red" data-valuetext="Delete" data-reach-menu-item="" id="option-8--menu--3721"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-label="Delete" class="w1 h1 mr1"><path d="M5 3V5H11V3L5 3ZM3 3V5H1V7H3V13C3 14.1046 3.89543 15 5 15H11C12.1046 15 13 14.1046 13 13V7H15V5H13V3C13 1.89543 12.1046 1 11 1H5C3.89543 1 3 1.89543 3 3ZM5 13V7H7V13H5ZM9 13H11V7H9L9 13Z" fill="currentColor" stroke-width="2" fill-rule="evenodd" clip-rule="evenodd"></path></svg>Delete</div></div></div></reach-portal><reach-portal><div data-reach-popover="" hidden="" data-reach-menu-popover="" style="position: absolute; left: 100.246px; top: 369.284px;"><div aria-labelledby="menu-button--menu--3722" role="menu" tabindex="-1" class="bg-white ba b--silver br2 pv2 shadow-4 outline-0" id="menu--3722" data-reach-menu-items="" style="margin-top: 4px; margin-left: -17px;"><a role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-reach-menu-link="" data-valuetext="select" data-reach-menu-item="" href="https://observablehq.com/d/b088fa184601c95b#select" id="option-1--menu--3722"><div class="mw5 code f7 fw5 hover-blue">select</div></a><div class="bt b--light-silver mv2"></div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Unpin" data-reach-menu-item="" id="option-0--menu--3722"><svg width="16" height="16" fill="currentColor" viewBox="0 0 16 16" class="w1 h1 mr1" aria-label="Unpin"><path d="M8 1h3v1l-1 1v4l2 .875V9H9v5.125L8 15l-1-.875V9H4V7.875L6 7V3L5 2V1z"></path></svg>Unpin</div><div role="menuitem" tabindex="-1" aria-label="Add comment" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Add comment" data-reach-menu-item="" id="option-2--menu--3722"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="w1 h1 mr1" stroke="currentColor" stroke-width="2"><path d="M13 3L9 3L3 3C2.44772 3 2 3.44772 2 4L2 11C2 11.5523 2.44772 12 3 12L7.5 12L9.5 14L11.5 12L13 12C13.5523 12 14 11.5523 14 11L14 4C14 3.44772 13.5523 3 13 3Z"></path><line x1="5" y1="6" x2="10" y2="6"></line><line x1="5" y1="9" x2="11" y2="9"></line></svg>Add comment</div><div role="menuitem" tabindex="-1" title="Copy the code to import this cell" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Copy import" data-reach-menu-item="" id="option-3--menu--3722"><svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" class="w1 h1 mr1"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 2.15771L3.98463 4.50001L5 5.0923L9.01537 2.75001L8 2.15771ZM11 3.90771L6.98463 6.25001L8 6.8423L12.0154 4.50001L11 3.90771ZM13 6.24104L9 8.57438V13.259L13 10.9256V6.24104ZM7 13.259V8.57438L3 6.24104V10.9256L7 13.259ZM7.24419 0.283189C7.71124 0.0107464 8.28876 0.0107473 8.75581 0.283189L14.5039 3.63623C14.8111 3.81544 15 4.14434 15 4.50001V11.2128C15 11.7463 14.7166 12.2397 14.2558 12.5085L8.50387 15.8638C8.19251 16.0454 7.80749 16.0454 7.49613 15.8638L1.74419 12.5085C1.28337 12.2397 1 11.7463 1 11.2128V4.50001C1 4.14434 1.18891 3.81544 1.49613 3.63623L7.24419 0.283189Z"></path></svg>Copy import</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Select" data-reach-menu-item="" id="option-4--menu--3722"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="w1 h1 mr1"><path d="M4.59998 8.5L7.09998 10.6429L11.6 6" stroke="currentColor" stroke-width="2" stroke-linecap="square"></path></svg>Select</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Duplicate" data-reach-menu-item="" id="option-5--menu--3722"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2" stroke-linejoin="round" class="w1 h1 mr1"><path d="M2 9V5.89453C2 5.34225 2.44772 4.89453 3 4.89453H10C10.5523 4.89453 11 5.34225 11 5.89453V13.8945C11 14.4468 10.5523 14.8945 10 14.8945H8"></path><line x1="4" y1="10" x2="4" y2="16"></line><path d="M5 3L5 2.00001L12 2C13.1046 2 14 2.89543 14 4V12H13"></path><line x1="7" y1="13" x2="1" y2="13"></line></svg>Duplicate</div><div role="menuitem" tabindex="-1" title="Copy a link to this cell" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Copy link" data-reach-menu-item="" id="option-6--menu--3722"><svg viewBox="0 0 16 16" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" class="w1 h1 mr1"><path d="M6.70304 5.44182L8.20307 3.94183C8.20307 3.94183 8.70306 3.44183 9.70306 2.44184C10.703 1.44184 12.6038 1.68889 13.4906 2.63706C14.3773 3.58521 14.9958 5.16784 13.7031 6.44183C12.4103 7.71582 10.7031 9.44183 10.7031 9.44183M9.0481 11.1455C9.0481 11.1455 6.93417 13.4418 5.70304 14.4418C4.47192 15.4419 2.73625 14.6589 1.84946 13.7108C0.962682 12.7626 0.495886 11.0305 1.84946 9.73616C3.20304 8.44182 4.70304 6.94182 4.70304 6.94182M10 6.19944L5.5 10.4994"></path></svg>Copy link</div><div role="menuitem" tabindex="-1" title="Embed this cell in a web page" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Embed" data-reach-menu-item="" id="option-7--menu--3722"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="w1 h1 mr1"><path d="M2 6C2 5.44772 2.44772 5 3 5H10C10.5523 5 11 5.44772 11 6V13C11 13.5523 10.5523 14 10 14H3C2.44772 14 2 13.5523 2 13V6Z" stroke="currentColor" stroke-width="2"></path><path d="M4 2.00004L12 2.00001C13.1046 2 14 2.89544 14 4.00001V12" stroke="currentColor" stroke-width="2"></path></svg>Embed</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate hover-dark-red hover-bg-washed-red" data-valuetext="Delete" data-reach-menu-item="" id="option-8--menu--3722"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-label="Delete" class="w1 h1 mr1"><path d="M5 3V5H11V3L5 3ZM3 3V5H1V7H3V13C3 14.1046 3.89543 15 5 15H11C12.1046 15 13 14.1046 13 13V7H15V5H13V3C13 1.89543 12.1046 1 11 1H5C3.89543 1 3 1.89543 3 3ZM5 13V7H7V13H5ZM9 13H11V7H9L9 13Z" fill="currentColor" stroke-width="2" fill-rule="evenodd" clip-rule="evenodd"></path></svg>Delete</div></div></div></reach-portal><reach-portal><div data-reach-popover="" hidden="" data-reach-menu-popover="" style="position: absolute; left: 100.246px; top: 415.269px;"><div aria-labelledby="menu-button--menu--3723" role="menu" tabindex="-1" class="bg-white ba b--silver br2 pv2 shadow-4 outline-0" id="menu--3723" data-reach-menu-items="" style="margin-top: 4px; margin-left: -17px;"><a role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-reach-menu-link="" data-valuetext="scaleLinear" data-reach-menu-item="" href="https://observablehq.com/d/b088fa184601c95b#scaleLinear" id="option-1--menu--3723"><div class="mw5 code f7 fw5 hover-blue">scaleLinear</div></a><div class="bt b--light-silver mv2"></div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Unpin" data-reach-menu-item="" id="option-0--menu--3723"><svg width="16" height="16" fill="currentColor" viewBox="0 0 16 16" class="w1 h1 mr1" aria-label="Unpin"><path d="M8 1h3v1l-1 1v4l2 .875V9H9v5.125L8 15l-1-.875V9H4V7.875L6 7V3L5 2V1z"></path></svg>Unpin</div><div role="menuitem" tabindex="-1" aria-label="Add comment" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Add comment" data-reach-menu-item="" id="option-2--menu--3723"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="w1 h1 mr1" stroke="currentColor" stroke-width="2"><path d="M13 3L9 3L3 3C2.44772 3 2 3.44772 2 4L2 11C2 11.5523 2.44772 12 3 12L7.5 12L9.5 14L11.5 12L13 12C13.5523 12 14 11.5523 14 11L14 4C14 3.44772 13.5523 3 13 3Z"></path><line x1="5" y1="6" x2="10" y2="6"></line><line x1="5" y1="9" x2="11" y2="9"></line></svg>Add comment</div><div role="menuitem" tabindex="-1" title="Copy the code to import this cell" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Copy import" data-reach-menu-item="" id="option-3--menu--3723"><svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" class="w1 h1 mr1"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 2.15771L3.98463 4.50001L5 5.0923L9.01537 2.75001L8 2.15771ZM11 3.90771L6.98463 6.25001L8 6.8423L12.0154 4.50001L11 3.90771ZM13 6.24104L9 8.57438V13.259L13 10.9256V6.24104ZM7 13.259V8.57438L3 6.24104V10.9256L7 13.259ZM7.24419 0.283189C7.71124 0.0107464 8.28876 0.0107473 8.75581 0.283189L14.5039 3.63623C14.8111 3.81544 15 4.14434 15 4.50001V11.2128C15 11.7463 14.7166 12.2397 14.2558 12.5085L8.50387 15.8638C8.19251 16.0454 7.80749 16.0454 7.49613 15.8638L1.74419 12.5085C1.28337 12.2397 1 11.7463 1 11.2128V4.50001C1 4.14434 1.18891 3.81544 1.49613 3.63623L7.24419 0.283189Z"></path></svg>Copy import</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Select" data-reach-menu-item="" id="option-4--menu--3723"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="w1 h1 mr1"><path d="M4.59998 8.5L7.09998 10.6429L11.6 6" stroke="currentColor" stroke-width="2" stroke-linecap="square"></path></svg>Select</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Duplicate" data-reach-menu-item="" id="option-5--menu--3723"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2" stroke-linejoin="round" class="w1 h1 mr1"><path d="M2 9V5.89453C2 5.34225 2.44772 4.89453 3 4.89453H10C10.5523 4.89453 11 5.34225 11 5.89453V13.8945C11 14.4468 10.5523 14.8945 10 14.8945H8"></path><line x1="4" y1="10" x2="4" y2="16"></line><path d="M5 3L5 2.00001L12 2C13.1046 2 14 2.89543 14 4V12H13"></path><line x1="7" y1="13" x2="1" y2="13"></line></svg>Duplicate</div><div role="menuitem" tabindex="-1" title="Copy a link to this cell" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Copy link" data-reach-menu-item="" id="option-6--menu--3723"><svg viewBox="0 0 16 16" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" class="w1 h1 mr1"><path d="M6.70304 5.44182L8.20307 3.94183C8.20307 3.94183 8.70306 3.44183 9.70306 2.44184C10.703 1.44184 12.6038 1.68889 13.4906 2.63706C14.3773 3.58521 14.9958 5.16784 13.7031 6.44183C12.4103 7.71582 10.7031 9.44183 10.7031 9.44183M9.0481 11.1455C9.0481 11.1455 6.93417 13.4418 5.70304 14.4418C4.47192 15.4419 2.73625 14.6589 1.84946 13.7108C0.962682 12.7626 0.495886 11.0305 1.84946 9.73616C3.20304 8.44182 4.70304 6.94182 4.70304 6.94182M10 6.19944L5.5 10.4994"></path></svg>Copy link</div><div role="menuitem" tabindex="-1" title="Embed this cell in a web page" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Embed" data-reach-menu-item="" id="option-7--menu--3723"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="w1 h1 mr1"><path d="M2 6C2 5.44772 2.44772 5 3 5H10C10.5523 5 11 5.44772 11 6V13C11 13.5523 10.5523 14 10 14H3C2.44772 14 2 13.5523 2 13V6Z" stroke="currentColor" stroke-width="2"></path><path d="M4 2.00004L12 2.00001C13.1046 2 14 2.89544 14 4.00001V12" stroke="currentColor" stroke-width="2"></path></svg>Embed</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate hover-dark-red hover-bg-washed-red" data-valuetext="Delete" data-reach-menu-item="" id="option-8--menu--3723"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-label="Delete" class="w1 h1 mr1"><path d="M5 3V5H11V3L5 3ZM3 3V5H1V7H3V13C3 14.1046 3.89543 15 5 15H11C12.1046 15 13 14.1046 13 13V7H15V5H13V3C13 1.89543 12.1046 1 11 1H5C3.89543 1 3 1.89543 3 3ZM5 13V7H7V13H5ZM9 13H11V7H9L9 13Z" fill="currentColor" stroke-width="2" fill-rule="evenodd" clip-rule="evenodd"></path></svg>Delete</div></div></div></reach-portal><reach-portal><div data-reach-popover="" hidden="" data-reach-menu-popover="" style="position: absolute; left: 100.246px; top: 461.254px;"><div aria-labelledby="menu-button--menu--3724" role="menu" tabindex="-1" class="bg-white ba b--silver br2 pv2 shadow-4 outline-0" id="menu--3724" data-reach-menu-items="" style="margin-top: 4px; margin-left: -17px;"><a role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-reach-menu-link="" data-valuetext="extent" data-reach-menu-item="" href="https://observablehq.com/d/b088fa184601c95b#extent" id="option-1--menu--3724"><div class="mw5 code f7 fw5 hover-blue">extent</div></a><div class="bt b--light-silver mv2"></div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Unpin" data-reach-menu-item="" id="option-0--menu--3724"><svg width="16" height="16" fill="currentColor" viewBox="0 0 16 16" class="w1 h1 mr1" aria-label="Unpin"><path d="M8 1h3v1l-1 1v4l2 .875V9H9v5.125L8 15l-1-.875V9H4V7.875L6 7V3L5 2V1z"></path></svg>Unpin</div><div role="menuitem" tabindex="-1" aria-label="Add comment" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Add comment" data-reach-menu-item="" id="option-2--menu--3724"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="w1 h1 mr1" stroke="currentColor" stroke-width="2"><path d="M13 3L9 3L3 3C2.44772 3 2 3.44772 2 4L2 11C2 11.5523 2.44772 12 3 12L7.5 12L9.5 14L11.5 12L13 12C13.5523 12 14 11.5523 14 11L14 4C14 3.44772 13.5523 3 13 3Z"></path><line x1="5" y1="6" x2="10" y2="6"></line><line x1="5" y1="9" x2="11" y2="9"></line></svg>Add comment</div><div role="menuitem" tabindex="-1" title="Copy the code to import this cell" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Copy import" data-reach-menu-item="" id="option-3--menu--3724"><svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" class="w1 h1 mr1"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 2.15771L3.98463 4.50001L5 5.0923L9.01537 2.75001L8 2.15771ZM11 3.90771L6.98463 6.25001L8 6.8423L12.0154 4.50001L11 3.90771ZM13 6.24104L9 8.57438V13.259L13 10.9256V6.24104ZM7 13.259V8.57438L3 6.24104V10.9256L7 13.259ZM7.24419 0.283189C7.71124 0.0107464 8.28876 0.0107473 8.75581 0.283189L14.5039 3.63623C14.8111 3.81544 15 4.14434 15 4.50001V11.2128C15 11.7463 14.7166 12.2397 14.2558 12.5085L8.50387 15.8638C8.19251 16.0454 7.80749 16.0454 7.49613 15.8638L1.74419 12.5085C1.28337 12.2397 1 11.7463 1 11.2128V4.50001C1 4.14434 1.18891 3.81544 1.49613 3.63623L7.24419 0.283189Z"></path></svg>Copy import</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Select" data-reach-menu-item="" id="option-4--menu--3724"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="w1 h1 mr1"><path d="M4.59998 8.5L7.09998 10.6429L11.6 6" stroke="currentColor" stroke-width="2" stroke-linecap="square"></path></svg>Select</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Duplicate" data-reach-menu-item="" id="option-5--menu--3724"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2" stroke-linejoin="round" class="w1 h1 mr1"><path d="M2 9V5.89453C2 5.34225 2.44772 4.89453 3 4.89453H10C10.5523 4.89453 11 5.34225 11 5.89453V13.8945C11 14.4468 10.5523 14.8945 10 14.8945H8"></path><line x1="4" y1="10" x2="4" y2="16"></line><path d="M5 3L5 2.00001L12 2C13.1046 2 14 2.89543 14 4V12H13"></path><line x1="7" y1="13" x2="1" y2="13"></line></svg>Duplicate</div><div role="menuitem" tabindex="-1" title="Copy a link to this cell" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Copy link" data-reach-menu-item="" id="option-6--menu--3724"><svg viewBox="0 0 16 16" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" class="w1 h1 mr1"><path d="M6.70304 5.44182L8.20307 3.94183C8.20307 3.94183 8.70306 3.44183 9.70306 2.44184C10.703 1.44184 12.6038 1.68889 13.4906 2.63706C14.3773 3.58521 14.9958 5.16784 13.7031 6.44183C12.4103 7.71582 10.7031 9.44183 10.7031 9.44183M9.0481 11.1455C9.0481 11.1455 6.93417 13.4418 5.70304 14.4418C4.47192 15.4419 2.73625 14.6589 1.84946 13.7108C0.962682 12.7626 0.495886 11.0305 1.84946 9.73616C3.20304 8.44182 4.70304 6.94182 4.70304 6.94182M10 6.19944L5.5 10.4994"></path></svg>Copy link</div><div role="menuitem" tabindex="-1" title="Embed this cell in a web page" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Embed" data-reach-menu-item="" id="option-7--menu--3724"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="w1 h1 mr1"><path d="M2 6C2 5.44772 2.44772 5 3 5H10C10.5523 5 11 5.44772 11 6V13C11 13.5523 10.5523 14 10 14H3C2.44772 14 2 13.5523 2 13V6Z" stroke="currentColor" stroke-width="2"></path><path d="M4 2.00004L12 2.00001C13.1046 2 14 2.89544 14 4.00001V12" stroke="currentColor" stroke-width="2"></path></svg>Embed</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate hover-dark-red hover-bg-washed-red" data-valuetext="Delete" data-reach-menu-item="" id="option-8--menu--3724"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-label="Delete" class="w1 h1 mr1"><path d="M5 3V5H11V3L5 3ZM3 3V5H1V7H3V13C3 14.1046 3.89543 15 5 15H11C12.1046 15 13 14.1046 13 13V7H15V5H13V3C13 1.89543 12.1046 1 11 1H5C3.89543 1 3 1.89543 3 3ZM5 13V7H7V13H5ZM9 13H11V7H9L9 13Z" fill="currentColor" stroke-width="2" fill-rule="evenodd" clip-rule="evenodd"></path></svg>Delete</div></div></div></reach-portal><reach-portal><div data-reach-popover="" hidden="" data-reach-menu-popover="" style="position: absolute; left: 100.246px; top: 507.239px;"><div aria-labelledby="menu-button--menu--3725" role="menu" tabindex="-1" class="bg-white ba b--silver br2 pv2 shadow-4 outline-0" id="menu--3725" data-reach-menu-items="" style="margin-top: 4px; margin-left: -17px;"><a role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-reach-menu-link="" data-valuetext="create" data-reach-menu-item="" href="https://observablehq.com/d/b088fa184601c95b#create" id="option-1--menu--3725"><div class="mw5 code f7 fw5 hover-blue">create</div></a><div class="bt b--light-silver mv2"></div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Unpin" data-reach-menu-item="" id="option-0--menu--3725"><svg width="16" height="16" fill="currentColor" viewBox="0 0 16 16" class="w1 h1 mr1" aria-label="Unpin"><path d="M8 1h3v1l-1 1v4l2 .875V9H9v5.125L8 15l-1-.875V9H4V7.875L6 7V3L5 2V1z"></path></svg>Unpin</div><div role="menuitem" tabindex="-1" aria-label="Add comment" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Add comment" data-reach-menu-item="" id="option-2--menu--3725"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="w1 h1 mr1" stroke="currentColor" stroke-width="2"><path d="M13 3L9 3L3 3C2.44772 3 2 3.44772 2 4L2 11C2 11.5523 2.44772 12 3 12L7.5 12L9.5 14L11.5 12L13 12C13.5523 12 14 11.5523 14 11L14 4C14 3.44772 13.5523 3 13 3Z"></path><line x1="5" y1="6" x2="10" y2="6"></line><line x1="5" y1="9" x2="11" y2="9"></line></svg>Add comment</div><div role="menuitem" tabindex="-1" title="Copy the code to import this cell" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Copy import" data-reach-menu-item="" id="option-3--menu--3725"><svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" class="w1 h1 mr1"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 2.15771L3.98463 4.50001L5 5.0923L9.01537 2.75001L8 2.15771ZM11 3.90771L6.98463 6.25001L8 6.8423L12.0154 4.50001L11 3.90771ZM13 6.24104L9 8.57438V13.259L13 10.9256V6.24104ZM7 13.259V8.57438L3 6.24104V10.9256L7 13.259ZM7.24419 0.283189C7.71124 0.0107464 8.28876 0.0107473 8.75581 0.283189L14.5039 3.63623C14.8111 3.81544 15 4.14434 15 4.50001V11.2128C15 11.7463 14.7166 12.2397 14.2558 12.5085L8.50387 15.8638C8.19251 16.0454 7.80749 16.0454 7.49613 15.8638L1.74419 12.5085C1.28337 12.2397 1 11.7463 1 11.2128V4.50001C1 4.14434 1.18891 3.81544 1.49613 3.63623L7.24419 0.283189Z"></path></svg>Copy import</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Select" data-reach-menu-item="" id="option-4--menu--3725"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="w1 h1 mr1"><path d="M4.59998 8.5L7.09998 10.6429L11.6 6" stroke="currentColor" stroke-width="2" stroke-linecap="square"></path></svg>Select</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Duplicate" data-reach-menu-item="" id="option-5--menu--3725"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2" stroke-linejoin="round" class="w1 h1 mr1"><path d="M2 9V5.89453C2 5.34225 2.44772 4.89453 3 4.89453H10C10.5523 4.89453 11 5.34225 11 5.89453V13.8945C11 14.4468 10.5523 14.8945 10 14.8945H8"></path><line x1="4" y1="10" x2="4" y2="16"></line><path d="M5 3L5 2.00001L12 2C13.1046 2 14 2.89543 14 4V12H13"></path><line x1="7" y1="13" x2="1" y2="13"></line></svg>Duplicate</div><div role="menuitem" tabindex="-1" title="Copy a link to this cell" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Copy link" data-reach-menu-item="" id="option-6--menu--3725"><svg viewBox="0 0 16 16" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" class="w1 h1 mr1"><path d="M6.70304 5.44182L8.20307 3.94183C8.20307 3.94183 8.70306 3.44183 9.70306 2.44184C10.703 1.44184 12.6038 1.68889 13.4906 2.63706C14.3773 3.58521 14.9958 5.16784 13.7031 6.44183C12.4103 7.71582 10.7031 9.44183 10.7031 9.44183M9.0481 11.1455C9.0481 11.1455 6.93417 13.4418 5.70304 14.4418C4.47192 15.4419 2.73625 14.6589 1.84946 13.7108C0.962682 12.7626 0.495886 11.0305 1.84946 9.73616C3.20304 8.44182 4.70304 6.94182 4.70304 6.94182M10 6.19944L5.5 10.4994"></path></svg>Copy link</div><div role="menuitem" tabindex="-1" title="Embed this cell in a web page" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Embed" data-reach-menu-item="" id="option-7--menu--3725"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="w1 h1 mr1"><path d="M2 6C2 5.44772 2.44772 5 3 5H10C10.5523 5 11 5.44772 11 6V13C11 13.5523 10.5523 14 10 14H3C2.44772 14 2 13.5523 2 13V6Z" stroke="currentColor" stroke-width="2"></path><path d="M4 2.00004L12 2.00001C13.1046 2 14 2.89544 14 4.00001V12" stroke="currentColor" stroke-width="2"></path></svg>Embed</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate hover-dark-red hover-bg-washed-red" data-valuetext="Delete" data-reach-menu-item="" id="option-8--menu--3725"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-label="Delete" class="w1 h1 mr1"><path d="M5 3V5H11V3L5 3ZM3 3V5H1V7H3V13C3 14.1046 3.89543 15 5 15H11C12.1046 15 13 14.1046 13 13V7H15V5H13V3C13 1.89543 12.1046 1 11 1H5C3.89543 1 3 1.89543 3 3ZM5 13V7H7V13H5ZM9 13H11V7H9L9 13Z" fill="currentColor" stroke-width="2" fill-rule="evenodd" clip-rule="evenodd"></path></svg>Delete</div></div></div></reach-portal><reach-portal><div data-reach-popover="" hidden="" data-reach-menu-popover="" style="position: absolute; left: 100.246px; top: 553.223px;"><div aria-labelledby="menu-button--menu--3726" role="menu" tabindex="-1" class="bg-white ba b--silver br2 pv2 shadow-4 outline-0" id="menu--3726" data-reach-menu-items="" style="margin-top: 4px; margin-left: -17px;"><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Edit" data-reach-menu-item="" id="option-1--menu--3726"><svg width="16" height="17" viewBox="0 0 16 17" fill="none" class="w1 h1 mr1"><path fill-rule="evenodd" clip-rule="evenodd" d="M1 14C1 13.4477 1.44772 13 2 13L4 13C4.55228 13 5 13.4477 5 14C5 14.5523 4.55228 15 4 15L2 15C1.44772 15 1 14.5523 1 14Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M10.884 3.65785L7.78484 10.3041L8.12765 11.9351L9.59745 11.1493L12.6967 4.50309L10.884 3.65785ZM10.823 1.42262C10.3224 1.18921 9.72744 1.40577 9.49404 1.90631L5.83135 9.76098C5.7399 9.95707 5.71453 10.1775 5.75904 10.3893L6.44467 13.6513C6.5818 14.3038 7.30684 14.6418 7.89476 14.3275L10.8344 12.7559C11.0252 12.6539 11.1778 12.4928 11.2692 12.2967L14.9319 4.44202C15.1653 3.94148 14.9487 3.3465 14.4482 3.11309L10.823 1.42262Z" fill="currentColor"></path></svg>Edit</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Pin" data-reach-menu-item="" id="option-0--menu--3726"><svg width="16" height="16" fill="currentColor" viewBox="0 0 16 16" class="w1 h1 mr1" aria-label="Pin"><path d="M8 1h3v1l-1 1v4l2 .875V9H9v5.125L8 15l-1-.875V9H4V7.875L6 7V3L5 2V1z"></path></svg>Pin</div><div role="menuitem" tabindex="-1" aria-label="Add comment" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Add comment" data-reach-menu-item="" id="option-2--menu--3726"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="w1 h1 mr1" stroke="currentColor" stroke-width="2"><path d="M13 3L9 3L3 3C2.44772 3 2 3.44772 2 4L2 11C2 11.5523 2.44772 12 3 12L7.5 12L9.5 14L11.5 12L13 12C13.5523 12 14 11.5523 14 11L14 4C14 3.44772 13.5523 3 13 3Z"></path><line x1="5" y1="6" x2="10" y2="6"></line><line x1="5" y1="9" x2="11" y2="9"></line></svg>Add comment</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Select" data-reach-menu-item="" id="option-3--menu--3726"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="w1 h1 mr1"><path d="M4.59998 8.5L7.09998 10.6429L11.6 6" stroke="currentColor" stroke-width="2" stroke-linecap="square"></path></svg>Select</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Duplicate" data-reach-menu-item="" id="option-4--menu--3726"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2" stroke-linejoin="round" class="w1 h1 mr1"><path d="M2 9V5.89453C2 5.34225 2.44772 4.89453 3 4.89453H10C10.5523 4.89453 11 5.34225 11 5.89453V13.8945C11 14.4468 10.5523 14.8945 10 14.8945H8"></path><line x1="4" y1="10" x2="4" y2="16"></line><path d="M5 3L5 2.00001L12 2C13.1046 2 14 2.89543 14 4V12H13"></path><line x1="7" y1="13" x2="1" y2="13"></line></svg>Duplicate</div><div role="menuitem" tabindex="-1" title="Copy a link to this cell" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Copy link" data-reach-menu-item="" id="option-5--menu--3726"><svg viewBox="0 0 16 16" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" class="w1 h1 mr1"><path d="M6.70304 5.44182L8.20307 3.94183C8.20307 3.94183 8.70306 3.44183 9.70306 2.44184C10.703 1.44184 12.6038 1.68889 13.4906 2.63706C14.3773 3.58521 14.9958 5.16784 13.7031 6.44183C12.4103 7.71582 10.7031 9.44183 10.7031 9.44183M9.0481 11.1455C9.0481 11.1455 6.93417 13.4418 5.70304 14.4418C4.47192 15.4419 2.73625 14.6589 1.84946 13.7108C0.962682 12.7626 0.495886 11.0305 1.84946 9.73616C3.20304 8.44182 4.70304 6.94182 4.70304 6.94182M10 6.19944L5.5 10.4994"></path></svg>Copy link</div><div role="menuitem" tabindex="-1" title="Name this cell to embed" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-disabled="" data-valuetext="Embed" aria-disabled="true" data-reach-menu-item="" id="option-6--menu--3726"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="w1 h1 mr1"><path d="M2 6C2 5.44772 2.44772 5 3 5H10C10.5523 5 11 5.44772 11 6V13C11 13.5523 10.5523 14 10 14H3C2.44772 14 2 13.5523 2 13V6Z" stroke="currentColor" stroke-width="2"></path><path d="M4 2.00004L12 2.00001C13.1046 2 14 2.89544 14 4.00001V12" stroke="currentColor" stroke-width="2"></path></svg>Embed</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate hover-dark-red hover-bg-washed-red" data-valuetext="Delete" data-reach-menu-item="" id="option-7--menu--3726"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-label="Delete" class="w1 h1 mr1"><path d="M5 3V5H11V3L5 3ZM3 3V5H1V7H3V13C3 14.1046 3.89543 15 5 15H11C12.1046 15 13 14.1046 13 13V7H15V5H13V3C13 1.89543 12.1046 1 11 1H5C3.89543 1 3 1.89543 3 3ZM5 13V7H7V13H5ZM9 13H11V7H9L9 13Z" fill="currentColor" stroke-width="2" fill-rule="evenodd" clip-rule="evenodd"></path></svg>Delete</div></div></div></reach-portal><reach-portal><div data-reach-popover="" hidden="" data-reach-menu-popover="" style="position: absolute; left: 100.246px; top: 553.223px;"><div aria-labelledby="menu-button--menu--3727" role="menu" tabindex="-1" class="bg-white ba b--silver br2 pv2 shadow-4 outline-0" id="menu--3727" data-reach-menu-items="" style="margin-top: 4px; margin-left: -17px;"><a role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-reach-menu-link="" data-valuetext="graph2" data-reach-menu-item="" href="https://observablehq.com/d/b088fa184601c95b#graph2" id="option-1--menu--3727"><div class="mw5 code f7 fw5 hover-blue">graph2</div></a><div class="bt b--light-silver mv2"></div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Unpin" data-reach-menu-item="" id="option-0--menu--3727"><svg width="16" height="16" fill="currentColor" viewBox="0 0 16 16" class="w1 h1 mr1" aria-label="Unpin"><path d="M8 1h3v1l-1 1v4l2 .875V9H9v5.125L8 15l-1-.875V9H4V7.875L6 7V3L5 2V1z"></path></svg>Unpin</div><div role="menuitem" tabindex="-1" aria-label="Add comment" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Add comment" data-reach-menu-item="" id="option-2--menu--3727"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="w1 h1 mr1" stroke="currentColor" stroke-width="2"><path d="M13 3L9 3L3 3C2.44772 3 2 3.44772 2 4L2 11C2 11.5523 2.44772 12 3 12L7.5 12L9.5 14L11.5 12L13 12C13.5523 12 14 11.5523 14 11L14 4C14 3.44772 13.5523 3 13 3Z"></path><line x1="5" y1="6" x2="10" y2="6"></line><line x1="5" y1="9" x2="11" y2="9"></line></svg>Add comment</div><div role="menuitem" tabindex="-1" title="Copy the code to import this cell" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Copy import" data-reach-menu-item="" id="option-3--menu--3727"><svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" class="w1 h1 mr1"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 2.15771L3.98463 4.50001L5 5.0923L9.01537 2.75001L8 2.15771ZM11 3.90771L6.98463 6.25001L8 6.8423L12.0154 4.50001L11 3.90771ZM13 6.24104L9 8.57438V13.259L13 10.9256V6.24104ZM7 13.259V8.57438L3 6.24104V10.9256L7 13.259ZM7.24419 0.283189C7.71124 0.0107464 8.28876 0.0107473 8.75581 0.283189L14.5039 3.63623C14.8111 3.81544 15 4.14434 15 4.50001V11.2128C15 11.7463 14.7166 12.2397 14.2558 12.5085L8.50387 15.8638C8.19251 16.0454 7.80749 16.0454 7.49613 15.8638L1.74419 12.5085C1.28337 12.2397 1 11.7463 1 11.2128V4.50001C1 4.14434 1.18891 3.81544 1.49613 3.63623L7.24419 0.283189Z"></path></svg>Copy import</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Select" data-reach-menu-item="" id="option-4--menu--3727"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="w1 h1 mr1"><path d="M4.59998 8.5L7.09998 10.6429L11.6 6" stroke="currentColor" stroke-width="2" stroke-linecap="square"></path></svg>Select</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Duplicate" data-reach-menu-item="" id="option-5--menu--3727"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2" stroke-linejoin="round" class="w1 h1 mr1"><path d="M2 9V5.89453C2 5.34225 2.44772 4.89453 3 4.89453H10C10.5523 4.89453 11 5.34225 11 5.89453V13.8945C11 14.4468 10.5523 14.8945 10 14.8945H8"></path><line x1="4" y1="10" x2="4" y2="16"></line><path d="M5 3L5 2.00001L12 2C13.1046 2 14 2.89543 14 4V12H13"></path><line x1="7" y1="13" x2="1" y2="13"></line></svg>Duplicate</div><div role="menuitem" tabindex="-1" title="Copy a link to this cell" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Copy link" data-reach-menu-item="" id="option-6--menu--3727"><svg viewBox="0 0 16 16" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" class="w1 h1 mr1"><path d="M6.70304 5.44182L8.20307 3.94183C8.20307 3.94183 8.70306 3.44183 9.70306 2.44184C10.703 1.44184 12.6038 1.68889 13.4906 2.63706C14.3773 3.58521 14.9958 5.16784 13.7031 6.44183C12.4103 7.71582 10.7031 9.44183 10.7031 9.44183M9.0481 11.1455C9.0481 11.1455 6.93417 13.4418 5.70304 14.4418C4.47192 15.4419 2.73625 14.6589 1.84946 13.7108C0.962682 12.7626 0.495886 11.0305 1.84946 9.73616C3.20304 8.44182 4.70304 6.94182 4.70304 6.94182M10 6.19944L5.5 10.4994"></path></svg>Copy link</div><div role="menuitem" tabindex="-1" title="Embed this cell in a web page" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Embed" data-reach-menu-item="" id="option-7--menu--3727"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="w1 h1 mr1"><path d="M2 6C2 5.44772 2.44772 5 3 5H10C10.5523 5 11 5.44772 11 6V13C11 13.5523 10.5523 14 10 14H3C2.44772 14 2 13.5523 2 13V6Z" stroke="currentColor" stroke-width="2"></path><path d="M4 2.00004L12 2.00001C13.1046 2 14 2.89544 14 4.00001V12" stroke="currentColor" stroke-width="2"></path></svg>Embed</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate hover-dark-red hover-bg-washed-red" data-valuetext="Delete" data-reach-menu-item="" id="option-8--menu--3727"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-label="Delete" class="w1 h1 mr1"><path d="M5 3V5H11V3L5 3ZM3 3V5H1V7H3V13C3 14.1046 3.89543 15 5 15H11C12.1046 15 13 14.1046 13 13V7H15V5H13V3C13 1.89543 12.1046 1 11 1H5C3.89543 1 3 1.89543 3 3ZM5 13V7H7V13H5ZM9 13H11V7H9L9 13Z" fill="currentColor" stroke-width="2" fill-rule="evenodd" clip-rule="evenodd"></path></svg>Delete</div></div></div></reach-portal><reach-portal><div data-reach-popover="" hidden="" data-reach-menu-popover="" style="position: absolute; left: 100.246px; top: 1684.01px;"><div aria-labelledby="menu-button--menu--3728" role="menu" tabindex="-1" class="bg-white ba b--silver br2 pv2 shadow-4 outline-0" id="menu--3728" data-reach-menu-items="" style="margin-top: 4px; margin-left: -17px;"><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Edit" data-reach-menu-item="" id="option-1--menu--3728"><svg width="16" height="17" viewBox="0 0 16 17" fill="none" class="w1 h1 mr1"><path fill-rule="evenodd" clip-rule="evenodd" d="M1 14C1 13.4477 1.44772 13 2 13L4 13C4.55228 13 5 13.4477 5 14C5 14.5523 4.55228 15 4 15L2 15C1.44772 15 1 14.5523 1 14Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M10.884 3.65785L7.78484 10.3041L8.12765 11.9351L9.59745 11.1493L12.6967 4.50309L10.884 3.65785ZM10.823 1.42262C10.3224 1.18921 9.72744 1.40577 9.49404 1.90631L5.83135 9.76098C5.7399 9.95707 5.71453 10.1775 5.75904 10.3893L6.44467 13.6513C6.5818 14.3038 7.30684 14.6418 7.89476 14.3275L10.8344 12.7559C11.0252 12.6539 11.1778 12.4928 11.2692 12.2967L14.9319 4.44202C15.1653 3.94148 14.9487 3.3465 14.4482 3.11309L10.823 1.42262Z" fill="currentColor"></path></svg>Edit</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Pin" data-reach-menu-item="" id="option-0--menu--3728"><svg width="16" height="16" fill="currentColor" viewBox="0 0 16 16" class="w1 h1 mr1" aria-label="Pin"><path d="M8 1h3v1l-1 1v4l2 .875V9H9v5.125L8 15l-1-.875V9H4V7.875L6 7V3L5 2V1z"></path></svg>Pin</div><div role="menuitem" tabindex="-1" aria-label="Add comment" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Add comment" data-reach-menu-item="" id="option-2--menu--3728"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="w1 h1 mr1" stroke="currentColor" stroke-width="2"><path d="M13 3L9 3L3 3C2.44772 3 2 3.44772 2 4L2 11C2 11.5523 2.44772 12 3 12L7.5 12L9.5 14L11.5 12L13 12C13.5523 12 14 11.5523 14 11L14 4C14 3.44772 13.5523 3 13 3Z"></path><line x1="5" y1="6" x2="10" y2="6"></line><line x1="5" y1="9" x2="11" y2="9"></line></svg>Add comment</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Select" data-reach-menu-item="" id="option-3--menu--3728"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="w1 h1 mr1"><path d="M4.59998 8.5L7.09998 10.6429L11.6 6" stroke="currentColor" stroke-width="2" stroke-linecap="square"></path></svg>Select</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Duplicate" data-reach-menu-item="" id="option-4--menu--3728"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2" stroke-linejoin="round" class="w1 h1 mr1"><path d="M2 9V5.89453C2 5.34225 2.44772 4.89453 3 4.89453H10C10.5523 4.89453 11 5.34225 11 5.89453V13.8945C11 14.4468 10.5523 14.8945 10 14.8945H8"></path><line x1="4" y1="10" x2="4" y2="16"></line><path d="M5 3L5 2.00001L12 2C13.1046 2 14 2.89543 14 4V12H13"></path><line x1="7" y1="13" x2="1" y2="13"></line></svg>Duplicate</div><div role="menuitem" tabindex="-1" title="Copy a link to this cell" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Copy link" data-reach-menu-item="" id="option-5--menu--3728"><svg viewBox="0 0 16 16" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" class="w1 h1 mr1"><path d="M6.70304 5.44182L8.20307 3.94183C8.20307 3.94183 8.70306 3.44183 9.70306 2.44184C10.703 1.44184 12.6038 1.68889 13.4906 2.63706C14.3773 3.58521 14.9958 5.16784 13.7031 6.44183C12.4103 7.71582 10.7031 9.44183 10.7031 9.44183M9.0481 11.1455C9.0481 11.1455 6.93417 13.4418 5.70304 14.4418C4.47192 15.4419 2.73625 14.6589 1.84946 13.7108C0.962682 12.7626 0.495886 11.0305 1.84946 9.73616C3.20304 8.44182 4.70304 6.94182 4.70304 6.94182M10 6.19944L5.5 10.4994"></path></svg>Copy link</div><div role="menuitem" tabindex="-1" title="Name this cell to embed" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-disabled="" data-valuetext="Embed" aria-disabled="true" data-reach-menu-item="" id="option-6--menu--3728"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="w1 h1 mr1"><path d="M2 6C2 5.44772 2.44772 5 3 5H10C10.5523 5 11 5.44772 11 6V13C11 13.5523 10.5523 14 10 14H3C2.44772 14 2 13.5523 2 13V6Z" stroke="currentColor" stroke-width="2"></path><path d="M4 2.00004L12 2.00001C13.1046 2 14 2.89544 14 4.00001V12" stroke="currentColor" stroke-width="2"></path></svg>Embed</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate hover-dark-red hover-bg-washed-red" data-valuetext="Delete" data-reach-menu-item="" id="option-7--menu--3728"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-label="Delete" class="w1 h1 mr1"><path d="M5 3V5H11V3L5 3ZM3 3V5H1V7H3V13C3 14.1046 3.89543 15 5 15H11C12.1046 15 13 14.1046 13 13V7H15V5H13V3C13 1.89543 12.1046 1 11 1H5C3.89543 1 3 1.89543 3 3ZM5 13V7H7V13H5ZM9 13H11V7H9L9 13Z" fill="currentColor" stroke-width="2" fill-rule="evenodd" clip-rule="evenodd"></path></svg>Delete</div></div></div></reach-portal><reach-portal><div data-reach-popover="" hidden="" data-reach-menu-popover="" style="position: absolute; left: 100.246px; top: 1684.01px;"><div aria-labelledby="menu-button--menu--3729" role="menu" tabindex="-1" class="bg-white ba b--silver br2 pv2 shadow-4 outline-0" id="menu--3729" data-reach-menu-items="" style="margin-top: 4px; margin-left: -17px;"><a role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-reach-menu-link="" data-valuetext="filtered_data2" data-reach-menu-item="" href="https://observablehq.com/d/b088fa184601c95b#filtered_data2" id="option-1--menu--3729"><div class="mw5 code f7 fw5 hover-blue">filtered_data2</div></a><div class="bt b--light-silver mv2"></div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Unpin" data-reach-menu-item="" id="option-0--menu--3729"><svg width="16" height="16" fill="currentColor" viewBox="0 0 16 16" class="w1 h1 mr1" aria-label="Unpin"><path d="M8 1h3v1l-1 1v4l2 .875V9H9v5.125L8 15l-1-.875V9H4V7.875L6 7V3L5 2V1z"></path></svg>Unpin</div><div role="menuitem" tabindex="-1" aria-label="Add comment" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Add comment" data-reach-menu-item="" id="option-2--menu--3729"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="w1 h1 mr1" stroke="currentColor" stroke-width="2"><path d="M13 3L9 3L3 3C2.44772 3 2 3.44772 2 4L2 11C2 11.5523 2.44772 12 3 12L7.5 12L9.5 14L11.5 12L13 12C13.5523 12 14 11.5523 14 11L14 4C14 3.44772 13.5523 3 13 3Z"></path><line x1="5" y1="6" x2="10" y2="6"></line><line x1="5" y1="9" x2="11" y2="9"></line></svg>Add comment</div><div role="menuitem" tabindex="-1" title="Copy the code to import this cell" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Copy import" data-reach-menu-item="" id="option-3--menu--3729"><svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" class="w1 h1 mr1"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 2.15771L3.98463 4.50001L5 5.0923L9.01537 2.75001L8 2.15771ZM11 3.90771L6.98463 6.25001L8 6.8423L12.0154 4.50001L11 3.90771ZM13 6.24104L9 8.57438V13.259L13 10.9256V6.24104ZM7 13.259V8.57438L3 6.24104V10.9256L7 13.259ZM7.24419 0.283189C7.71124 0.0107464 8.28876 0.0107473 8.75581 0.283189L14.5039 3.63623C14.8111 3.81544 15 4.14434 15 4.50001V11.2128C15 11.7463 14.7166 12.2397 14.2558 12.5085L8.50387 15.8638C8.19251 16.0454 7.80749 16.0454 7.49613 15.8638L1.74419 12.5085C1.28337 12.2397 1 11.7463 1 11.2128V4.50001C1 4.14434 1.18891 3.81544 1.49613 3.63623L7.24419 0.283189Z"></path></svg>Copy import</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Select" data-reach-menu-item="" id="option-4--menu--3729"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="w1 h1 mr1"><path d="M4.59998 8.5L7.09998 10.6429L11.6 6" stroke="currentColor" stroke-width="2" stroke-linecap="square"></path></svg>Select</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Duplicate" data-reach-menu-item="" id="option-5--menu--3729"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2" stroke-linejoin="round" class="w1 h1 mr1"><path d="M2 9V5.89453C2 5.34225 2.44772 4.89453 3 4.89453H10C10.5523 4.89453 11 5.34225 11 5.89453V13.8945C11 14.4468 10.5523 14.8945 10 14.8945H8"></path><line x1="4" y1="10" x2="4" y2="16"></line><path d="M5 3L5 2.00001L12 2C13.1046 2 14 2.89543 14 4V12H13"></path><line x1="7" y1="13" x2="1" y2="13"></line></svg>Duplicate</div><div role="menuitem" tabindex="-1" title="Copy a link to this cell" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Copy link" data-reach-menu-item="" id="option-6--menu--3729"><svg viewBox="0 0 16 16" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" class="w1 h1 mr1"><path d="M6.70304 5.44182L8.20307 3.94183C8.20307 3.94183 8.70306 3.44183 9.70306 2.44184C10.703 1.44184 12.6038 1.68889 13.4906 2.63706C14.3773 3.58521 14.9958 5.16784 13.7031 6.44183C12.4103 7.71582 10.7031 9.44183 10.7031 9.44183M9.0481 11.1455C9.0481 11.1455 6.93417 13.4418 5.70304 14.4418C4.47192 15.4419 2.73625 14.6589 1.84946 13.7108C0.962682 12.7626 0.495886 11.0305 1.84946 9.73616C3.20304 8.44182 4.70304 6.94182 4.70304 6.94182M10 6.19944L5.5 10.4994"></path></svg>Copy link</div><div role="menuitem" tabindex="-1" title="Embed this cell in a web page" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Embed" data-reach-menu-item="" id="option-7--menu--3729"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="w1 h1 mr1"><path d="M2 6C2 5.44772 2.44772 5 3 5H10C10.5523 5 11 5.44772 11 6V13C11 13.5523 10.5523 14 10 14H3C2.44772 14 2 13.5523 2 13V6Z" stroke="currentColor" stroke-width="2"></path><path d="M4 2.00004L12 2.00001C13.1046 2 14 2.89544 14 4.00001V12" stroke="currentColor" stroke-width="2"></path></svg>Embed</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate hover-dark-red hover-bg-washed-red" data-valuetext="Delete" data-reach-menu-item="" id="option-8--menu--3729"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-label="Delete" class="w1 h1 mr1"><path d="M5 3V5H11V3L5 3ZM3 3V5H1V7H3V13C3 14.1046 3.89543 15 5 15H11C12.1046 15 13 14.1046 13 13V7H15V5H13V3C13 1.89543 12.1046 1 11 1H5C3.89543 1 3 1.89543 3 3ZM5 13V7H7V13H5ZM9 13H11V7H9L9 13Z" fill="currentColor" stroke-width="2" fill-rule="evenodd" clip-rule="evenodd"></path></svg>Delete</div></div></div></reach-portal><reach-portal><div data-reach-popover="" hidden="" data-reach-menu-popover="" style="position: absolute; left: 100.246px; top: 1834.97px;"><div aria-labelledby="menu-button--menu--3730" role="menu" tabindex="-1" class="bg-white ba b--silver br2 pv2 shadow-4 outline-0" id="menu--3730" data-reach-menu-items="" style="margin-top: 4px; margin-left: -17px;"><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Unpin" data-reach-menu-item="" id="option-0--menu--3730"><svg width="16" height="16" fill="currentColor" viewBox="0 0 16 16" class="w1 h1 mr1" aria-label="Unpin"><path d="M8 1h3v1l-1 1v4l2 .875V9H9v5.125L8 15l-1-.875V9H4V7.875L6 7V3L5 2V1z"></path></svg>Unpin</div><div role="menuitem" tabindex="-1" aria-label="Add comment" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Add comment" data-reach-menu-item="" id="option-1--menu--3730"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="w1 h1 mr1" stroke="currentColor" stroke-width="2"><path d="M13 3L9 3L3 3C2.44772 3 2 3.44772 2 4L2 11C2 11.5523 2.44772 12 3 12L7.5 12L9.5 14L11.5 12L13 12C13.5523 12 14 11.5523 14 11L14 4C14 3.44772 13.5523 3 13 3Z"></path><line x1="5" y1="6" x2="10" y2="6"></line><line x1="5" y1="9" x2="11" y2="9"></line></svg>Add comment</div><div role="menuitem" tabindex="-1" title="Copy the code to import this cell" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Copy import" data-reach-menu-item="" id="option-2--menu--3730"><svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" class="w1 h1 mr1"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 2.15771L3.98463 4.50001L5 5.0923L9.01537 2.75001L8 2.15771ZM11 3.90771L6.98463 6.25001L8 6.8423L12.0154 4.50001L11 3.90771ZM13 6.24104L9 8.57438V13.259L13 10.9256V6.24104ZM7 13.259V8.57438L3 6.24104V10.9256L7 13.259ZM7.24419 0.283189C7.71124 0.0107464 8.28876 0.0107473 8.75581 0.283189L14.5039 3.63623C14.8111 3.81544 15 4.14434 15 4.50001V11.2128C15 11.7463 14.7166 12.2397 14.2558 12.5085L8.50387 15.8638C8.19251 16.0454 7.80749 16.0454 7.49613 15.8638L1.74419 12.5085C1.28337 12.2397 1 11.7463 1 11.2128V4.50001C1 4.14434 1.18891 3.81544 1.49613 3.63623L7.24419 0.283189Z"></path></svg>Copy import</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Select" data-reach-menu-item="" id="option-3--menu--3730"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="w1 h1 mr1"><path d="M4.59998 8.5L7.09998 10.6429L11.6 6" stroke="currentColor" stroke-width="2" stroke-linecap="square"></path></svg>Select</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Duplicate" data-reach-menu-item="" id="option-4--menu--3730"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2" stroke-linejoin="round" class="w1 h1 mr1"><path d="M2 9V5.89453C2 5.34225 2.44772 4.89453 3 4.89453H10C10.5523 4.89453 11 5.34225 11 5.89453V13.8945C11 14.4468 10.5523 14.8945 10 14.8945H8"></path><line x1="4" y1="10" x2="4" y2="16"></line><path d="M5 3L5 2.00001L12 2C13.1046 2 14 2.89543 14 4V12H13"></path><line x1="7" y1="13" x2="1" y2="13"></line></svg>Duplicate</div><div role="menuitem" tabindex="-1" title="Copy a link to this cell" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Copy link" data-reach-menu-item="" id="option-5--menu--3730"><svg viewBox="0 0 16 16" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" class="w1 h1 mr1"><path d="M6.70304 5.44182L8.20307 3.94183C8.20307 3.94183 8.70306 3.44183 9.70306 2.44184C10.703 1.44184 12.6038 1.68889 13.4906 2.63706C14.3773 3.58521 14.9958 5.16784 13.7031 6.44183C12.4103 7.71582 10.7031 9.44183 10.7031 9.44183M9.0481 11.1455C9.0481 11.1455 6.93417 13.4418 5.70304 14.4418C4.47192 15.4419 2.73625 14.6589 1.84946 13.7108C0.962682 12.7626 0.495886 11.0305 1.84946 9.73616C3.20304 8.44182 4.70304 6.94182 4.70304 6.94182M10 6.19944L5.5 10.4994"></path></svg>Copy link</div><div role="menuitem" tabindex="-1" title="Name this cell to embed" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-disabled="" data-valuetext="Embed" aria-disabled="true" data-reach-menu-item="" id="option-6--menu--3730"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="w1 h1 mr1"><path d="M2 6C2 5.44772 2.44772 5 3 5H10C10.5523 5 11 5.44772 11 6V13C11 13.5523 10.5523 14 10 14H3C2.44772 14 2 13.5523 2 13V6Z" stroke="currentColor" stroke-width="2"></path><path d="M4 2.00004L12 2.00001C13.1046 2 14 2.89544 14 4.00001V12" stroke="currentColor" stroke-width="2"></path></svg>Embed</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate hover-dark-red hover-bg-washed-red" data-valuetext="Delete" data-reach-menu-item="" id="option-7--menu--3730"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-label="Delete" class="w1 h1 mr1"><path d="M5 3V5H11V3L5 3ZM3 3V5H1V7H3V13C3 14.1046 3.89543 15 5 15H11C12.1046 15 13 14.1046 13 13V7H15V5H13V3C13 1.89543 12.1046 1 11 1H5C3.89543 1 3 1.89543 3 3ZM5 13V7H7V13H5ZM9 13H11V7H9L9 13Z" fill="currentColor" stroke-width="2" fill-rule="evenodd" clip-rule="evenodd"></path></svg>Delete</div></div></div></reach-portal><reach-portal><div data-reach-popover="" hidden="" data-reach-menu-popover="" style="position: absolute; left: 100.246px; top: 1880.95px;"><div aria-labelledby="menu-button--menu--3731" role="menu" tabindex="-1" class="bg-white ba b--silver br2 pv2 shadow-4 outline-0" id="menu--3731" data-reach-menu-items="" style="margin-top: 4px; margin-left: -17px;"><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Edit" data-reach-menu-item="" id="option-1--menu--3731"><svg width="16" height="17" viewBox="0 0 16 17" fill="none" class="w1 h1 mr1"><path fill-rule="evenodd" clip-rule="evenodd" d="M1 14C1 13.4477 1.44772 13 2 13L4 13C4.55228 13 5 13.4477 5 14C5 14.5523 4.55228 15 4 15L2 15C1.44772 15 1 14.5523 1 14Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M10.884 3.65785L7.78484 10.3041L8.12765 11.9351L9.59745 11.1493L12.6967 4.50309L10.884 3.65785ZM10.823 1.42262C10.3224 1.18921 9.72744 1.40577 9.49404 1.90631L5.83135 9.76098C5.7399 9.95707 5.71453 10.1775 5.75904 10.3893L6.44467 13.6513C6.5818 14.3038 7.30684 14.6418 7.89476 14.3275L10.8344 12.7559C11.0252 12.6539 11.1778 12.4928 11.2692 12.2967L14.9319 4.44202C15.1653 3.94148 14.9487 3.3465 14.4482 3.11309L10.823 1.42262Z" fill="currentColor"></path></svg>Edit</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Pin" data-reach-menu-item="" id="option-0--menu--3731"><svg width="16" height="16" fill="currentColor" viewBox="0 0 16 16" class="w1 h1 mr1" aria-label="Pin"><path d="M8 1h3v1l-1 1v4l2 .875V9H9v5.125L8 15l-1-.875V9H4V7.875L6 7V3L5 2V1z"></path></svg>Pin</div><div role="menuitem" tabindex="-1" aria-label="Add comment" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Add comment" data-reach-menu-item="" id="option-2--menu--3731"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="w1 h1 mr1" stroke="currentColor" stroke-width="2"><path d="M13 3L9 3L3 3C2.44772 3 2 3.44772 2 4L2 11C2 11.5523 2.44772 12 3 12L7.5 12L9.5 14L11.5 12L13 12C13.5523 12 14 11.5523 14 11L14 4C14 3.44772 13.5523 3 13 3Z"></path><line x1="5" y1="6" x2="10" y2="6"></line><line x1="5" y1="9" x2="11" y2="9"></line></svg>Add comment</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Select" data-reach-menu-item="" id="option-3--menu--3731"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="w1 h1 mr1"><path d="M4.59998 8.5L7.09998 10.6429L11.6 6" stroke="currentColor" stroke-width="2" stroke-linecap="square"></path></svg>Select</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Duplicate" data-reach-menu-item="" id="option-4--menu--3731"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2" stroke-linejoin="round" class="w1 h1 mr1"><path d="M2 9V5.89453C2 5.34225 2.44772 4.89453 3 4.89453H10C10.5523 4.89453 11 5.34225 11 5.89453V13.8945C11 14.4468 10.5523 14.8945 10 14.8945H8"></path><line x1="4" y1="10" x2="4" y2="16"></line><path d="M5 3L5 2.00001L12 2C13.1046 2 14 2.89543 14 4V12H13"></path><line x1="7" y1="13" x2="1" y2="13"></line></svg>Duplicate</div><div role="menuitem" tabindex="-1" title="Copy a link to this cell" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Copy link" data-reach-menu-item="" id="option-5--menu--3731"><svg viewBox="0 0 16 16" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" class="w1 h1 mr1"><path d="M6.70304 5.44182L8.20307 3.94183C8.20307 3.94183 8.70306 3.44183 9.70306 2.44184C10.703 1.44184 12.6038 1.68889 13.4906 2.63706C14.3773 3.58521 14.9958 5.16784 13.7031 6.44183C12.4103 7.71582 10.7031 9.44183 10.7031 9.44183M9.0481 11.1455C9.0481 11.1455 6.93417 13.4418 5.70304 14.4418C4.47192 15.4419 2.73625 14.6589 1.84946 13.7108C0.962682 12.7626 0.495886 11.0305 1.84946 9.73616C3.20304 8.44182 4.70304 6.94182 4.70304 6.94182M10 6.19944L5.5 10.4994"></path></svg>Copy link</div><div role="menuitem" tabindex="-1" title="Name this cell to embed" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-disabled="" data-valuetext="Embed" aria-disabled="true" data-reach-menu-item="" id="option-6--menu--3731"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="w1 h1 mr1"><path d="M2 6C2 5.44772 2.44772 5 3 5H10C10.5523 5 11 5.44772 11 6V13C11 13.5523 10.5523 14 10 14H3C2.44772 14 2 13.5523 2 13V6Z" stroke="currentColor" stroke-width="2"></path><path d="M4 2.00004L12 2.00001C13.1046 2 14 2.89544 14 4.00001V12" stroke="currentColor" stroke-width="2"></path></svg>Embed</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate hover-dark-red hover-bg-washed-red" data-valuetext="Delete" data-reach-menu-item="" id="option-7--menu--3731"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-label="Delete" class="w1 h1 mr1"><path d="M5 3V5H11V3L5 3ZM3 3V5H1V7H3V13C3 14.1046 3.89543 15 5 15H11C12.1046 15 13 14.1046 13 13V7H15V5H13V3C13 1.89543 12.1046 1 11 1H5C3.89543 1 3 1.89543 3 3ZM5 13V7H7V13H5ZM9 13H11V7H9L9 13Z" fill="currentColor" stroke-width="2" fill-rule="evenodd" clip-rule="evenodd"></path></svg>Delete</div></div></div></reach-portal><reach-portal><div data-reach-popover="" hidden="" data-reach-menu-popover="" style="position: absolute; left: 100.246px; top: 1880.95px;"><div aria-labelledby="menu-button--menu--3732" role="menu" tabindex="-1" class="bg-white ba b--silver br2 pv2 shadow-4 outline-0" id="menu--3732" data-reach-menu-items="" style="margin-top: 4px; margin-left: -17px;"><a role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-reach-menu-link="" data-valuetext="createForceDirectedGraph" data-reach-menu-item="" href="https://observablehq.com/d/b088fa184601c95b#createForceDirectedGraph" id="option-1--menu--3732"><div class="mw5 code f7 fw5 hover-blue">createForceDirectedGraph</div></a><div class="bt b--light-silver mv2"></div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Unpin" data-reach-menu-item="" id="option-0--menu--3732"><svg width="16" height="16" fill="currentColor" viewBox="0 0 16 16" class="w1 h1 mr1" aria-label="Unpin"><path d="M8 1h3v1l-1 1v4l2 .875V9H9v5.125L8 15l-1-.875V9H4V7.875L6 7V3L5 2V1z"></path></svg>Unpin</div><div role="menuitem" tabindex="-1" aria-label="Add comment" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Add comment" data-reach-menu-item="" id="option-2--menu--3732"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="w1 h1 mr1" stroke="currentColor" stroke-width="2"><path d="M13 3L9 3L3 3C2.44772 3 2 3.44772 2 4L2 11C2 11.5523 2.44772 12 3 12L7.5 12L9.5 14L11.5 12L13 12C13.5523 12 14 11.5523 14 11L14 4C14 3.44772 13.5523 3 13 3Z"></path><line x1="5" y1="6" x2="10" y2="6"></line><line x1="5" y1="9" x2="11" y2="9"></line></svg>Add comment</div><div role="menuitem" tabindex="-1" title="Copy the code to import this cell" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Copy import" data-reach-menu-item="" id="option-3--menu--3732"><svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" class="w1 h1 mr1"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 2.15771L3.98463 4.50001L5 5.0923L9.01537 2.75001L8 2.15771ZM11 3.90771L6.98463 6.25001L8 6.8423L12.0154 4.50001L11 3.90771ZM13 6.24104L9 8.57438V13.259L13 10.9256V6.24104ZM7 13.259V8.57438L3 6.24104V10.9256L7 13.259ZM7.24419 0.283189C7.71124 0.0107464 8.28876 0.0107473 8.75581 0.283189L14.5039 3.63623C14.8111 3.81544 15 4.14434 15 4.50001V11.2128C15 11.7463 14.7166 12.2397 14.2558 12.5085L8.50387 15.8638C8.19251 16.0454 7.80749 16.0454 7.49613 15.8638L1.74419 12.5085C1.28337 12.2397 1 11.7463 1 11.2128V4.50001C1 4.14434 1.18891 3.81544 1.49613 3.63623L7.24419 0.283189Z"></path></svg>Copy import</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Select" data-reach-menu-item="" id="option-4--menu--3732"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="w1 h1 mr1"><path d="M4.59998 8.5L7.09998 10.6429L11.6 6" stroke="currentColor" stroke-width="2" stroke-linecap="square"></path></svg>Select</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Duplicate" data-reach-menu-item="" id="option-5--menu--3732"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2" stroke-linejoin="round" class="w1 h1 mr1"><path d="M2 9V5.89453C2 5.34225 2.44772 4.89453 3 4.89453H10C10.5523 4.89453 11 5.34225 11 5.89453V13.8945C11 14.4468 10.5523 14.8945 10 14.8945H8"></path><line x1="4" y1="10" x2="4" y2="16"></line><path d="M5 3L5 2.00001L12 2C13.1046 2 14 2.89543 14 4V12H13"></path><line x1="7" y1="13" x2="1" y2="13"></line></svg>Duplicate</div><div role="menuitem" tabindex="-1" title="Copy a link to this cell" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Copy link" data-reach-menu-item="" id="option-6--menu--3732"><svg viewBox="0 0 16 16" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" class="w1 h1 mr1"><path d="M6.70304 5.44182L8.20307 3.94183C8.20307 3.94183 8.70306 3.44183 9.70306 2.44184C10.703 1.44184 12.6038 1.68889 13.4906 2.63706C14.3773 3.58521 14.9958 5.16784 13.7031 6.44183C12.4103 7.71582 10.7031 9.44183 10.7031 9.44183M9.0481 11.1455C9.0481 11.1455 6.93417 13.4418 5.70304 14.4418C4.47192 15.4419 2.73625 14.6589 1.84946 13.7108C0.962682 12.7626 0.495886 11.0305 1.84946 9.73616C3.20304 8.44182 4.70304 6.94182 4.70304 6.94182M10 6.19944L5.5 10.4994"></path></svg>Copy link</div><div role="menuitem" tabindex="-1" title="Embed this cell in a web page" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Embed" data-reach-menu-item="" id="option-7--menu--3732"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="w1 h1 mr1"><path d="M2 6C2 5.44772 2.44772 5 3 5H10C10.5523 5 11 5.44772 11 6V13C11 13.5523 10.5523 14 10 14H3C2.44772 14 2 13.5523 2 13V6Z" stroke="currentColor" stroke-width="2"></path><path d="M4 2.00004L12 2.00001C13.1046 2 14 2.89544 14 4.00001V12" stroke="currentColor" stroke-width="2"></path></svg>Embed</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate hover-dark-red hover-bg-washed-red" data-valuetext="Delete" data-reach-menu-item="" id="option-8--menu--3732"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-label="Delete" class="w1 h1 mr1"><path d="M5 3V5H11V3L5 3ZM3 3V5H1V7H3V13C3 14.1046 3.89543 15 5 15H11C12.1046 15 13 14.1046 13 13V7H15V5H13V3C13 1.89543 12.1046 1 11 1H5C3.89543 1 3 1.89543 3 3ZM5 13V7H7V13H5ZM9 13H11V7H9L9 13Z" fill="currentColor" stroke-width="2" fill-rule="evenodd" clip-rule="evenodd"></path></svg>Delete</div></div></div></reach-portal><reach-portal><div data-reach-popover="" hidden="" data-reach-menu-popover="" style="position: absolute; left: 100.246px; top: 2955.73px;"><div aria-labelledby="menu-button--menu--3733" role="menu" tabindex="-1" class="bg-white ba b--silver br2 pv2 shadow-4 outline-0" id="menu--3733" data-reach-menu-items="" style="margin-top: 4px; margin-left: -17px;"><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Edit" data-reach-menu-item="" id="option-1--menu--3733"><svg width="16" height="17" viewBox="0 0 16 17" fill="none" class="w1 h1 mr1"><path fill-rule="evenodd" clip-rule="evenodd" d="M1 14C1 13.4477 1.44772 13 2 13L4 13C4.55228 13 5 13.4477 5 14C5 14.5523 4.55228 15 4 15L2 15C1.44772 15 1 14.5523 1 14Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M10.884 3.65785L7.78484 10.3041L8.12765 11.9351L9.59745 11.1493L12.6967 4.50309L10.884 3.65785ZM10.823 1.42262C10.3224 1.18921 9.72744 1.40577 9.49404 1.90631L5.83135 9.76098C5.7399 9.95707 5.71453 10.1775 5.75904 10.3893L6.44467 13.6513C6.5818 14.3038 7.30684 14.6418 7.89476 14.3275L10.8344 12.7559C11.0252 12.6539 11.1778 12.4928 11.2692 12.2967L14.9319 4.44202C15.1653 3.94148 14.9487 3.3465 14.4482 3.11309L10.823 1.42262Z" fill="currentColor"></path></svg>Edit</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Pin" data-reach-menu-item="" id="option-0--menu--3733"><svg width="16" height="16" fill="currentColor" viewBox="0 0 16 16" class="w1 h1 mr1" aria-label="Pin"><path d="M8 1h3v1l-1 1v4l2 .875V9H9v5.125L8 15l-1-.875V9H4V7.875L6 7V3L5 2V1z"></path></svg>Pin</div><div role="menuitem" tabindex="-1" aria-label="Add comment" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Add comment" data-reach-menu-item="" id="option-2--menu--3733"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="w1 h1 mr1" stroke="currentColor" stroke-width="2"><path d="M13 3L9 3L3 3C2.44772 3 2 3.44772 2 4L2 11C2 11.5523 2.44772 12 3 12L7.5 12L9.5 14L11.5 12L13 12C13.5523 12 14 11.5523 14 11L14 4C14 3.44772 13.5523 3 13 3Z"></path><line x1="5" y1="6" x2="10" y2="6"></line><line x1="5" y1="9" x2="11" y2="9"></line></svg>Add comment</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Select" data-reach-menu-item="" id="option-3--menu--3733"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="w1 h1 mr1"><path d="M4.59998 8.5L7.09998 10.6429L11.6 6" stroke="currentColor" stroke-width="2" stroke-linecap="square"></path></svg>Select</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Duplicate" data-reach-menu-item="" id="option-4--menu--3733"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2" stroke-linejoin="round" class="w1 h1 mr1"><path d="M2 9V5.89453C2 5.34225 2.44772 4.89453 3 4.89453H10C10.5523 4.89453 11 5.34225 11 5.89453V13.8945C11 14.4468 10.5523 14.8945 10 14.8945H8"></path><line x1="4" y1="10" x2="4" y2="16"></line><path d="M5 3L5 2.00001L12 2C13.1046 2 14 2.89543 14 4V12H13"></path><line x1="7" y1="13" x2="1" y2="13"></line></svg>Duplicate</div><div role="menuitem" tabindex="-1" title="Copy a link to this cell" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Copy link" data-reach-menu-item="" id="option-5--menu--3733"><svg viewBox="0 0 16 16" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" class="w1 h1 mr1"><path d="M6.70304 5.44182L8.20307 3.94183C8.20307 3.94183 8.70306 3.44183 9.70306 2.44184C10.703 1.44184 12.6038 1.68889 13.4906 2.63706C14.3773 3.58521 14.9958 5.16784 13.7031 6.44183C12.4103 7.71582 10.7031 9.44183 10.7031 9.44183M9.0481 11.1455C9.0481 11.1455 6.93417 13.4418 5.70304 14.4418C4.47192 15.4419 2.73625 14.6589 1.84946 13.7108C0.962682 12.7626 0.495886 11.0305 1.84946 9.73616C3.20304 8.44182 4.70304 6.94182 4.70304 6.94182M10 6.19944L5.5 10.4994"></path></svg>Copy link</div><div role="menuitem" tabindex="-1" title="Name this cell to embed" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-disabled="" data-valuetext="Embed" aria-disabled="true" data-reach-menu-item="" id="option-6--menu--3733"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="w1 h1 mr1"><path d="M2 6C2 5.44772 2.44772 5 3 5H10C10.5523 5 11 5.44772 11 6V13C11 13.5523 10.5523 14 10 14H3C2.44772 14 2 13.5523 2 13V6Z" stroke="currentColor" stroke-width="2"></path><path d="M4 2.00004L12 2.00001C13.1046 2 14 2.89544 14 4.00001V12" stroke="currentColor" stroke-width="2"></path></svg>Embed</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate hover-dark-red hover-bg-washed-red" data-valuetext="Delete" data-reach-menu-item="" id="option-7--menu--3733"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-label="Delete" class="w1 h1 mr1"><path d="M5 3V5H11V3L5 3ZM3 3V5H1V7H3V13C3 14.1046 3.89543 15 5 15H11C12.1046 15 13 14.1046 13 13V7H15V5H13V3C13 1.89543 12.1046 1 11 1H5C3.89543 1 3 1.89543 3 3ZM5 13V7H7V13H5ZM9 13H11V7H9L9 13Z" fill="currentColor" stroke-width="2" fill-rule="evenodd" clip-rule="evenodd"></path></svg>Delete</div></div></div></reach-portal><reach-portal><div data-reach-popover="" hidden="" data-reach-menu-popover="" style="position: absolute; left: 100.246px; top: 2955.73px;"><div aria-labelledby="menu-button--menu--3734" role="menu" tabindex="-1" class="bg-white ba b--silver br2 pv2 shadow-4 outline-0" id="menu--3734" data-reach-menu-items="" style="margin-top: 4px; margin-left: -17px;"><a role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-reach-menu-link="" data-valuetext="graph3" data-reach-menu-item="" href="https://observablehq.com/d/b088fa184601c95b#graph3" id="option-1--menu--3734"><div class="mw5 code f7 fw5 hover-blue">graph3</div></a><div class="bt b--light-silver mv2"></div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Unpin" data-reach-menu-item="" id="option-0--menu--3734"><svg width="16" height="16" fill="currentColor" viewBox="0 0 16 16" class="w1 h1 mr1" aria-label="Unpin"><path d="M8 1h3v1l-1 1v4l2 .875V9H9v5.125L8 15l-1-.875V9H4V7.875L6 7V3L5 2V1z"></path></svg>Unpin</div><div role="menuitem" tabindex="-1" aria-label="Add comment" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Add comment" data-reach-menu-item="" id="option-2--menu--3734"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="w1 h1 mr1" stroke="currentColor" stroke-width="2"><path d="M13 3L9 3L3 3C2.44772 3 2 3.44772 2 4L2 11C2 11.5523 2.44772 12 3 12L7.5 12L9.5 14L11.5 12L13 12C13.5523 12 14 11.5523 14 11L14 4C14 3.44772 13.5523 3 13 3Z"></path><line x1="5" y1="6" x2="10" y2="6"></line><line x1="5" y1="9" x2="11" y2="9"></line></svg>Add comment</div><div role="menuitem" tabindex="-1" title="Copy the code to import this cell" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Copy import" data-reach-menu-item="" id="option-3--menu--3734"><svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" class="w1 h1 mr1"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 2.15771L3.98463 4.50001L5 5.0923L9.01537 2.75001L8 2.15771ZM11 3.90771L6.98463 6.25001L8 6.8423L12.0154 4.50001L11 3.90771ZM13 6.24104L9 8.57438V13.259L13 10.9256V6.24104ZM7 13.259V8.57438L3 6.24104V10.9256L7 13.259ZM7.24419 0.283189C7.71124 0.0107464 8.28876 0.0107473 8.75581 0.283189L14.5039 3.63623C14.8111 3.81544 15 4.14434 15 4.50001V11.2128C15 11.7463 14.7166 12.2397 14.2558 12.5085L8.50387 15.8638C8.19251 16.0454 7.80749 16.0454 7.49613 15.8638L1.74419 12.5085C1.28337 12.2397 1 11.7463 1 11.2128V4.50001C1 4.14434 1.18891 3.81544 1.49613 3.63623L7.24419 0.283189Z"></path></svg>Copy import</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Select" data-reach-menu-item="" id="option-4--menu--3734"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="w1 h1 mr1"><path d="M4.59998 8.5L7.09998 10.6429L11.6 6" stroke="currentColor" stroke-width="2" stroke-linecap="square"></path></svg>Select</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Duplicate" data-reach-menu-item="" id="option-5--menu--3734"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2" stroke-linejoin="round" class="w1 h1 mr1"><path d="M2 9V5.89453C2 5.34225 2.44772 4.89453 3 4.89453H10C10.5523 4.89453 11 5.34225 11 5.89453V13.8945C11 14.4468 10.5523 14.8945 10 14.8945H8"></path><line x1="4" y1="10" x2="4" y2="16"></line><path d="M5 3L5 2.00001L12 2C13.1046 2 14 2.89543 14 4V12H13"></path><line x1="7" y1="13" x2="1" y2="13"></line></svg>Duplicate</div><div role="menuitem" tabindex="-1" title="Copy a link to this cell" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Copy link" data-reach-menu-item="" id="option-6--menu--3734"><svg viewBox="0 0 16 16" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" class="w1 h1 mr1"><path d="M6.70304 5.44182L8.20307 3.94183C8.20307 3.94183 8.70306 3.44183 9.70306 2.44184C10.703 1.44184 12.6038 1.68889 13.4906 2.63706C14.3773 3.58521 14.9958 5.16784 13.7031 6.44183C12.4103 7.71582 10.7031 9.44183 10.7031 9.44183M9.0481 11.1455C9.0481 11.1455 6.93417 13.4418 5.70304 14.4418C4.47192 15.4419 2.73625 14.6589 1.84946 13.7108C0.962682 12.7626 0.495886 11.0305 1.84946 9.73616C3.20304 8.44182 4.70304 6.94182 4.70304 6.94182M10 6.19944L5.5 10.4994"></path></svg>Copy link</div><div role="menuitem" tabindex="-1" title="Embed this cell in a web page" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate" data-valuetext="Embed" data-reach-menu-item="" id="option-7--menu--3734"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="w1 h1 mr1"><path d="M2 6C2 5.44772 2.44772 5 3 5H10C10.5523 5 11 5.44772 11 6V13C11 13.5523 10.5523 14 10 14H3C2.44772 14 2 13.5523 2 13V6Z" stroke="currentColor" stroke-width="2"></path><path d="M4 2.00004L12 2.00001C13.1046 2 14 2.89544 14 4.00001V12" stroke="currentColor" stroke-width="2"></path></svg>Embed</div><div role="menuitem" tabindex="-1" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate hover-dark-red hover-bg-washed-red" data-valuetext="Delete" data-reach-menu-item="" id="option-8--menu--3734"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-label="Delete" class="w1 h1 mr1"><path d="M5 3V5H11V3L5 3ZM3 3V5H1V7H3V13C3 14.1046 3.89543 15 5 15H11C12.1046 15 13 14.1046 13 13V7H15V5H13V3C13 1.89543 12.1046 1 11 1H5C3.89543 1 3 1.89543 3 3ZM5 13V7H7V13H5ZM9 13H11V7H9L9 13Z" fill="currentColor" stroke-width="2" fill-rule="evenodd" clip-rule="evenodd"></path></svg>Delete</div></div></div></reach-portal><reach-portal><div data-reach-popover="" hidden="" data-reach-menu-popover="" style="position: absolute; left: 100.246px; top: 286.339px;"><div aria-labelledby="menu-button--menu--3854" role="menu" tabindex="-1" class="bg-white ba b--silver br2 pv2 shadow-4 outline-0" id="menu--3854" data-reach-menu-items="" style="margin-top: 4px; margin-left: -17px;"><div role="menuitem" tabindex="-1" aria-label="editor-menu-JavaScript" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate blue" data-valuetext="JavaScript" data-reach-menu-item="" id="option-0--menu--3854"><span class="w1 h1 mr1"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.9009 13.0686C12.3333 13.6581 11.5224 14 10.5556 14H9.5V12H10.5556C11.0331 12 11.3056 11.8419 11.4602 11.6814C11.6267 11.5085 11.7222 11.2642 11.7222 11V10.5C11.7222 10.2276 11.7301 9.79053 12.14 9C12.5 8.39782 13.25 8 13.25 8C13.25 8 12.4702 7.69361 12.14 7.05676C11.7301 6.26622 11.7222 5.77243 11.7222 5.5V5C11.7222 4.73583 11.6267 4.49147 11.4602 4.31864C11.3056 4.1581 11.0331 4 10.5556 4H9.5L9.5 2H10.5556C11.5224 2 12.3333 2.3419 12.9009 2.93136C13.4567 3.50853 13.7222 4.26417 13.7222 5V5.5C13.7222 5.72757 13.7421 6.14272 13.9155 6.47718C13.9933 6.6271 14.0935 6.74371 14.2303 6.82779C14.3663 6.91136 14.5987 7 15 7V9C14.5987 9 14.3663 9.08864 14.2303 9.17221C14.0935 9.25629 13.9933 9.3729 13.9155 9.52282C13.7421 9.85728 13.7222 10.2724 13.7222 10.5V11C13.7222 11.7358 13.4567 12.4915 12.9009 13.0686Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M3.09912 13.0686C3.66675 13.6581 4.47757 14 5.44444 14H6.5V12H5.44444C4.96688 12 4.69436 11.8419 4.53976 11.6814C4.37334 11.5085 4.27778 11.2642 4.27778 11V10.5C4.27778 10.2276 4.26988 9.79053 3.85998 9C3.5 8.39782 2.75 8 2.75 8C2.75 8 3.52976 7.69361 3.85998 7.05676C4.26988 6.26622 4.27778 5.77243 4.27778 5.5V5C4.27778 4.73583 4.37334 4.49147 4.53976 4.31864C4.69436 4.1581 4.96688 4 5.44444 4H6.5L6.5 2H5.44444C4.47757 2 3.66675 2.3419 3.09912 2.93136C2.54333 3.50853 2.27778 4.26417 2.27778 5V5.5C2.27778 5.72757 2.25789 6.14272 2.08447 6.47718C2.00673 6.6271 1.90646 6.74371 1.7697 6.82779C1.63375 6.91136 1.40134 7 1 7L1 9C1.40134 9 1.63375 9.08864 1.7697 9.17221C1.90646 9.25629 2.00673 9.3729 2.08447 9.52282C2.25789 9.85728 2.27778 10.2724 2.27778 10.5V11C2.27778 11.7358 2.54333 12.4915 3.09912 13.0686Z" fill="currentColor"></path></svg></span>JavaScript<svg width="12" height="16" viewBox="0 0 12 16" fill="none" class="ml1"><path d="M2.59998 8.5L5.09998 10.6429L9.59998 6" stroke="currentColor" stroke-width="2" stroke-linecap="square"></path></svg></div><div role="menuitem" tabindex="-1" aria-label="editor-menu-Markdown" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate dark-gray hover-black" data-valuetext="Markdown" data-reach-menu-item="" id="option-1--menu--3854"><span class="w1 h1 mr1"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="5.5" y="3" width="8.5" height="2" rx="0.5" fill="currentColor"></rect><rect x="2" y="6" width="12" height="2" rx="0.5" fill="currentColor"></rect><rect x="2" y="9" width="12" height="2" rx="0.5" fill="currentColor"></rect><rect x="2" y="12" width="6.5" height="2" rx="0.5" fill="currentColor"></rect></svg></span>Markdown</div><div role="menuitem" tabindex="-1" aria-label="editor-menu-HTML" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate dark-gray hover-black" data-valuetext="HTML" data-reach-menu-item="" id="option-2--menu--3854"><span class="w1 h1 mr1"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10.5 4.5L14 8.25L10.5 12" stroke="currentColor" stroke-width="2" stroke-linejoin="round"></path><path d="M5.5 12L2 8.25L5.5 4.5" stroke="currentColor" stroke-width="2" stroke-linejoin="round"></path></svg></span>HTML</div></div></div></reach-portal><reach-portal><div data-reach-popover="" hidden="" data-reach-menu-popover="" style="position: absolute; left: 100.246px; top: 332.333px;"><div aria-labelledby="menu-button--menu--3856" role="menu" tabindex="-1" class="bg-white ba b--silver br2 pv2 shadow-4 outline-0" id="menu--3856" data-reach-menu-items="" style="margin-top: 4px; margin-left: -17px;"><div role="menuitem" tabindex="-1" aria-label="editor-menu-JavaScript" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate blue" data-valuetext="JavaScript" data-reach-menu-item="" id="option-0--menu--3856"><span class="w1 h1 mr1"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.9009 13.0686C12.3333 13.6581 11.5224 14 10.5556 14H9.5V12H10.5556C11.0331 12 11.3056 11.8419 11.4602 11.6814C11.6267 11.5085 11.7222 11.2642 11.7222 11V10.5C11.7222 10.2276 11.7301 9.79053 12.14 9C12.5 8.39782 13.25 8 13.25 8C13.25 8 12.4702 7.69361 12.14 7.05676C11.7301 6.26622 11.7222 5.77243 11.7222 5.5V5C11.7222 4.73583 11.6267 4.49147 11.4602 4.31864C11.3056 4.1581 11.0331 4 10.5556 4H9.5L9.5 2H10.5556C11.5224 2 12.3333 2.3419 12.9009 2.93136C13.4567 3.50853 13.7222 4.26417 13.7222 5V5.5C13.7222 5.72757 13.7421 6.14272 13.9155 6.47718C13.9933 6.6271 14.0935 6.74371 14.2303 6.82779C14.3663 6.91136 14.5987 7 15 7V9C14.5987 9 14.3663 9.08864 14.2303 9.17221C14.0935 9.25629 13.9933 9.3729 13.9155 9.52282C13.7421 9.85728 13.7222 10.2724 13.7222 10.5V11C13.7222 11.7358 13.4567 12.4915 12.9009 13.0686Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M3.09912 13.0686C3.66675 13.6581 4.47757 14 5.44444 14H6.5V12H5.44444C4.96688 12 4.69436 11.8419 4.53976 11.6814C4.37334 11.5085 4.27778 11.2642 4.27778 11V10.5C4.27778 10.2276 4.26988 9.79053 3.85998 9C3.5 8.39782 2.75 8 2.75 8C2.75 8 3.52976 7.69361 3.85998 7.05676C4.26988 6.26622 4.27778 5.77243 4.27778 5.5V5C4.27778 4.73583 4.37334 4.49147 4.53976 4.31864C4.69436 4.1581 4.96688 4 5.44444 4H6.5L6.5 2H5.44444C4.47757 2 3.66675 2.3419 3.09912 2.93136C2.54333 3.50853 2.27778 4.26417 2.27778 5V5.5C2.27778 5.72757 2.25789 6.14272 2.08447 6.47718C2.00673 6.6271 1.90646 6.74371 1.7697 6.82779C1.63375 6.91136 1.40134 7 1 7L1 9C1.40134 9 1.63375 9.08864 1.7697 9.17221C1.90646 9.25629 2.00673 9.3729 2.08447 9.52282C2.25789 9.85728 2.27778 10.2724 2.27778 10.5V11C2.27778 11.7358 2.54333 12.4915 3.09912 13.0686Z" fill="currentColor"></path></svg></span>JavaScript<svg width="12" height="16" viewBox="0 0 12 16" fill="none" class="ml1"><path d="M2.59998 8.5L5.09998 10.6429L9.59998 6" stroke="currentColor" stroke-width="2" stroke-linecap="square"></path></svg></div><div role="menuitem" tabindex="-1" aria-label="editor-menu-Markdown" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate dark-gray hover-black" data-valuetext="Markdown" data-reach-menu-item="" id="option-1--menu--3856"><span class="w1 h1 mr1"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="5.5" y="3" width="8.5" height="2" rx="0.5" fill="currentColor"></rect><rect x="2" y="6" width="12" height="2" rx="0.5" fill="currentColor"></rect><rect x="2" y="9" width="12" height="2" rx="0.5" fill="currentColor"></rect><rect x="2" y="12" width="6.5" height="2" rx="0.5" fill="currentColor"></rect></svg></span>Markdown</div><div role="menuitem" tabindex="-1" aria-label="editor-menu-HTML" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate dark-gray hover-black" data-valuetext="HTML" data-reach-menu-item="" id="option-2--menu--3856"><span class="w1 h1 mr1"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10.5 4.5L14 8.25L10.5 12" stroke="currentColor" stroke-width="2" stroke-linejoin="round"></path><path d="M5.5 12L2 8.25L5.5 4.5" stroke="currentColor" stroke-width="2" stroke-linejoin="round"></path></svg></span>HTML</div></div></div></reach-portal><reach-portal><div data-reach-popover="" hidden="" data-reach-menu-popover="" style="position: absolute; left: 100.246px; top: 679.294px;"><div aria-labelledby="menu-button--menu--3865" role="menu" tabindex="-1" class="bg-white ba b--silver br2 pv2 shadow-4 outline-0" id="menu--3865" data-reach-menu-items="" style="margin-top: 4px; margin-left: -17px;"><div role="menuitem" tabindex="-1" aria-label="editor-menu-JavaScript" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate blue" data-valuetext="JavaScript" data-reach-menu-item="" id="option-0--menu--3865"><span class="w1 h1 mr1"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.9009 13.0686C12.3333 13.6581 11.5224 14 10.5556 14H9.5V12H10.5556C11.0331 12 11.3056 11.8419 11.4602 11.6814C11.6267 11.5085 11.7222 11.2642 11.7222 11V10.5C11.7222 10.2276 11.7301 9.79053 12.14 9C12.5 8.39782 13.25 8 13.25 8C13.25 8 12.4702 7.69361 12.14 7.05676C11.7301 6.26622 11.7222 5.77243 11.7222 5.5V5C11.7222 4.73583 11.6267 4.49147 11.4602 4.31864C11.3056 4.1581 11.0331 4 10.5556 4H9.5L9.5 2H10.5556C11.5224 2 12.3333 2.3419 12.9009 2.93136C13.4567 3.50853 13.7222 4.26417 13.7222 5V5.5C13.7222 5.72757 13.7421 6.14272 13.9155 6.47718C13.9933 6.6271 14.0935 6.74371 14.2303 6.82779C14.3663 6.91136 14.5987 7 15 7V9C14.5987 9 14.3663 9.08864 14.2303 9.17221C14.0935 9.25629 13.9933 9.3729 13.9155 9.52282C13.7421 9.85728 13.7222 10.2724 13.7222 10.5V11C13.7222 11.7358 13.4567 12.4915 12.9009 13.0686Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M3.09912 13.0686C3.66675 13.6581 4.47757 14 5.44444 14H6.5V12H5.44444C4.96688 12 4.69436 11.8419 4.53976 11.6814C4.37334 11.5085 4.27778 11.2642 4.27778 11V10.5C4.27778 10.2276 4.26988 9.79053 3.85998 9C3.5 8.39782 2.75 8 2.75 8C2.75 8 3.52976 7.69361 3.85998 7.05676C4.26988 6.26622 4.27778 5.77243 4.27778 5.5V5C4.27778 4.73583 4.37334 4.49147 4.53976 4.31864C4.69436 4.1581 4.96688 4 5.44444 4H6.5L6.5 2H5.44444C4.47757 2 3.66675 2.3419 3.09912 2.93136C2.54333 3.50853 2.27778 4.26417 2.27778 5V5.5C2.27778 5.72757 2.25789 6.14272 2.08447 6.47718C2.00673 6.6271 1.90646 6.74371 1.7697 6.82779C1.63375 6.91136 1.40134 7 1 7L1 9C1.40134 9 1.63375 9.08864 1.7697 9.17221C1.90646 9.25629 2.00673 9.3729 2.08447 9.52282C2.25789 9.85728 2.27778 10.2724 2.27778 10.5V11C2.27778 11.7358 2.54333 12.4915 3.09912 13.0686Z" fill="currentColor"></path></svg></span>JavaScript<svg width="12" height="16" viewBox="0 0 12 16" fill="none" class="ml1"><path d="M2.59998 8.5L5.09998 10.6429L9.59998 6" stroke="currentColor" stroke-width="2" stroke-linecap="square"></path></svg></div><div role="menuitem" tabindex="-1" aria-label="editor-menu-Markdown" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate dark-gray hover-black" data-valuetext="Markdown" data-reach-menu-item="" id="option-1--menu--3865"><span class="w1 h1 mr1"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="5.5" y="3" width="8.5" height="2" rx="0.5" fill="currentColor"></rect><rect x="2" y="6" width="12" height="2" rx="0.5" fill="currentColor"></rect><rect x="2" y="9" width="12" height="2" rx="0.5" fill="currentColor"></rect><rect x="2" y="12" width="6.5" height="2" rx="0.5" fill="currentColor"></rect></svg></span>Markdown</div><div role="menuitem" tabindex="-1" aria-label="editor-menu-HTML" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate dark-gray hover-black" data-valuetext="HTML" data-reach-menu-item="" id="option-2--menu--3865"><span class="w1 h1 mr1"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10.5 4.5L14 8.25L10.5 12" stroke="currentColor" stroke-width="2" stroke-linejoin="round"></path><path d="M5.5 12L2 8.25L5.5 4.5" stroke="currentColor" stroke-width="2" stroke-linejoin="round"></path></svg></span>HTML</div></div></div></reach-portal><reach-portal><div data-reach-popover="" hidden="" data-reach-menu-popover="" style="position: absolute; left: 100.246px; top: 725.288px;"><div aria-labelledby="menu-button--menu--3867" role="menu" tabindex="-1" class="bg-white ba b--silver br2 pv2 shadow-4 outline-0" id="menu--3867" data-reach-menu-items="" style="margin-top: 4px; margin-left: -17px;"><div role="menuitem" tabindex="-1" aria-label="editor-menu-JavaScript" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate blue" data-valuetext="JavaScript" data-reach-menu-item="" id="option-0--menu--3867"><span class="w1 h1 mr1"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.9009 13.0686C12.3333 13.6581 11.5224 14 10.5556 14H9.5V12H10.5556C11.0331 12 11.3056 11.8419 11.4602 11.6814C11.6267 11.5085 11.7222 11.2642 11.7222 11V10.5C11.7222 10.2276 11.7301 9.79053 12.14 9C12.5 8.39782 13.25 8 13.25 8C13.25 8 12.4702 7.69361 12.14 7.05676C11.7301 6.26622 11.7222 5.77243 11.7222 5.5V5C11.7222 4.73583 11.6267 4.49147 11.4602 4.31864C11.3056 4.1581 11.0331 4 10.5556 4H9.5L9.5 2H10.5556C11.5224 2 12.3333 2.3419 12.9009 2.93136C13.4567 3.50853 13.7222 4.26417 13.7222 5V5.5C13.7222 5.72757 13.7421 6.14272 13.9155 6.47718C13.9933 6.6271 14.0935 6.74371 14.2303 6.82779C14.3663 6.91136 14.5987 7 15 7V9C14.5987 9 14.3663 9.08864 14.2303 9.17221C14.0935 9.25629 13.9933 9.3729 13.9155 9.52282C13.7421 9.85728 13.7222 10.2724 13.7222 10.5V11C13.7222 11.7358 13.4567 12.4915 12.9009 13.0686Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M3.09912 13.0686C3.66675 13.6581 4.47757 14 5.44444 14H6.5V12H5.44444C4.96688 12 4.69436 11.8419 4.53976 11.6814C4.37334 11.5085 4.27778 11.2642 4.27778 11V10.5C4.27778 10.2276 4.26988 9.79053 3.85998 9C3.5 8.39782 2.75 8 2.75 8C2.75 8 3.52976 7.69361 3.85998 7.05676C4.26988 6.26622 4.27778 5.77243 4.27778 5.5V5C4.27778 4.73583 4.37334 4.49147 4.53976 4.31864C4.69436 4.1581 4.96688 4 5.44444 4H6.5L6.5 2H5.44444C4.47757 2 3.66675 2.3419 3.09912 2.93136C2.54333 3.50853 2.27778 4.26417 2.27778 5V5.5C2.27778 5.72757 2.25789 6.14272 2.08447 6.47718C2.00673 6.6271 1.90646 6.74371 1.7697 6.82779C1.63375 6.91136 1.40134 7 1 7L1 9C1.40134 9 1.63375 9.08864 1.7697 9.17221C1.90646 9.25629 2.00673 9.3729 2.08447 9.52282C2.25789 9.85728 2.27778 10.2724 2.27778 10.5V11C2.27778 11.7358 2.54333 12.4915 3.09912 13.0686Z" fill="currentColor"></path></svg></span>JavaScript<svg width="12" height="16" viewBox="0 0 12 16" fill="none" class="ml1"><path d="M2.59998 8.5L5.09998 10.6429L9.59998 6" stroke="currentColor" stroke-width="2" stroke-linecap="square"></path></svg></div><div role="menuitem" tabindex="-1" aria-label="editor-menu-Markdown" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate dark-gray hover-black" data-valuetext="Markdown" data-reach-menu-item="" id="option-1--menu--3867"><span class="w1 h1 mr1"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="5.5" y="3" width="8.5" height="2" rx="0.5" fill="currentColor"></rect><rect x="2" y="6" width="12" height="2" rx="0.5" fill="currentColor"></rect><rect x="2" y="9" width="12" height="2" rx="0.5" fill="currentColor"></rect><rect x="2" y="12" width="6.5" height="2" rx="0.5" fill="currentColor"></rect></svg></span>Markdown</div><div role="menuitem" tabindex="-1" aria-label="editor-menu-HTML" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate dark-gray hover-black" data-valuetext="HTML" data-reach-menu-item="" id="option-2--menu--3867"><span class="w1 h1 mr1"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10.5 4.5L14 8.25L10.5 12" stroke="currentColor" stroke-width="2" stroke-linejoin="round"></path><path d="M5.5 12L2 8.25L5.5 4.5" stroke="currentColor" stroke-width="2" stroke-linejoin="round"></path></svg></span>HTML</div></div></div></reach-portal><reach-portal><div data-reach-popover="" hidden="" data-reach-menu-popover="" style="position: absolute; left: 100.246px; top: 771.282px;"><div aria-labelledby="menu-button--menu--3869" role="menu" tabindex="-1" class="bg-white ba b--silver br2 pv2 shadow-4 outline-0" id="menu--3869" data-reach-menu-items="" style="margin-top: 4px; margin-left: -17px;"><div role="menuitem" tabindex="-1" aria-label="editor-menu-JavaScript" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate blue" data-valuetext="JavaScript" data-reach-menu-item="" id="option-0--menu--3869"><span class="w1 h1 mr1"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.9009 13.0686C12.3333 13.6581 11.5224 14 10.5556 14H9.5V12H10.5556C11.0331 12 11.3056 11.8419 11.4602 11.6814C11.6267 11.5085 11.7222 11.2642 11.7222 11V10.5C11.7222 10.2276 11.7301 9.79053 12.14 9C12.5 8.39782 13.25 8 13.25 8C13.25 8 12.4702 7.69361 12.14 7.05676C11.7301 6.26622 11.7222 5.77243 11.7222 5.5V5C11.7222 4.73583 11.6267 4.49147 11.4602 4.31864C11.3056 4.1581 11.0331 4 10.5556 4H9.5L9.5 2H10.5556C11.5224 2 12.3333 2.3419 12.9009 2.93136C13.4567 3.50853 13.7222 4.26417 13.7222 5V5.5C13.7222 5.72757 13.7421 6.14272 13.9155 6.47718C13.9933 6.6271 14.0935 6.74371 14.2303 6.82779C14.3663 6.91136 14.5987 7 15 7V9C14.5987 9 14.3663 9.08864 14.2303 9.17221C14.0935 9.25629 13.9933 9.3729 13.9155 9.52282C13.7421 9.85728 13.7222 10.2724 13.7222 10.5V11C13.7222 11.7358 13.4567 12.4915 12.9009 13.0686Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M3.09912 13.0686C3.66675 13.6581 4.47757 14 5.44444 14H6.5V12H5.44444C4.96688 12 4.69436 11.8419 4.53976 11.6814C4.37334 11.5085 4.27778 11.2642 4.27778 11V10.5C4.27778 10.2276 4.26988 9.79053 3.85998 9C3.5 8.39782 2.75 8 2.75 8C2.75 8 3.52976 7.69361 3.85998 7.05676C4.26988 6.26622 4.27778 5.77243 4.27778 5.5V5C4.27778 4.73583 4.37334 4.49147 4.53976 4.31864C4.69436 4.1581 4.96688 4 5.44444 4H6.5L6.5 2H5.44444C4.47757 2 3.66675 2.3419 3.09912 2.93136C2.54333 3.50853 2.27778 4.26417 2.27778 5V5.5C2.27778 5.72757 2.25789 6.14272 2.08447 6.47718C2.00673 6.6271 1.90646 6.74371 1.7697 6.82779C1.63375 6.91136 1.40134 7 1 7L1 9C1.40134 9 1.63375 9.08864 1.7697 9.17221C1.90646 9.25629 2.00673 9.3729 2.08447 9.52282C2.25789 9.85728 2.27778 10.2724 2.27778 10.5V11C2.27778 11.7358 2.54333 12.4915 3.09912 13.0686Z" fill="currentColor"></path></svg></span>JavaScript<svg width="12" height="16" viewBox="0 0 12 16" fill="none" class="ml1"><path d="M2.59998 8.5L5.09998 10.6429L9.59998 6" stroke="currentColor" stroke-width="2" stroke-linecap="square"></path></svg></div><div role="menuitem" tabindex="-1" aria-label="editor-menu-Markdown" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate dark-gray hover-black" data-valuetext="Markdown" data-reach-menu-item="" id="option-1--menu--3869"><span class="w1 h1 mr1"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="5.5" y="3" width="8.5" height="2" rx="0.5" fill="currentColor"></rect><rect x="2" y="6" width="12" height="2" rx="0.5" fill="currentColor"></rect><rect x="2" y="9" width="12" height="2" rx="0.5" fill="currentColor"></rect><rect x="2" y="12" width="6.5" height="2" rx="0.5" fill="currentColor"></rect></svg></span>Markdown</div><div role="menuitem" tabindex="-1" aria-label="editor-menu-HTML" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate dark-gray hover-black" data-valuetext="HTML" data-reach-menu-item="" id="option-2--menu--3869"><span class="w1 h1 mr1"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10.5 4.5L14 8.25L10.5 12" stroke="currentColor" stroke-width="2" stroke-linejoin="round"></path><path d="M5.5 12L2 8.25L5.5 4.5" stroke="currentColor" stroke-width="2" stroke-linejoin="round"></path></svg></span>HTML</div></div></div></reach-portal><reach-portal><div data-reach-popover="" hidden="" data-reach-menu-popover="" style="position: absolute; left: 100.246px; top: 817.276px;"><div aria-labelledby="menu-button--menu--3871" role="menu" tabindex="-1" class="bg-white ba b--silver br2 pv2 shadow-4 outline-0" id="menu--3871" data-reach-menu-items="" style="margin-top: 4px; margin-left: -17px;"><div role="menuitem" tabindex="-1" aria-label="editor-menu-JavaScript" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate blue" data-valuetext="JavaScript" data-reach-menu-item="" id="option-0--menu--3871"><span class="w1 h1 mr1"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.9009 13.0686C12.3333 13.6581 11.5224 14 10.5556 14H9.5V12H10.5556C11.0331 12 11.3056 11.8419 11.4602 11.6814C11.6267 11.5085 11.7222 11.2642 11.7222 11V10.5C11.7222 10.2276 11.7301 9.79053 12.14 9C12.5 8.39782 13.25 8 13.25 8C13.25 8 12.4702 7.69361 12.14 7.05676C11.7301 6.26622 11.7222 5.77243 11.7222 5.5V5C11.7222 4.73583 11.6267 4.49147 11.4602 4.31864C11.3056 4.1581 11.0331 4 10.5556 4H9.5L9.5 2H10.5556C11.5224 2 12.3333 2.3419 12.9009 2.93136C13.4567 3.50853 13.7222 4.26417 13.7222 5V5.5C13.7222 5.72757 13.7421 6.14272 13.9155 6.47718C13.9933 6.6271 14.0935 6.74371 14.2303 6.82779C14.3663 6.91136 14.5987 7 15 7V9C14.5987 9 14.3663 9.08864 14.2303 9.17221C14.0935 9.25629 13.9933 9.3729 13.9155 9.52282C13.7421 9.85728 13.7222 10.2724 13.7222 10.5V11C13.7222 11.7358 13.4567 12.4915 12.9009 13.0686Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M3.09912 13.0686C3.66675 13.6581 4.47757 14 5.44444 14H6.5V12H5.44444C4.96688 12 4.69436 11.8419 4.53976 11.6814C4.37334 11.5085 4.27778 11.2642 4.27778 11V10.5C4.27778 10.2276 4.26988 9.79053 3.85998 9C3.5 8.39782 2.75 8 2.75 8C2.75 8 3.52976 7.69361 3.85998 7.05676C4.26988 6.26622 4.27778 5.77243 4.27778 5.5V5C4.27778 4.73583 4.37334 4.49147 4.53976 4.31864C4.69436 4.1581 4.96688 4 5.44444 4H6.5L6.5 2H5.44444C4.47757 2 3.66675 2.3419 3.09912 2.93136C2.54333 3.50853 2.27778 4.26417 2.27778 5V5.5C2.27778 5.72757 2.25789 6.14272 2.08447 6.47718C2.00673 6.6271 1.90646 6.74371 1.7697 6.82779C1.63375 6.91136 1.40134 7 1 7L1 9C1.40134 9 1.63375 9.08864 1.7697 9.17221C1.90646 9.25629 2.00673 9.3729 2.08447 9.52282C2.25789 9.85728 2.27778 10.2724 2.27778 10.5V11C2.27778 11.7358 2.54333 12.4915 3.09912 13.0686Z" fill="currentColor"></path></svg></span>JavaScript<svg width="12" height="16" viewBox="0 0 12 16" fill="none" class="ml1"><path d="M2.59998 8.5L5.09998 10.6429L9.59998 6" stroke="currentColor" stroke-width="2" stroke-linecap="square"></path></svg></div><div role="menuitem" tabindex="-1" aria-label="editor-menu-Markdown" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate dark-gray hover-black" data-valuetext="Markdown" data-reach-menu-item="" id="option-1--menu--3871"><span class="w1 h1 mr1"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="5.5" y="3" width="8.5" height="2" rx="0.5" fill="currentColor"></rect><rect x="2" y="6" width="12" height="2" rx="0.5" fill="currentColor"></rect><rect x="2" y="9" width="12" height="2" rx="0.5" fill="currentColor"></rect><rect x="2" y="12" width="6.5" height="2" rx="0.5" fill="currentColor"></rect></svg></span>Markdown</div><div role="menuitem" tabindex="-1" aria-label="editor-menu-HTML" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate dark-gray hover-black" data-valuetext="HTML" data-reach-menu-item="" id="option-2--menu--3871"><span class="w1 h1 mr1"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10.5 4.5L14 8.25L10.5 12" stroke="currentColor" stroke-width="2" stroke-linejoin="round"></path><path d="M5.5 12L2 8.25L5.5 4.5" stroke="currentColor" stroke-width="2" stroke-linejoin="round"></path></svg></span>HTML</div></div></div></reach-portal><reach-portal><div data-reach-popover="" hidden="" data-reach-menu-popover="" style="position: absolute; left: 100.246px; top: 863.271px;"><div aria-labelledby="menu-button--menu--3873" role="menu" tabindex="-1" class="bg-white ba b--silver br2 pv2 shadow-4 outline-0" id="menu--3873" data-reach-menu-items="" style="margin-top: 4px; margin-left: -17px;"><div role="menuitem" tabindex="-1" aria-label="editor-menu-JavaScript" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate blue" data-valuetext="JavaScript" data-reach-menu-item="" id="option-0--menu--3873"><span class="w1 h1 mr1"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.9009 13.0686C12.3333 13.6581 11.5224 14 10.5556 14H9.5V12H10.5556C11.0331 12 11.3056 11.8419 11.4602 11.6814C11.6267 11.5085 11.7222 11.2642 11.7222 11V10.5C11.7222 10.2276 11.7301 9.79053 12.14 9C12.5 8.39782 13.25 8 13.25 8C13.25 8 12.4702 7.69361 12.14 7.05676C11.7301 6.26622 11.7222 5.77243 11.7222 5.5V5C11.7222 4.73583 11.6267 4.49147 11.4602 4.31864C11.3056 4.1581 11.0331 4 10.5556 4H9.5L9.5 2H10.5556C11.5224 2 12.3333 2.3419 12.9009 2.93136C13.4567 3.50853 13.7222 4.26417 13.7222 5V5.5C13.7222 5.72757 13.7421 6.14272 13.9155 6.47718C13.9933 6.6271 14.0935 6.74371 14.2303 6.82779C14.3663 6.91136 14.5987 7 15 7V9C14.5987 9 14.3663 9.08864 14.2303 9.17221C14.0935 9.25629 13.9933 9.3729 13.9155 9.52282C13.7421 9.85728 13.7222 10.2724 13.7222 10.5V11C13.7222 11.7358 13.4567 12.4915 12.9009 13.0686Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M3.09912 13.0686C3.66675 13.6581 4.47757 14 5.44444 14H6.5V12H5.44444C4.96688 12 4.69436 11.8419 4.53976 11.6814C4.37334 11.5085 4.27778 11.2642 4.27778 11V10.5C4.27778 10.2276 4.26988 9.79053 3.85998 9C3.5 8.39782 2.75 8 2.75 8C2.75 8 3.52976 7.69361 3.85998 7.05676C4.26988 6.26622 4.27778 5.77243 4.27778 5.5V5C4.27778 4.73583 4.37334 4.49147 4.53976 4.31864C4.69436 4.1581 4.96688 4 5.44444 4H6.5L6.5 2H5.44444C4.47757 2 3.66675 2.3419 3.09912 2.93136C2.54333 3.50853 2.27778 4.26417 2.27778 5V5.5C2.27778 5.72757 2.25789 6.14272 2.08447 6.47718C2.00673 6.6271 1.90646 6.74371 1.7697 6.82779C1.63375 6.91136 1.40134 7 1 7L1 9C1.40134 9 1.63375 9.08864 1.7697 9.17221C1.90646 9.25629 2.00673 9.3729 2.08447 9.52282C2.25789 9.85728 2.27778 10.2724 2.27778 10.5V11C2.27778 11.7358 2.54333 12.4915 3.09912 13.0686Z" fill="currentColor"></path></svg></span>JavaScript<svg width="12" height="16" viewBox="0 0 12 16" fill="none" class="ml1"><path d="M2.59998 8.5L5.09998 10.6429L9.59998 6" stroke="currentColor" stroke-width="2" stroke-linecap="square"></path></svg></div><div role="menuitem" tabindex="-1" aria-label="editor-menu-Markdown" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate dark-gray hover-black" data-valuetext="Markdown" data-reach-menu-item="" id="option-1--menu--3873"><span class="w1 h1 mr1"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="5.5" y="3" width="8.5" height="2" rx="0.5" fill="currentColor"></rect><rect x="2" y="6" width="12" height="2" rx="0.5" fill="currentColor"></rect><rect x="2" y="9" width="12" height="2" rx="0.5" fill="currentColor"></rect><rect x="2" y="12" width="6.5" height="2" rx="0.5" fill="currentColor"></rect></svg></span>Markdown</div><div role="menuitem" tabindex="-1" aria-label="editor-menu-HTML" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate dark-gray hover-black" data-valuetext="HTML" data-reach-menu-item="" id="option-2--menu--3873"><span class="w1 h1 mr1"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10.5 4.5L14 8.25L10.5 12" stroke="currentColor" stroke-width="2" stroke-linejoin="round"></path><path d="M5.5 12L2 8.25L5.5 4.5" stroke="currentColor" stroke-width="2" stroke-linejoin="round"></path></svg></span>HTML</div></div></div></reach-portal><reach-portal><div data-reach-popover="" hidden="" data-reach-menu-popover="" style="position: absolute; left: 100.246px; top: 2648.92px;"><div aria-labelledby="menu-button--menu--3877" role="menu" tabindex="-1" class="bg-white ba b--silver br2 pv2 shadow-4 outline-0" id="menu--3877" data-reach-menu-items="" style="margin-top: 4px; margin-left: -17px;"><div role="menuitem" tabindex="-1" aria-label="editor-menu-JavaScript" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate blue" data-valuetext="JavaScript" data-reach-menu-item="" id="option-0--menu--3877"><span class="w1 h1 mr1"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.9009 13.0686C12.3333 13.6581 11.5224 14 10.5556 14H9.5V12H10.5556C11.0331 12 11.3056 11.8419 11.4602 11.6814C11.6267 11.5085 11.7222 11.2642 11.7222 11V10.5C11.7222 10.2276 11.7301 9.79053 12.14 9C12.5 8.39782 13.25 8 13.25 8C13.25 8 12.4702 7.69361 12.14 7.05676C11.7301 6.26622 11.7222 5.77243 11.7222 5.5V5C11.7222 4.73583 11.6267 4.49147 11.4602 4.31864C11.3056 4.1581 11.0331 4 10.5556 4H9.5L9.5 2H10.5556C11.5224 2 12.3333 2.3419 12.9009 2.93136C13.4567 3.50853 13.7222 4.26417 13.7222 5V5.5C13.7222 5.72757 13.7421 6.14272 13.9155 6.47718C13.9933 6.6271 14.0935 6.74371 14.2303 6.82779C14.3663 6.91136 14.5987 7 15 7V9C14.5987 9 14.3663 9.08864 14.2303 9.17221C14.0935 9.25629 13.9933 9.3729 13.9155 9.52282C13.7421 9.85728 13.7222 10.2724 13.7222 10.5V11C13.7222 11.7358 13.4567 12.4915 12.9009 13.0686Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M3.09912 13.0686C3.66675 13.6581 4.47757 14 5.44444 14H6.5V12H5.44444C4.96688 12 4.69436 11.8419 4.53976 11.6814C4.37334 11.5085 4.27778 11.2642 4.27778 11V10.5C4.27778 10.2276 4.26988 9.79053 3.85998 9C3.5 8.39782 2.75 8 2.75 8C2.75 8 3.52976 7.69361 3.85998 7.05676C4.26988 6.26622 4.27778 5.77243 4.27778 5.5V5C4.27778 4.73583 4.37334 4.49147 4.53976 4.31864C4.69436 4.1581 4.96688 4 5.44444 4H6.5L6.5 2H5.44444C4.47757 2 3.66675 2.3419 3.09912 2.93136C2.54333 3.50853 2.27778 4.26417 2.27778 5V5.5C2.27778 5.72757 2.25789 6.14272 2.08447 6.47718C2.00673 6.6271 1.90646 6.74371 1.7697 6.82779C1.63375 6.91136 1.40134 7 1 7L1 9C1.40134 9 1.63375 9.08864 1.7697 9.17221C1.90646 9.25629 2.00673 9.3729 2.08447 9.52282C2.25789 9.85728 2.27778 10.2724 2.27778 10.5V11C2.27778 11.7358 2.54333 12.4915 3.09912 13.0686Z" fill="currentColor"></path></svg></span>JavaScript<svg width="12" height="16" viewBox="0 0 12 16" fill="none" class="ml1"><path d="M2.59998 8.5L5.09998 10.6429L9.59998 6" stroke="currentColor" stroke-width="2" stroke-linecap="square"></path></svg></div><div role="menuitem" tabindex="-1" aria-label="editor-menu-Markdown" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate dark-gray hover-black" data-valuetext="Markdown" data-reach-menu-item="" id="option-1--menu--3877"><span class="w1 h1 mr1"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="5.5" y="3" width="8.5" height="2" rx="0.5" fill="currentColor"></rect><rect x="2" y="6" width="12" height="2" rx="0.5" fill="currentColor"></rect><rect x="2" y="9" width="12" height="2" rx="0.5" fill="currentColor"></rect><rect x="2" y="12" width="6.5" height="2" rx="0.5" fill="currentColor"></rect></svg></span>Markdown</div><div role="menuitem" tabindex="-1" aria-label="editor-menu-HTML" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate dark-gray hover-black" data-valuetext="HTML" data-reach-menu-item="" id="option-2--menu--3877"><span class="w1 h1 mr1"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10.5 4.5L14 8.25L10.5 12" stroke="currentColor" stroke-width="2" stroke-linejoin="round"></path><path d="M5.5 12L2 8.25L5.5 4.5" stroke="currentColor" stroke-width="2" stroke-linejoin="round"></path></svg></span>HTML</div></div></div></reach-portal><reach-portal><div data-reach-popover="" hidden="" data-reach-menu-popover="" style="position: absolute; left: 100.246px; top: 2799.89px;"><div aria-labelledby="menu-button--menu--3879" role="menu" tabindex="-1" class="bg-white ba b--silver br2 pv2 shadow-4 outline-0" id="menu--3879" data-reach-menu-items="" style="margin-top: 4px; margin-left: -17px;"><div role="menuitem" tabindex="-1" aria-label="editor-menu-JavaScript" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate blue" data-valuetext="JavaScript" data-reach-menu-item="" id="option-0--menu--3879"><span class="w1 h1 mr1"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.9009 13.0686C12.3333 13.6581 11.5224 14 10.5556 14H9.5V12H10.5556C11.0331 12 11.3056 11.8419 11.4602 11.6814C11.6267 11.5085 11.7222 11.2642 11.7222 11V10.5C11.7222 10.2276 11.7301 9.79053 12.14 9C12.5 8.39782 13.25 8 13.25 8C13.25 8 12.4702 7.69361 12.14 7.05676C11.7301 6.26622 11.7222 5.77243 11.7222 5.5V5C11.7222 4.73583 11.6267 4.49147 11.4602 4.31864C11.3056 4.1581 11.0331 4 10.5556 4H9.5L9.5 2H10.5556C11.5224 2 12.3333 2.3419 12.9009 2.93136C13.4567 3.50853 13.7222 4.26417 13.7222 5V5.5C13.7222 5.72757 13.7421 6.14272 13.9155 6.47718C13.9933 6.6271 14.0935 6.74371 14.2303 6.82779C14.3663 6.91136 14.5987 7 15 7V9C14.5987 9 14.3663 9.08864 14.2303 9.17221C14.0935 9.25629 13.9933 9.3729 13.9155 9.52282C13.7421 9.85728 13.7222 10.2724 13.7222 10.5V11C13.7222 11.7358 13.4567 12.4915 12.9009 13.0686Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M3.09912 13.0686C3.66675 13.6581 4.47757 14 5.44444 14H6.5V12H5.44444C4.96688 12 4.69436 11.8419 4.53976 11.6814C4.37334 11.5085 4.27778 11.2642 4.27778 11V10.5C4.27778 10.2276 4.26988 9.79053 3.85998 9C3.5 8.39782 2.75 8 2.75 8C2.75 8 3.52976 7.69361 3.85998 7.05676C4.26988 6.26622 4.27778 5.77243 4.27778 5.5V5C4.27778 4.73583 4.37334 4.49147 4.53976 4.31864C4.69436 4.1581 4.96688 4 5.44444 4H6.5L6.5 2H5.44444C4.47757 2 3.66675 2.3419 3.09912 2.93136C2.54333 3.50853 2.27778 4.26417 2.27778 5V5.5C2.27778 5.72757 2.25789 6.14272 2.08447 6.47718C2.00673 6.6271 1.90646 6.74371 1.7697 6.82779C1.63375 6.91136 1.40134 7 1 7L1 9C1.40134 9 1.63375 9.08864 1.7697 9.17221C1.90646 9.25629 2.00673 9.3729 2.08447 9.52282C2.25789 9.85728 2.27778 10.2724 2.27778 10.5V11C2.27778 11.7358 2.54333 12.4915 3.09912 13.0686Z" fill="currentColor"></path></svg></span>JavaScript<svg width="12" height="16" viewBox="0 0 12 16" fill="none" class="ml1"><path d="M2.59998 8.5L5.09998 10.6429L9.59998 6" stroke="currentColor" stroke-width="2" stroke-linecap="square"></path></svg></div><div role="menuitem" tabindex="-1" aria-label="editor-menu-Markdown" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate dark-gray hover-black" data-valuetext="Markdown" data-reach-menu-item="" id="option-1--menu--3879"><span class="w1 h1 mr1"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="5.5" y="3" width="8.5" height="2" rx="0.5" fill="currentColor"></rect><rect x="2" y="6" width="12" height="2" rx="0.5" fill="currentColor"></rect><rect x="2" y="9" width="12" height="2" rx="0.5" fill="currentColor"></rect><rect x="2" y="12" width="6.5" height="2" rx="0.5" fill="currentColor"></rect></svg></span>Markdown</div><div role="menuitem" tabindex="-1" aria-label="editor-menu-HTML" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate dark-gray hover-black" data-valuetext="HTML" data-reach-menu-item="" id="option-2--menu--3879"><span class="w1 h1 mr1"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10.5 4.5L14 8.25L10.5 12" stroke="currentColor" stroke-width="2" stroke-linejoin="round"></path><path d="M5.5 12L2 8.25L5.5 4.5" stroke="currentColor" stroke-width="2" stroke-linejoin="round"></path></svg></span>HTML</div></div></div></reach-portal><reach-portal><div data-reach-popover="" hidden="" data-reach-menu-popover="" style="position: absolute; left: 100.246px; top: 3531.64px;"><div aria-labelledby="menu-button--menu--4021" role="menu" tabindex="-1" class="bg-white ba b--silver br2 pv2 shadow-4 outline-0" id="menu--4021" data-reach-menu-items="" style="margin-top: 4px; margin-left: -17px;"><div role="menuitem" tabindex="-1" aria-label="editor-menu-JavaScript" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate blue" data-valuetext="JavaScript" data-reach-menu-item="" id="option-0--menu--4021"><span class="w1 h1 mr1"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.9009 13.0686C12.3333 13.6581 11.5224 14 10.5556 14H9.5V12H10.5556C11.0331 12 11.3056 11.8419 11.4602 11.6814C11.6267 11.5085 11.7222 11.2642 11.7222 11V10.5C11.7222 10.2276 11.7301 9.79053 12.14 9C12.5 8.39782 13.25 8 13.25 8C13.25 8 12.4702 7.69361 12.14 7.05676C11.7301 6.26622 11.7222 5.77243 11.7222 5.5V5C11.7222 4.73583 11.6267 4.49147 11.4602 4.31864C11.3056 4.1581 11.0331 4 10.5556 4H9.5L9.5 2H10.5556C11.5224 2 12.3333 2.3419 12.9009 2.93136C13.4567 3.50853 13.7222 4.26417 13.7222 5V5.5C13.7222 5.72757 13.7421 6.14272 13.9155 6.47718C13.9933 6.6271 14.0935 6.74371 14.2303 6.82779C14.3663 6.91136 14.5987 7 15 7V9C14.5987 9 14.3663 9.08864 14.2303 9.17221C14.0935 9.25629 13.9933 9.3729 13.9155 9.52282C13.7421 9.85728 13.7222 10.2724 13.7222 10.5V11C13.7222 11.7358 13.4567 12.4915 12.9009 13.0686Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M3.09912 13.0686C3.66675 13.6581 4.47757 14 5.44444 14H6.5V12H5.44444C4.96688 12 4.69436 11.8419 4.53976 11.6814C4.37334 11.5085 4.27778 11.2642 4.27778 11V10.5C4.27778 10.2276 4.26988 9.79053 3.85998 9C3.5 8.39782 2.75 8 2.75 8C2.75 8 3.52976 7.69361 3.85998 7.05676C4.26988 6.26622 4.27778 5.77243 4.27778 5.5V5C4.27778 4.73583 4.37334 4.49147 4.53976 4.31864C4.69436 4.1581 4.96688 4 5.44444 4H6.5L6.5 2H5.44444C4.47757 2 3.66675 2.3419 3.09912 2.93136C2.54333 3.50853 2.27778 4.26417 2.27778 5V5.5C2.27778 5.72757 2.25789 6.14272 2.08447 6.47718C2.00673 6.6271 1.90646 6.74371 1.7697 6.82779C1.63375 6.91136 1.40134 7 1 7L1 9C1.40134 9 1.63375 9.08864 1.7697 9.17221C1.90646 9.25629 2.00673 9.3729 2.08447 9.52282C2.25789 9.85728 2.27778 10.2724 2.27778 10.5V11C2.27778 11.7358 2.54333 12.4915 3.09912 13.0686Z" fill="currentColor"></path></svg></span>JavaScript<svg width="12" height="16" viewBox="0 0 12 16" fill="none" class="ml1"><path d="M2.59998 8.5L5.09998 10.6429L9.59998 6" stroke="currentColor" stroke-width="2" stroke-linecap="square"></path></svg></div><div role="menuitem" tabindex="-1" aria-label="editor-menu-Markdown" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate dark-gray hover-black" data-valuetext="Markdown" data-reach-menu-item="" id="option-1--menu--4021"><span class="w1 h1 mr1"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="5.5" y="3" width="8.5" height="2" rx="0.5" fill="currentColor"></rect><rect x="2" y="6" width="12" height="2" rx="0.5" fill="currentColor"></rect><rect x="2" y="9" width="12" height="2" rx="0.5" fill="currentColor"></rect><rect x="2" y="12" width="6.5" height="2" rx="0.5" fill="currentColor"></rect></svg></span>Markdown</div><div role="menuitem" tabindex="-1" aria-label="editor-menu-HTML" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate dark-gray hover-black" data-valuetext="HTML" data-reach-menu-item="" id="option-2--menu--4021"><span class="w1 h1 mr1"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10.5 4.5L14 8.25L10.5 12" stroke="currentColor" stroke-width="2" stroke-linejoin="round"></path><path d="M5.5 12L2 8.25L5.5 4.5" stroke="currentColor" stroke-width="2" stroke-linejoin="round"></path></svg></span>HTML</div></div></div></reach-portal><reach-portal><div data-reach-popover="" hidden="" data-reach-menu-popover="" style="position: absolute; left: 100.246px; top: 5231.61px;"><div aria-labelledby="menu-button--menu--4023" role="menu" tabindex="-1" class="bg-white ba b--silver br2 pv2 shadow-4 outline-0" id="menu--4023" data-reach-menu-items="" style="margin-top: 4px; margin-left: -17px;"><div role="menuitem" tabindex="-1" aria-label="editor-menu-JavaScript" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate blue" data-valuetext="JavaScript" data-reach-menu-item="" id="option-0--menu--4023"><span class="w1 h1 mr1"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.9009 13.0686C12.3333 13.6581 11.5224 14 10.5556 14H9.5V12H10.5556C11.0331 12 11.3056 11.8419 11.4602 11.6814C11.6267 11.5085 11.7222 11.2642 11.7222 11V10.5C11.7222 10.2276 11.7301 9.79053 12.14 9C12.5 8.39782 13.25 8 13.25 8C13.25 8 12.4702 7.69361 12.14 7.05676C11.7301 6.26622 11.7222 5.77243 11.7222 5.5V5C11.7222 4.73583 11.6267 4.49147 11.4602 4.31864C11.3056 4.1581 11.0331 4 10.5556 4H9.5L9.5 2H10.5556C11.5224 2 12.3333 2.3419 12.9009 2.93136C13.4567 3.50853 13.7222 4.26417 13.7222 5V5.5C13.7222 5.72757 13.7421 6.14272 13.9155 6.47718C13.9933 6.6271 14.0935 6.74371 14.2303 6.82779C14.3663 6.91136 14.5987 7 15 7V9C14.5987 9 14.3663 9.08864 14.2303 9.17221C14.0935 9.25629 13.9933 9.3729 13.9155 9.52282C13.7421 9.85728 13.7222 10.2724 13.7222 10.5V11C13.7222 11.7358 13.4567 12.4915 12.9009 13.0686Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M3.09912 13.0686C3.66675 13.6581 4.47757 14 5.44444 14H6.5V12H5.44444C4.96688 12 4.69436 11.8419 4.53976 11.6814C4.37334 11.5085 4.27778 11.2642 4.27778 11V10.5C4.27778 10.2276 4.26988 9.79053 3.85998 9C3.5 8.39782 2.75 8 2.75 8C2.75 8 3.52976 7.69361 3.85998 7.05676C4.26988 6.26622 4.27778 5.77243 4.27778 5.5V5C4.27778 4.73583 4.37334 4.49147 4.53976 4.31864C4.69436 4.1581 4.96688 4 5.44444 4H6.5L6.5 2H5.44444C4.47757 2 3.66675 2.3419 3.09912 2.93136C2.54333 3.50853 2.27778 4.26417 2.27778 5V5.5C2.27778 5.72757 2.25789 6.14272 2.08447 6.47718C2.00673 6.6271 1.90646 6.74371 1.7697 6.82779C1.63375 6.91136 1.40134 7 1 7L1 9C1.40134 9 1.63375 9.08864 1.7697 9.17221C1.90646 9.25629 2.00673 9.3729 2.08447 9.52282C2.25789 9.85728 2.27778 10.2724 2.27778 10.5V11C2.27778 11.7358 2.54333 12.4915 3.09912 13.0686Z" fill="currentColor"></path></svg></span>JavaScript<svg width="12" height="16" viewBox="0 0 12 16" fill="none" class="ml1"><path d="M2.59998 8.5L5.09998 10.6429L9.59998 6" stroke="currentColor" stroke-width="2" stroke-linecap="square"></path></svg></div><div role="menuitem" tabindex="-1" aria-label="editor-menu-Markdown" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate dark-gray hover-black" data-valuetext="Markdown" data-reach-menu-item="" id="option-1--menu--4023"><span class="w1 h1 mr1"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="5.5" y="3" width="8.5" height="2" rx="0.5" fill="currentColor"></rect><rect x="2" y="6" width="12" height="2" rx="0.5" fill="currentColor"></rect><rect x="2" y="9" width="12" height="2" rx="0.5" fill="currentColor"></rect><rect x="2" y="12" width="6.5" height="2" rx="0.5" fill="currentColor"></rect></svg></span>Markdown</div><div role="menuitem" tabindex="-1" aria-label="editor-menu-HTML" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate dark-gray hover-black" data-valuetext="HTML" data-reach-menu-item="" id="option-2--menu--4023"><span class="w1 h1 mr1"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10.5 4.5L14 8.25L10.5 12" stroke="currentColor" stroke-width="2" stroke-linejoin="round"></path><path d="M5.5 12L2 8.25L5.5 4.5" stroke="currentColor" stroke-width="2" stroke-linejoin="round"></path></svg></span>HTML</div></div></div></reach-portal><reach-portal><div data-reach-popover="" hidden="" data-reach-menu-popover="" style="position: absolute; left: 100.246px; top: 6524.79px;"><div aria-labelledby="menu-button--menu--4025" role="menu" tabindex="-1" class="bg-white ba b--silver br2 pv2 shadow-4 outline-0" id="menu--4025" data-reach-menu-items="" style="margin-top: 4px; margin-left: -17px;"><div role="menuitem" tabindex="-1" aria-label="editor-menu-JavaScript" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate blue" data-valuetext="JavaScript" data-reach-menu-item="" id="option-0--menu--4025"><span class="w1 h1 mr1"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.9009 13.0686C12.3333 13.6581 11.5224 14 10.5556 14H9.5V12H10.5556C11.0331 12 11.3056 11.8419 11.4602 11.6814C11.6267 11.5085 11.7222 11.2642 11.7222 11V10.5C11.7222 10.2276 11.7301 9.79053 12.14 9C12.5 8.39782 13.25 8 13.25 8C13.25 8 12.4702 7.69361 12.14 7.05676C11.7301 6.26622 11.7222 5.77243 11.7222 5.5V5C11.7222 4.73583 11.6267 4.49147 11.4602 4.31864C11.3056 4.1581 11.0331 4 10.5556 4H9.5L9.5 2H10.5556C11.5224 2 12.3333 2.3419 12.9009 2.93136C13.4567 3.50853 13.7222 4.26417 13.7222 5V5.5C13.7222 5.72757 13.7421 6.14272 13.9155 6.47718C13.9933 6.6271 14.0935 6.74371 14.2303 6.82779C14.3663 6.91136 14.5987 7 15 7V9C14.5987 9 14.3663 9.08864 14.2303 9.17221C14.0935 9.25629 13.9933 9.3729 13.9155 9.52282C13.7421 9.85728 13.7222 10.2724 13.7222 10.5V11C13.7222 11.7358 13.4567 12.4915 12.9009 13.0686Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M3.09912 13.0686C3.66675 13.6581 4.47757 14 5.44444 14H6.5V12H5.44444C4.96688 12 4.69436 11.8419 4.53976 11.6814C4.37334 11.5085 4.27778 11.2642 4.27778 11V10.5C4.27778 10.2276 4.26988 9.79053 3.85998 9C3.5 8.39782 2.75 8 2.75 8C2.75 8 3.52976 7.69361 3.85998 7.05676C4.26988 6.26622 4.27778 5.77243 4.27778 5.5V5C4.27778 4.73583 4.37334 4.49147 4.53976 4.31864C4.69436 4.1581 4.96688 4 5.44444 4H6.5L6.5 2H5.44444C4.47757 2 3.66675 2.3419 3.09912 2.93136C2.54333 3.50853 2.27778 4.26417 2.27778 5V5.5C2.27778 5.72757 2.25789 6.14272 2.08447 6.47718C2.00673 6.6271 1.90646 6.74371 1.7697 6.82779C1.63375 6.91136 1.40134 7 1 7L1 9C1.40134 9 1.63375 9.08864 1.7697 9.17221C1.90646 9.25629 2.00673 9.3729 2.08447 9.52282C2.25789 9.85728 2.27778 10.2724 2.27778 10.5V11C2.27778 11.7358 2.54333 12.4915 3.09912 13.0686Z" fill="currentColor"></path></svg></span>JavaScript<svg width="12" height="16" viewBox="0 0 12 16" fill="none" class="ml1"><path d="M2.59998 8.5L5.09998 10.6429L9.59998 6" stroke="currentColor" stroke-width="2" stroke-linecap="square"></path></svg></div><div role="menuitem" tabindex="-1" aria-label="editor-menu-Markdown" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate dark-gray hover-black" data-valuetext="Markdown" data-reach-menu-item="" id="option-1--menu--4025"><span class="w1 h1 mr1"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="5.5" y="3" width="8.5" height="2" rx="0.5" fill="currentColor"></rect><rect x="2" y="6" width="12" height="2" rx="0.5" fill="currentColor"></rect><rect x="2" y="9" width="12" height="2" rx="0.5" fill="currentColor"></rect><rect x="2" y="12" width="6.5" height="2" rx="0.5" fill="currentColor"></rect></svg></span>Markdown</div><div role="menuitem" tabindex="-1" aria-label="editor-menu-HTML" class="w-100 bn flex items-center ph3 pv2 f6 lh-solid fw6 dark-gray bg-transparent pointer no-underline bg-animate dark-gray hover-black" data-valuetext="HTML" data-reach-menu-item="" id="option-2--menu--4025"><span class="w1 h1 mr1"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10.5 4.5L14 8.25L10.5 12" stroke="currentColor" stroke-width="2" stroke-linejoin="round"></path><path d="M5.5 12L2 8.25L5.5 4.5" stroke="currentColor" stroke-width="2" stroke-linejoin="round"></path></svg></span>HTML</div></div></div></reach-portal></body><grammarly-desktop-integration data-grammarly-shadow-root="true"><template shadowrootmode="open"><style>
div.grammarly-desktop-integration {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select:none;
user-select:none;
}
div.grammarly-desktop-integration:before {
content: attr(data-content);
}
</style><div aria-label="grammarly-integration" role="group" tabindex="-1" class="grammarly-desktop-integration" data-content="{"mode":"full","isActive":true,"isUserDisabled":false}"></div></template></grammarly-desktop-integration></html>