2b:null 2c:["$","title",null,{"children":"Reichsbürger and firearms in Germany | Jakob Listabarth | Observable"}] 31:T17a7,map = { const container = d3.create("div"); const svg = container .append("svg") .attr("width", width) .attr("height", mapHeight); const defs = svg.append("defs"); const patternSize = 3; const pattern = defs .append("pattern") .attr("id", "linePattern") .attr("x", 0) .attr("y", 0) .attr("width", patternSize) .attr("height", patternSize) .attr("patternTransform", "rotate(45)") .attr("patternUnits", "userSpaceOnUse"); pattern .append("g") .attr("opacity", 0.25) .attr("transform", `translate(${patternSize / 2} 0)`) .append("line") .attr("y1", -2) .attr("y2", patternSize + 2) .attr("stroke", "black") .attr("stroke-width", 1); const cityIndicator = defs.call(citySymbol); const nation = defs .append("path") .datum(adminUnitsGermany.nation.features[0]) .join("path") .attr("id", "nationPath") .attr("d", geoPath); const extruded = svg.append("g").attr("id", "extruded"); for (let i = 0; i < 10; i += 0.5) { extruded .append("use") .attr("href", "#nationPath") .attr("fill", "black") .attr("stroke", "black") .attr("stroke-width", 2) .attr("stroke-linejoin", "round") .attr("transform", `translate(0 ${i})`); } const states = svg .append("g") .attr("id", "states") .selectAll("path") .data(geoDataJoined.states.features) .join("path") .attr("d", geoPath) .attr("fill", (d) => scaleClasses(d.properties.per10k)) .attr("stroke-width", "1") .attr("stroke-linejoin", "round") .attr("stroke", "black"); const countyLayer = svg.append("g").attr("id", "counties"); const top10counties = geoDataJoined.counties.features .sort((a, b) => d3.descending(a.properties.fireArmsPer1k, b.properties.fireArmsPer1k) ) .slice(0, 10); const countyHighlights = countyLayer .append("g") .attr("id", "hightlights") .selectAll("path") .data(top10counties) .join("path") .attr("class", (d) => d.properties.nuts) .attr("d", geoPath) .attr("fill", "url(#linePattern)"); const cityCounties = adminUnitsGermany.counties.features.filter((d) => isCityCounty(d) ); countyLayer .append("g") .selectAll("use") .data(cityCounties) .join("use") .attr("href", "#cityIndicator") .attr("transform", (d) => { const [x, y] = geoPath.centroid(d.geometry); return `translate(${x} ${y})`; }); const counties = countyLayer .append("g") .selectAll("path") .data(geoDataJoined.counties.features) .join("path") .attr("class", (d) => d.properties.nuts) .attr("d", geoPath) .attr("fill", "black") .attr("fill-opacity", 0) .attr("stroke-linejoin", "round") .attr("stroke-opacity", 0.5) .attr("stroke-width", ".5") .attr("stroke", "black"); const countiesArms = svg .append("g") .attr("id", "arms") .selectAll("circle") .data(geoDataJoined.counties.features) .join("circle") .attr("class", (d) => d.properties.nuts) .attr("r", (d) => scaleR(d.properties.fireArmsPer1k)) .attr("transform", (d) => { const [x, y] = geoPath.centroid(d.geometry); return `translate(${x} ${y})`; }) .attr("fill", "none") .attr("stroke-linejoin", "round") .attr("stroke-width", "1") .attr("stroke", "black"); const nationOutline = svg .append("g") .attr("id", "nation") .append("use") .attr("href", "#nationPath") .attr("fill", "none") .attr("stroke-width", 2) .attr("stroke-linejoin", "round") .attr("stroke", "black"); const labels = svg .append("g") .attr("id", "labels") .selectAll("text") .data(geoDataJoined.states.features) .join("text") .attr("text-anchor", "middle") .attr("font-family", "Inter") .attr("font-size", 10) .attr("font-weight", "bold") .attr("stroke", (d) => scaleClasses(d.properties.per10k)) .attr("fill", "black") .attr("stroke-width", 2) .attr("stroke-linejoin", "round") .attr("paint-order", "stroke") .attr("dominant-baseline", "middle") .attr("transform", (d) => { const [x, y] = geoPath.centroid(d.geometry); const offset = d.properties.gen === "Brandenburg" ? 30 : 0; return `translate(${x} ${y + offset})`; }) .text((d) => d.properties.gen); const tooltip = container.append("div").attr("id", "tooltip"); counties .on("mouseover", function (e, d) { const id = d.properties.nuts; const circle = svg.select(`circle.${id}`); const cityIndicator = d3 .create("svg") .attr("width", 10) .attr("height", 10); cityIndicator .append("g") .attr("transform", "translate(5 5)") .call(citySymbol); const content = htl.html` ${d.properties.gen} ${ isCityCounty(d) ? cityIndicator : "" }

№ of firearms per 1k	${fInt( d.properties.fireArmsPer1k )}
population	${fInt(d.properties.population)}
№ of firearms	${fInt(d.properties.fireArms)}

`; tooltip.selectChildren().remove(); tooltip.style("visibility", "visible").append(() => content); circle.transition().attr("stroke-width", 5); const county = d3.select(this); county.transition().attr("fill-opacity", 0.25); }) .on("mousemove", (e, d) => { console.log(e); tooltip .style("left", e.layerX + 10 + "px") .style("top", e.layerY + 10 + "px"); }) .on("mouseout", function (e, d) { tooltip.style("visibility", "hidden"); const county = d3.select(this); county.transition().attr("fill-opacity", 0); const id = d.properties.nuts; const circle = svg.select(`circle.${id}`); circle.transition().attr("stroke-width", 1); }); svg.append("g").call(legend); return container.node(); }32:Ta13,legend = (g) => { const legend = g .append("g") .attr("transform", `translate(${margin} ${margin})`) .attr("font-size", "10"); const symbolSize = 15; const legendLabel = (g, text) => { g.append("text") .text(text) .attr("x", symbolSize * 2) .attr("dominant-baseline", "middle"); }; const cityEntry = legend.append("g"); cityEntry .append("use") .attr("href", "#cityIndicator") .attr("x", symbolSize / 2); (""); cityEntry.call(legendLabel, "Kreisfreie Stadt, Stadtkreis"); const [min, max] = scaleR.domain(); const center = (max - min) / 2; const entries = [1, center, max]; const circlesEntry = legend .append("g") .attr("transform", `translate(0, ${symbolSize * 1.5})`); circlesEntry .append("g") .selectAll("circle") .data(entries) .join("circle") .attr("r", (d) => scaleR(d)) .attr("cx", symbolSize / 2) .attr("cy", (d) => scaleR(max) - scaleR(d)) .attr("fill", "none") .attr("stroke", "black") .attr("stroke-weight", 2); circlesEntry .append("g") .selectAll("text") .data(entries) .join("text") .text((d) => d) .attr("text-anchor", "end") .attr("font-size", ".75em") .attr("dominant-baseline", "middle") .attr("x", -scaleR(max) * 0.75) .attr("y", (d) => scaleR(max) - scaleR(d) * 2); circlesEntry .selectAll("line") .data(entries) .join("line") .attr("stroke", "black") .attr("stroke-width", 0.5) .attr("y1", (d) => scaleR(max) - scaleR(d) * 2) .attr("y2", (d) => scaleR(max) - scaleR(d) * 2) .attr("x1", -scaleR(max) * 0.7); circlesEntry.call(legendLabel, "firearms per 1k"); const maxEntry = legend .append("g") .attr("transform", `translate(0 ${symbolSize * 3})`); maxEntry .append("rect") .attr("width", symbolSize) .attr("height", symbolSize) .attr("fill", "url(#linePattern)") .attr("stroke-width", 1) .attr("stroke", "black"); maxEntry .append("g") .attr("transform", `translate(${symbolSize * 2} 0)`) .call(multiLineText, "10 counties with most firearms per capita", { width: 100, fontSize: 10 }); const colorBarWidth = symbolSize * 10; const x = d3 .scaleBand() .domain(scaleClasses.domain()) .rangeRound([0, colorBarWidth]); const colorEntry = legend .append("g") .attr("transform", `translate(0, ${symbolSize * 6})`) .append("g"); colorEntry.append(() => Legend(scaleClasses, { title: "Reichsbürger per 10k capita", width: 150 }) ); }33:T467,reichsbuergerPerState = [ { state: "Baden-Württemberg", total: 2500, per10k: 2.38 }, { state: "Bayern", total: 4050, per10k: 3.26 }, { state: "Berlin", total: 550, per10k: 1.59 }, { state: "Brandenburg", total: 600, per10k: 2.45 }, { state: "Bremen", total: 120, per10k: 1.77 }, { state: "Hamburg", total: 130, per10k: 0.25 }, { state: "Hessen", total: 1000, per10k: 1.61 }, { state: "Mecklenburg-Vorpommern", total: 350, per10k: 2.17 }, { state: "Niedersachsen", total: 1400, per10k: 1.82 }, { state: "Nordrhein-Westfalen", total: 2.6, per10k: 1.45 }, { state: "Rheinland-Pfalz", total: 530, per10k: 1.3 }, { state: "Saarland", total: 290, per10k: 2.91 }, { state: "Sachsen", total: 1327, per10k: 3.25 }, { state: "Sachsen-Anhalt", total: 450, per10k: 2.01 }, { state: "Schleswig-Holstein", total: 230, per10k: 0.8 }, { state: "Thüringen", total: 880, per10k: 4.08 } ]34:[] 2f:{"id":"8200fee0d06e3a90","slug":"reichsburger-and-firearms-in-germany","title":"Reichsbürger and firearms in Germany","thumbnail":"d5745e96124b1deb507c5bc304484dc0a7bf12af2a2926918dfdeedc3680abee","access_level":"public","create_time":"$D2022-12-11T06:21:47.484Z","update_time":"$D2024-05-12T07:18:22.285Z","view_time":null,"first_public_time":"$D2022-12-11T06:21:47.484Z","fork":false,"stars":1,"starred":false,"owner":{"type":"team","id":"012b0b3e382a554e","login":"jakoblistabarth","name":"Jakob Listabarth","avatar_url":"https://avatars-next.observableusercontent.com/9729178963e994d34cfa91cdd1320563920ead897b5f1934136a47a96b83bd9d","tier":"starter_2024"},"version":1232,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"46e29826d3649e64","login":"jakoblistabarth","name":"Jakob Listabarth","avatar_url":"https://avatars-next.observableusercontent.com/a0e873c9f95e3800e63d3dcbbf26fd397ec65968ac816531408eda0ff84da48f","tier":null}],"members":[{"type":"individual","id":"46e29826d3649e64","login":"jakoblistabarth","name":"Jakob Listabarth","avatar_url":"https://avatars-next.observableusercontent.com/a0e873c9f95e3800e63d3dcbbf26fd397ec65968ac816531408eda0ff84da48f","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":3,"collection":null,"type":"notebook","body":{"title":"Reichsbürger and firearms in Germany","cells":[{"id":0,"value":"# Reichsbürger and firearms in Germany","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":42,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":793,"value":"viewof selectedProjection = Inputs.select(Object.keys(projections), {\n label: \"Select a Projection\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1126,"value":"## About\n\nI started to work on this map in the light of the recent raids in the Reichsbürger:innen milieu in several German states. I wanted to see if there is a correlation between number of firearms and number of Reichsbürger:innen. \n\nAs the events have been pushing the topic over the last couple of weeks, I expect more recent and detailed data on the number of Reichsbürger:innen per state (or even per county 🤷‍♂️) to be available over the next weeks.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1101,"value":"todoList([\n { title: \"add name of state to tooltip\", done: false },\n { title: \"update firearm stats\", done: false },\n { title: \"add tooltip\", done: true },\n { title: \"fix symbol legend\", done: true }\n])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1116,"value":"toc(\"h2,h3\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":985,"value":"citySymbol = (selection) => {\n selection\n .append(\"rect\")\n .attr(\"id\", \"cityIndicator\")\n .attr(\"x\", -2)\n .attr(\"y\", -2)\n .attr(\"width\", 4)\n .attr(\"height\", 4)\n .attr(\"fill\", \"black\")\n .attr(\"transform\", \"rotate(45)\");\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":805,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":991,"value":"isCityCounty = (countyFeature) => {\n return countyFeature.properties.bez.match(/stadt/i)\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":65,"value":"## Appendix","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":21,"value":"### Sources \n- Verwaltungsgrenzen: [BKG WFS Verwaltungsgebiete 1:5 000 000, Stand 01.01.](https://gdz.bkg.bund.de/index.php/default/webdienste/verwaltungsgebiete/wfs-verwaltungsgebiete-1-5-000-000-stand-01-01-wfs-vg5000-0101.html) © GeoBasis-DE / BKG (2022)\n- Zahlen Reichsbürger pro Bundesland: [Amadeu Antonio Stiftung, 2018, »REICHSBÜRGER« und Souveränisten. Basiswissen und Handlungsstrategien, Berlin, 2018](https://www.amadeu-antonio-stiftung.de/wp-content/uploads/2019/04/Reichsbuerger_Internet.pdf) © Amadeu Antonio Stiftung\n- Schusswaffen: [Serie »Schusswaffen in Deutschland«](https://docs.google.com/spreadsheets/d/1wmiZJ8Akc9nUC8x6QL_AX0PnEYcPAjtMh9sFsyL3Fxs/edit#gid=1377178497) Erhebung und Aufbereitung der Daten: Julia Bellan, Sebastian Schwarzenböck, Nina Pogrebnaya, Carla Grefe-Huge, Alina Schreiber, Sophia Voß, Sophie Menner, Philip Sauer, Lea Heilmann, Inga Jahn, Constantin Blaß, Michael Kees ([detektor.fm](https://detektor.fm/serien/schusswaffen))\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":268,"value":"### Data","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":731,"value":"counties","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":732,"value":"counties = adminUnitsGermany.counties.features.map((d) => d.properties)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":406,"value":"geoDataJoined = {\n const joinedData = lodash.cloneDeep(adminUnitsGermany);\n joinedData.states.features.forEach((d) => {\n const { total, per10k } = reichsbuergerPerState.find(\n (e) => e.state === d.properties.gen\n );\n d.properties = { ...d.properties, total, per10k };\n });\n\n joinedData.counties.features.forEach((d) => {\n const { fireArmsPer1k, fireArms, population } = fireArmsPerCounty.find(\n (e) => d.properties.nuts === e.id\n );\n d.properties = { ...d.properties, fireArmsPer1k, fireArms, population };\n });\n return joinedData;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":209,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":312,"value":"gSheetUrl = \"https://docs.google.com/spreadsheets/d/1wmiZJ8Akc9nUC8x6QL_AX0PnEYcPAjtMh9sFsyL3Fxs/edit#gid=1054146975\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":310,"value":"fireArmsPerCounty = {\n const text = await d3.text(getCsvUrl(gSheetUrl), d3.autoType);\n const cleaned = text\n .split(\"\\n\")\n .slice(1, -2)\n .map((d) => d.slice(0, -1))\n .join(\"\\n\");\n\n const data = d3.csvParse(cleaned).map((d) => {\n const population = parseInt(d[\"Einwohnerzahl*\"].replace(\".\", \"\"));\n const fireArms = parseInt(d[\"Anzahl Schusswaffen\"].replace(\".\", \"\"));\n const fireArmsPer1k = parseInt(\n d[\"Schusswaffen pro 1000 Einwohner\"].replace(\".\", \"\")\n );\n return {\n state: d[\"Bundesland\"],\n county: d[\"Kreis/Stadtkreis\"],\n id: d[\"ID\"],\n population,\n fireArms,\n fireArmsPer1k,\n comment: d[\"Erläuterung\"]\n };\n });\n return data;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":271,"value":"### Scales","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":370,"value":"scaleR = {\n const maximum = d3.max(\n geoDataJoined.counties.features.map((d) => d.properties.fireArmsPer1k)\n );\n const maxRadius = width * 0.0125;\n return d3.scaleSqrt().domain([0, maximum]).range([0, maxRadius]);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":273,"value":"scaleClasses = {\n const classCount = 5;\n const domain = geoDataJoined.states.features.map((d) => d.properties.per10k);\n const thresholds = d3.range(classCount).map((d) => 0.1 + d / classCount / 2);\n const range = thresholds.map((d) => d3.interpolateGreys(d));\n const scaleClasses = d3.scaleQuantile().domain(domain).range(range);\n return scaleClasses;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":123,"value":"### Constants","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":581,"value":"fInt = d3.format(\",\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":56,"value":"mapHeight = 1000","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":442,"value":"margin = width * 0.05","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":790,"value":"projections = ({\n \"Conic Conformal\": d3.geoConicConformal(),\n \"Azimuthal Equal Area\": d3.geoAzimuthalEqualArea()\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":33,"value":"projection = {\n return projections[selectedProjection].fitExtent(\n [\n [margin, margin],\n [width - margin, mapHeight - margin]\n ],\n adminUnitsGermany.nation\n );\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":28,"value":"geoPath = d3.geoPath(projection)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1141,"value":"### Styles","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":549,"value":"","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"css","database":"$undefined"},{"id":294,"value":"### Imports","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1210,"value":"import { adminUnitsGermany } from \"86f71582b87bba35\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":296,"value":"import { getCsvUrl } from \"@observablehq/google-sheets-starter\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":778,"value":"import { proj4d3 } from \"@fil/proj4js-d3\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":903,"value":"import { Legend } from \"@d3/color-legend\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":948,"value":"import { multiLineText } from \"a7923a263f3d8908\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1095,"value":"import { todoList } from \"@jakoblistabarth/todo-list\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1113,"value":"import { toc } from \"@nebrius/indented-toc\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1185,"value":"lodash = require(\"lodash@4.17.21/lodash.js\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W34","stdlib":"1","titling":"auto"}} 30:"$2f:body"