31:T623,## Reflexion Nach dem Massaker im texanischen Uvalde kam die Idee den USA Waffen-Explainer der NZZ zu aktualisieren. Mit wenigen, aussagekräftigen Grafiken wollen wir die Thematik visuell erklären. Mich interessierte dabei vor allem der Zusammenhang zwischen den unterschiedlichen Waffengesetzen der einzelnen Gliedstaaten und den effektiven Zahlen der Mass Shootings nach Staat. Um diesen Zusammenhang darzustellen habe ich mich für eine Choropleth-Karte entschieden. Die höhe der «Spikes» soll dabei aufzeigen, wie viele Mass Shootings im jeweiligen Gliedstaat seit Beginn des Jahres stattgefunden haben. Die Daten dafür stammen aus dem «Gun Violence Archive». Eike Hoppmann hat mir mit der Aufbereitung und Umrechnung nach Einwohnern geholfen. Die Farbskala der Spikes zeigt auf, wie strikt die Waffengesetze im jeweiligen Staat sind. Die Daten dafür stammen aus der «Annual Gun Law Scorecard». Die Überlagerung der beiden Datensätzen soll zeigen, dass in Staaten mit stärkeren Waffengesetzen verhältnismässig weniger Mass Shootings stattfinden. Eine weitere Idee war es die Kategorisierung der Waffengesetze direkt auf der Karte einzuzeichnen und die «Spikes» einfarbig darüber zu legen. Das werde ich noch ausprobieren. In einem nächsten Schritt würde ich einen Tooltip hinzufügen, auf der man den jeweiligen Gliedstaat, die Shootings pro 1 Mio. Einwohner und die effektive zahl der Shootings sehen könnte. Ziel des Projekts war es, mich mit den D3 Maps auseinander zu setzen und eine eigene Version einer Choropleth-Karte zu erstellen.32:T7ea,style = html``33:T830,// Copyright 2021, Observable Inc. // Released under the ISC license. // https://observablehq.com/@d3/color-legend function Swatches(color, { columns = null, format, unknown: formatUnknown, swatchSize = 15, swatchWidth = swatchSize, swatchHeight = swatchSize, marginLeft = 0 } = {}) { const id = `-swatches-${Math.random().toString(16).slice(2)}`; const unknown = formatUnknown == null ? undefined : color.unknown(); const unknowns = unknown == null || unknown === d3.scaleImplicit ? [] : [unknown]; const domain = color.domain().concat(unknowns); if (format === undefined) format = x => x === unknown ? formatUnknown : x; function entity(character) { return `&#${character.charCodeAt(0).toString()};`; } if (columns !== null) return htl.html`

${domain.map(value => { const label = `${format(value)}`; return htl.html`

${label}

`; })}

`; return htl.html`

${domain.map(value => htl.html`${format(value)}`)}

