2f:Ta66,worldwide_gun_ownership_map = { let w = 900; let h = 500; let cnt = 0; let div = d3.create("div").style("position", "relative"); let svg = div .append("svg") .attr("viewBox", [0, 0, w, h]) .style("max-width", "1000px"); let proj = d3.geoEqualEarth().fitSize([w, h], { type: "Sphere" }); let path = d3.geoPath().projection(proj); let zoom = 1; let map = svg.append("g"); map .append("path") .attr("d", path({ type: "Sphere" })) .attr("stroke", "black") .attr("fill", d3.color("lightblue").brighter(0.3)); let country_group = map .append("g") .attr("stroke", "#666") .attr("stroke-width", 1 / zoom); country_group .selectAll("path.state") .data(countries.features) .join("path") .attr("d", path) .attr("stroke", "#666") .attr("fill", function (c) { let gp100 = get_guns_per100(c); if (gp100 >= 0) { return d3 .scaleThreshold() .domain( d3 .range(8) .map((n) => 128 / 2 ** n) .reverse() ) .range(d3.schemeReds[8])(gp100); } else { return "white"; } }) .on("mouseenter", function () { d3.select(this) .attr("stroke", "black") .attr("stroke-width", 2 / zoom) .attr("class", "selected") .raise(); }) .on("mouseleave", function () { d3.select(this) .attr("stroke", null) .attr("stroke-width", null) .attr("class", null); }) .each(function (d) { let gp100 = get_guns_per100(d); if (gp100 >= 0) { gp100 = `${get_guns_per100(d)} guns per 100 people`; } else { gp100 = "Insufficient data"; } tippy(this, { theme: "light-border", allowHTML: true, followCursor: true, content: `${d.properties.ADMIN}
${gp100}` }); }); svg.call( d3 .zoom() .extent([ [0, 0], [w, h] ]) .translateExtent([ [0, 0], [w, h] ]) .scaleExtent([1, 6]) .duration(500) .on("zoom", function (evt) { map.attr("transform", evt.transform); zoom = evt.transform.k; country_group.attr("stroke-width", 1 / evt.transform.k); country_group.selectAll(".selected", 2 / evt.transform.k); }) ); div .append("div") .style("position", "absolute") .style("right", "10px") .style("bottom", "15px") .style("font-size", "60%") .text("Source: Small Arms Survey, Global Firearms Holdings Database"); return div.node(); }30:T928,gun_ownership_barplot = { let w = 650; let h = 300; let pad = 30; let div = d3.create("div").style("position", "relative"); let svg = div.append("svg").attr("viewBox", [0, 0, w, h]); let x_scale = d3 .scaleBand() .domain( guns_and_countries.map((o) => o.cca3).slice(0, num_countries_to_show) ) .range([pad, w - pad]) .padding(0.2); let y_scale = d3 .scaleLinear() .domain([0, max]) .range([h - pad, pad]); svg .append("g") .selectAll("rect") .data(guns_and_countries.slice(0, num_countries_to_show)) .join("rect") .attr("x", (d) => x_scale(d.cca3)) .attr("y", (d) => y_scale(d.per100)) .attr("height", (d) => y_scale(0) - y_scale(d.per100)) .attr("width", x_scale.bandwidth()) .attr("fill", (d) => d3 .scaleThreshold() .domain( d3 .range(8) .map((n) => 128 / 2 ** n) .reverse() ) .range(d3.schemeReds[8])(d.per100) ) .on("mouseenter", function () { d3.select(this).attr("stroke", "black").attr("stroke-width", 2).raise(); }) .on("mouseleave", function () { d3.select(this).attr("stroke", null).attr("stroke-width", null); }) .each(function (d) { tippy(this, { theme: "light-border", allowHTML: true, content: `${d.country}
${d.per100} guns per 100 people` }); }); let x_axis = svg .append("g") .style("font-size", "8px") .attr("transform", `translate(0,${h - pad})`) .call( d3 .axisBottom(x_scale) .tickSize(0) .tickFormat((d) => (num_countries_to_show <= 60 ? d : "")) ); if (30 < num_countries_to_show && num_countries_to_show <= 60) { x_axis.selectAll("text").attr("opacity", (60 - num_countries_to_show) / 30); } let y_axis = svg .append("g") .style("font-size", "8px") .attr("transform", `translate(${pad})`) .call(d3.axisLeft(y_scale).ticks(5).tickSizeOuter(0)); y_axis.select("path.domain").attr("stroke", null); div .append("div") .style("position", "absolute") .style("right", "10px") .style("bottom", "15px") .style("font-size", "60%") .text("Source: Small Arms Survey, Global Firearms Holdings Database"); return div.node(); }31:[{"id":"70f4df75110bcc8fc78ab9b67352ac4c501184e1caa6d813529bd9a8f69b74eb620b5d16665dbd506efa472f095a766e61adae6e7a7d51226049832f4f9dba34","href":"https://static.observableusercontent.com/files/70f4df75110bcc8fc78ab9b67352ac4c501184e1caa6d813529bd9a8f69b74eb620b5d16665dbd506efa472f095a766e61adae6e7a7d51226049832f4f9dba34","name":"guns_by_country@1.csv","type":"text/csv","lastModified":1682721463312.145,"size":6123},{"id":"a76840256223e399c5883ad2fad9c33a39b5d74e0cb60d07a51914c10c1585310d81978aa665f4005c6e4537b8ad8264d49f63b2e037c910da01a56d049e1bd3","href":"https://static.observableusercontent.com/files/a76840256223e399c5883ad2fad9c33a39b5d74e0cb60d07a51914c10c1585310d81978aa665f4005c6e4537b8ad8264d49f63b2e037c910da01a56d049e1bd3","name":"gun_deaths_by_country.csv","type":"text/csv","lastModified":1684433964925.655,"size":3170},{"id":"dac38a51287fdef081a31aa1565012d61e407ea694242c39602a0f5b61a0f6c7a1bb0d6ff3dc90588288de8de9944592984b153a7e75882d613511b2b3df8261","href":"https://static.observableusercontent.com/files/dac38a51287fdef081a31aa1565012d61e407ea694242c39602a0f5b61a0f6c7a1bb0d6ff3dc90588288de8de9944592984b153a7e75882d613511b2b3df8261","name":"countries@2.json","type":"application/json","lastModified":1682934241510.633,"size":196224}] 2d:{"title":"Visualizations of gun ownership data","cells":[{"id":839,"value":"# Visualizations of gun ownership data","pinned":false,"hidden":false,"mode":"md"},{"id":689,"value":"There's no doubt that the United States loves its guns. According to the most recent comprehensive survey of gun ownership worldwide performed in 2017 by the [Small Arms Survey](https://www.smallarmssurvey.org/), about ${Math.round(100*guns_and_countries[0].firearms / d3.sum(guns_and_countries, (o) => o.firearms))}% of all civilian owned guns in the world are in the United States. The median country has ${d3.median(guns_and_countries, (o) => o.per100)} guns per 100 people; in the US, that number is 120.5 making US the only country in the world with more guns than people.\n\nThe visualizations below illustrate that data, as obtained in CSV format from [World Population Review](https://worldpopulationreview.com/country-rankings/gun-ownership-by-country). The data is also available [on Wikipedia](https://en.wikipedia.org/wiki/Estimated_number_of_civilian_guns_per_capita_by_country).","pinned":false,"hidden":false,"mode":"md"},{"id":804,"value":"## As a map","pinned":false,"hidden":false,"mode":"md"},{"id":719,"value":"legend = Legend(\n d3\n .scaleThreshold()\n .domain(\n d3\n .range(8)\n .map((n) => 128 / 2 ** n)\n .reverse()\n )\n .range(d3.schemeReds[8]),\n {\n title: \"Shade for guns per 100 people\"\n }\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":380,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs"},{"id":815,"value":"## As a bar plot","pinned":false,"hidden":false,"mode":"md"},{"id":529,"value":"viewof num_countries_to_show = Inputs.range([5, 200], {\n value: 5,\n step: 1,\n label: \"Count:\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":764,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":807,"value":"## As a table","pinned":false,"hidden":false,"mode":"md"},{"id":809,"value":"gun_ownership_table = Inputs.table(\n guns_and_countries.map((o) => ({\n country: o.country,\n firearms: o.firearms,\n per100: o.per100\n })),\n { rows: rows }\n)\n\n// {\n// let table = Inputs.table(\n// guns_and_countries.map((o) => ({\n// country: o.country,\n// firearms: o.firearms,\n// per100: o.per100\n// })),\n// { rows: 16 }\n// );\n// d3.select(table).selectAll(\"input\").remove();\n// return table;\n// }","pinned":false,"hidden":false,"mode":"ojs"},{"id":874,"value":"rows = 20","pinned":true,"hidden":false,"mode":"ojs"},{"id":152,"value":"## Code","pinned":false,"hidden":false,"mode":"md"},{"id":895,"value":"guns_by_country_name.get(\"me\") !== undefined","pinned":true,"hidden":false,"mode":"ojs"},{"id":885,"value":"// gun_deaths_by_country.map(function (o) {\n// let gun_info = guns_by_country_name.get(o.country);\n// if (typeof gun_info != \"undefined\") {\n// return o;\n// }\n// })","pinned":true,"hidden":false,"mode":"ojs"},{"id":879,"value":"// gun_deaths_by_country = FileAttachment(\"gun_deaths_by_country.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs"},{"id":881,"value":"// FileAttachment(\"guns_by_country@1.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs"},{"id":452,"value":"function get_guns_per100(c) {\n let guns = guns_by_country_abbr.get(c.properties.ISO_A3);\n if (guns) {\n let per100 = guns.per100;\n return per100;\n } else if (c.properties.ISO_A3 == \"-99\") {\n let guns = guns_by_country_name.get(c.properties.ADMIN);\n if (guns) {\n let per100 = guns.per100;\n return per100;\n } else {\n return -1;\n }\n } else {\n return -1;\n }\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":374,"value":"countries = {\n let countries = await FileAttachment(\"countries@2.json\").json();\n return topojson.feature(countries, countries.objects.countries);\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":395,"value":"max = d3.max(Array.from(guns_by_country_abbr.values(), (o) => o.per100))","pinned":true,"hidden":false,"mode":"ojs"},{"id":371,"value":"guns_by_country_abbr = d3.rollup(\n guns_and_countries,\n (a) => a[0],\n (o) => o.cca3\n)","pinned":true,"hidden":false,"mode":"ojs"},{"id":434,"value":"guns_by_country_name = d3.rollup(\n guns_and_countries,\n (a) => a[0],\n (o) => o.country\n)","pinned":true,"hidden":false,"mode":"ojs"},{"id":427,"value":"guns_and_countries = FileAttachment(\"guns_by_country@1.csv\").csv({\n typed: true\n })","pinned":true,"hidden":false,"mode":"ojs"},{"id":493,"value":"import { Legend, Swatches } from \"@d3/color-legend\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":473,"value":"tippy = require(\"tippy.js\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":476,"value":"","pinned":true,"hidden":false,"mode":"html"},{"id":869,"value":"require.resolve(`tippy.js/themes/light-border.css`)","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}