2b:null 2c:["$","title",null,{"children":"Disasters in South Eastern Asia (1900 - 2021) | Arky | Observable"}] 31:T55a,function legendRadius(scale, { label = scale.label, ticks = 5, tickFormat = d => d, strokeWidth = 0.5, strokeDasharray = [5, 4], lineHeight = 8, gap = 20, style } = {}) { const s = scale.apply; const r0 = scale.range[1]; const shiftY = label ? 10 : 0; let h = Infinity; const values = d3.scaleLinear(scale.domain, scale.range).ticks(ticks).reverse() .filter((t) => h - s(t) > lineHeight / 2 && (h = s(t))); return Plot.plot({ x: { type: "identity", axis: null }, r: { type: "identity" }, y: { type: "identity", axis: null }, marks: [ Plot.link(values, { x1: r0 + 2, y1: (d) => 8 + 2 * r0 - 2 * s(d) + shiftY, x2: 2 * r0 + 2 + gap, y2: (d) => 8 + 2 * r0 - 2 * s(d) + shiftY, strokeWidth: strokeWidth / 2, strokeDasharray }), Plot.dot(values, { r: s, x: r0 + 2, y: (d) => 8 + 2 * r0 - s(d) + shiftY, strokeWidth }), Plot.text(values, { x: 2 * r0 + 2 + gap, y: (d) => 8 + 2 * r0 - 2 * s(d) + shiftY, textAnchor: "start", dx: 4, text: tickFormat }), Plot.text(label ? [label] : [], { x: 0, y: 6, textAnchor: "start", fontWeight: "bold", text: tickFormat }) ], height: 2 * r0 + 10 + shiftY, style }); } 32:[{"id":"6c98f47a74d7e346e04d7f6da627a98b915492fa838b985990d68e3b26560bcc70579e1232e8889c9c098147b6ce7bd036cfeefaec3deef7e915a7c194f75f53","href":"https://static.observableusercontent.com/files/6c98f47a74d7e346e04d7f6da627a98b915492fa838b985990d68e3b26560bcc70579e1232e8889c9c098147b6ce7bd036cfeefaec3deef7e915a7c194f75f53","name":"disaster_south_eastern_asia_en.csv","type":"text/csv","lastModified":1646330593752.307,"size":857054}] 2f:{"id":"a1aebf3714a2c506","slug":"disasters-in-south-eastern-asia-1900-2021","title":"Disasters in South Eastern Asia (1900 - 2021)","thumbnail":"d2db05d21e580bba12574cddeffc9bec4b724b8c419f0e7504b96fb2d52f1868","access_level":"public","create_time":"$D2022-03-03T18:00:02.646Z","update_time":"$D2022-03-18T11:28:02.338Z","view_time":null,"first_public_time":"$D2022-03-09T10:57:33.364Z","fork":false,"stars":1,"starred":false,"owner":{"type":"team","id":"e0f712d37bec6845","login":"arky","name":"Arky","avatar_url":"https://avatars-next.observableusercontent.com/94257352af5db2f32ac965f353580797bf1f92b1a422a4bea3c20c465a6f3a97","tier":"starter_2024"},"version":582,"publish_version":582,"role":null,"authored":false,"authors":[{"type":"individual","id":"c136143f00684557","login":"arky","name":"Arky","avatar_url":"https://avatars-next.observableusercontent.com/94257352af5db2f32ac965f353580797bf1f92b1a422a4bea3c20c465a6f3a97","tier":null}],"members":[{"type":"individual","id":"c136143f00684557","login":"arky","name":"Arky","avatar_url":"https://avatars-next.observableusercontent.com/94257352af5db2f32ac965f353580797bf1f92b1a422a4bea3c20c465a6f3a97","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":0,"collection":{"id":"5c40ae802916c51a","slug":"dataviz","title":"DataViz","owner":{"id":"e0f712d37bec6845","login":"arky","name":"Arky"}},"type":"notebook","body":{"title":"Disasters in South Eastern Asia (1900 - 2021)","cells":[{"id":571,"value":"# Disasters in South Eastern Asia (1900 - 2021)","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":533,"value":"viz = html`\n

Disasters in South Eastern Asia (1900 - 2021)

\n ${plot}\n

\n ${legend}\n

\n\n

Data Source: Open Development Mekong\n

The disaster data set from the early 20th century to 2021 was collected by www.emdat.be – Université Catholique de Louvain – Brussels – Belgium

\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":531,"value":"legend = legendRadius(plot.scale(\"r\"))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":17,"value":"plot = Plot.plot({\n grid: false,\n marginLeft: 200,\n width: 640,\n height: 400,\n color: {\n legend: false,\n },\n width,\n label: \"\",\n type: \"utc\",\n tickFormat: d3.utcFormat(\"%Y\"),\n marks:[\n Plot.dot(data, \n { y: \"Country\", r: \"Total Deaths\", fill: 'Country',\n x: (d) => parseDate(d.Year),\n title: (d) => `${d.Year}` + \" \" + `${d[\"Disaster Type\"]}` \n + \" in \" + `${d.Country}` \n + \" resulted in \" + `${formatter.format(d[\"Total Deaths\"])}` + \" deaths.\"\n })\n ]\n \n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":8,"value":"//data = FileAttachment(\"disaster_south_eastern_asia_en.csv\").csv({typed: true})\ndata = FileAttachment(\"disaster_south_eastern_asia_en.csv\").csv()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":85,"value":"// Format numbers into human readable format\nformatter = Intl.NumberFormat('en', {notation: 'compact', compactDisplay: \"long\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":27,"value":"// Format Dates \n\nparseDate = d3.utcParse(\"%Y\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":529,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":532,"value":"bulma = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W32","stdlib":"1","titling":"auto"}} 30:"$2f:body"