`; }34:[{"id":"eacc115a697e486eccf861f5e61ecb6ca0118c795a1676ba65e21a3031b3d84168850b0ec4b5b9aaf5c568a3ece226a48da34b8af475e74597b0240a646385b1","href":"https://static.observableusercontent.com/files/eacc115a697e486eccf861f5e61ecb6ca0118c795a1676ba65e21a3031b3d84168850b0ec4b5b9aaf5c568a3ece226a48da34b8af475e74597b0240a646385b1","name":"ANNUAL GUN LAW SCORECARD - Tabellenblatt1.csv","type":"text/csv","lastModified":1660234466697.181,"size":822},{"id":"ae91b1bde5f3a95df4877fea7985f8eeec5e3f85686c8db8d5e00465a05b03c7a10a5de606a441d4fca17ae1013dc66150460e1560aff230e84f63a1d46aecbd","href":"https://static.observableusercontent.com/files/ae91b1bde5f3a95df4877fea7985f8eeec5e3f85686c8db8d5e00465a05b03c7a10a5de606a441d4fca17ae1013dc66150460e1560aff230e84f63a1d46aecbd","name":"anzahl_shootings_bundesstaaten_1mio_id.csv","type":"text/csv","lastModified":1660234466697.181,"size":1451},{"id":"783cf2bf259e16d662d92c9f59ec97e564c50841c5984f2bb6f65a6d31f8c1b80846bffb65cb654dc2b587ac96f0007ab68c24bacce33655fd785e46020aff74","href":"https://static.observableusercontent.com/files/783cf2bf259e16d662d92c9f59ec97e564c50841c5984f2bb6f65a6d31f8c1b80846bffb65cb654dc2b587ac96f0007ab68c24bacce33655fd785e46020aff74","name":"counties-10m.json","type":"application/json","lastModified":1660234466697.181,"size":842177}] 2f:{"title":"Amerikas gefährliche Liebe zu Schusswaffen","cells":[{"id":0,"value":"# Amerikas gefährliche Liebe zu Schusswaffen\n**In den USA sind geschätzte 300 Millionen Waffen im Umlauf, beinahe eine pro Einwohner. Kein anderes Land erlebt so viele Schusswaffenmassaker – und doch verteidigen die USA vehement das Recht, eine Waffe zu tragen.**","pinned":false,"hidden":false,"mode":"md"},{"id":488,"value":"### In Staaten mit weniger strikten Waffengesetzen finden verhältnismässig mehr Mass Shootings statt","pinned":false,"hidden":false,"mode":"md"},{"id":491,"value":"Mass Shootings im Jahr 2021, pro 1 Mio. Einwohner, kategorisiert nach dem Annual Gun Law Scorecard","pinned":false,"hidden":false,"mode":"md"},{"id":342,"value":"swatches = Swatches(d3.scaleOrdinal(colorExtent, ['#374e8d', '#5e78bd', '#91a6d9', '#cad5ec', '#f1cbc3', '#eca496', '#e67b67', '#d7523d', '#b53a27', '#8e2a1b']))","pinned":false,"hidden":false,"mode":"ojs"},{"id":40,"value":"map = svg``","pinned":false,"hidden":false,"mode":"ojs"},{"id":514,"value":"Der District of Columbia mit 22,7 Shootings pro 1 Mio. Einwohner wurde als Ausreisser nicht auf der Karte markiert. \n\nQuellen: [Giffords Law Center](https://giffords.org/lawcenter/resources/scorecard/), [Gun Violence Archive](https://www.gunviolencearchive.org/reports/mass-shooting)","pinned":false,"hidden":false,"mode":"md"},{"id":512,"value":"$31","pinned":false,"hidden":false,"mode":"md"},{"id":503,"value":"## Appendix","pinned":false,"hidden":false,"mode":"md"},{"id":9,"value":"### Data","pinned":false,"hidden":false,"mode":"md"},{"id":5,"value":"data = FileAttachment(\"anzahl_shootings_bundesstaaten_1mio_id.csv\").csv({typed:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":128,"value":"function numberToString(d) {\n return (d < 10) ? '0' + d.toString() : d.toString();\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":147,"value":"dataParsed = data.map((d) => ({\n ...d,\n id: numberToString(d.ID)\n}))","pinned":true,"hidden":false,"mode":"ojs"},{"id":26,"value":"Inputs.table(dataParsed)","pinned":true,"hidden":false,"mode":"ojs"},{"id":81,"value":"stateObject = d3.index(dataParsed, (d) => d.id)","pinned":true,"hidden":false,"mode":"ojs"},{"id":222,"value":"stateRanking = FileAttachment(\"ANNUAL GUN LAW SCORECARD - Tabellenblatt1.csv\").csv({typed:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":229,"value":"stateRankingParsed = stateRanking.map((d) => ({\n ...d,\n id: numberToString(d.ID)\n}))","pinned":true,"hidden":false,"mode":"ojs"},{"id":226,"value":"Inputs.table(stateRankingParsed)","pinned":true,"hidden":false,"mode":"ojs"},{"id":236,"value":"stateRankingObject = d3.index(stateRankingParsed, (d) => d.id)","pinned":true,"hidden":false,"mode":"ojs"},{"id":22,"value":"### Geodata","pinned":false,"hidden":false,"mode":"md"},{"id":30,"value":"us = FileAttachment(\"counties-10m.json\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":58,"value":"nation = topojson.feature(us, us.objects.nation)","pinned":true,"hidden":false,"mode":"ojs"},{"id":74,"value":"states = topojson.feature(us, us.objects.states)","pinned":true,"hidden":false,"mode":"ojs"},{"id":66,"value":"statesOutline = topojson.mesh(us, us.objects.states, (a, b) => a !== b)","pinned":true,"hidden":false,"mode":"ojs"},{"id":34,"value":"### Scales","pinned":false,"hidden":false,"mode":"md"},{"id":499,"value":"height = 500","pinned":true,"hidden":false,"mode":"ojs"},{"id":101,"value":"extent = d3.extent(data, d => d.pro_1mio)","pinned":true,"hidden":false,"mode":"ojs"},{"id":99,"value":"radiusScale = d3.scaleLinear().domain(extent).range([0, 200])","pinned":true,"hidden":false,"mode":"ojs"},{"id":241,"value":"colorExtent = [\"A\", \"A-\", \"B\", \"B-\", \"C+\", \"C\", \"C-\", \"D\", \"D-\", \"F\"]","pinned":true,"hidden":false,"mode":"ojs"},{"id":246,"value":"colorScale = d3.scaleOrdinal()\n .domain(colorExtent)\n .range(['#374e8d', '#5e78bd', '#91a6d9', '#cad5ec', '#f1cbc3', '#eca496', '#e67b67', '#d7523d', '#b53a27', '#8e2a1b']);","pinned":true,"hidden":false,"mode":"ojs"},{"id":259,"value":"colorScale(\"A\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":43,"value":"### Projection","pinned":false,"hidden":false,"mode":"md"},{"id":38,"value":"projection = \n//d3.geoMercator() \nd3.geoAlbersUsa()","pinned":true,"hidden":false,"mode":"ojs"},{"id":46,"value":"path = d3.geoPath(projection) // Konstruktion des Path-Konstruktors mit der passenden Projektion","pinned":true,"hidden":false,"mode":"ojs"},{"id":330,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":347,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W34","stdlib":"1","titling":"auto"}