3f:null 40:["$","title",null,{"children":"Day 6: OWID #30DayChartChallenge. Number of nuclear weapons tests, 1945 to 2019 | Roman Sverdan | Observable"}] 46:T6f8,chart = { const svg = d3 .create("svg") .style("width", width + "px") .style("height", height + "px") .style("font", "12px sans-serif"); svg.append("g").call(xAxis); const group = svg.append("g"); const country = group .selectAll("g") .data(data) .join("g") .attr( "transform", (d, i) => `translate(${margin.left}, ${i * (barHeight + 5)})` ); country .append("line") .attr("x1", 0) .attr("x2", width - margin.right - margin.left) .attr("y1", barHeight) .attr("y2", barHeight) .attr("stroke", "#ccc") .attr("stroke-width", 0.5); country .selectAll("rect") .data((d) => d[1].filter((el) => el.nuclear_weapons_tests > 0)) .join("rect") .attr("x", (d) => x(new Date(d.Year + ""))) .attr("y", 0) .attr("width", barWidth) .attr("height", barHeight) .attr("stroke-width", 0.5) .style("fill", (d) => colorScale(d.nuclear_weapons_tests)) .on("mousemove", nodeMouseOver) .on("mouseout", nodeMouseOut); country .append("text") .attr("y", barHeight / 2 - 5) .text((d) => d3.sum(d[1], (i) => i.nuclear_weapons_tests)) .style("font-weight", "bold"); country .append("text") .attr("y", barHeight / 2 + 10) .text((d) => (d[0] === "Russia" ? "russia" : d[0])); function nodeMouseOver(event, d) { let x = event.pageX + 18; let y = event.pageY; x > width - 200 ? (x = x - 218) : x; toolTip .style("left", x + "px") .style("top", y + 2 + "px") .style("display", "block") .html( `${d.Entity}
Year: ${d.Year}
Tests: ${d.nuclear_weapons_tests}` ); } function nodeMouseOut(event, d) { toolTip.style("display", "none"); } return svg.node(); }47:[{"id":"98bc0127e083b878d34d54a46cbff80c01509cce77b8f60f7fb59173fc36d826b10178f4f495c733dc8ead9e8d812c6dba84a9d92eb444e6cb5147736c5a7dec","href":"https://static.observableusercontent.com/files/98bc0127e083b878d34d54a46cbff80c01509cce77b8f60f7fb59173fc36d826b10178f4f495c733dc8ead9e8d812c6dba84a9d92eb444e6cb5147736c5a7dec","name":"number-of-nuclear-weapons-tests.csv","type":"text/csv","lastModified":1680795494205.631,"size":12407}] 44:{"id":"1d2c06d23d69ae08","slug":"30daychartchallenge-day-6","title":"Day 6: OWID #30DayChartChallenge. Number of nuclear weapons tests, 1945 to 2019","thumbnail":"460f26f1dbd9e7877bb46a67ae179928609f85bdcfa669888a667e9d86489bea","access_level":"public","create_time":"$D2023-04-06T15:37:49.001Z","update_time":"$D2023-04-06T16:14:39.503Z","view_time":null,"first_public_time":"$D2023-04-06T15:37:49.001Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"36db9f151dbeb3bc","login":"romansverdan","name":"Roman Sverdan","avatar_url":"https://avatars-next.observableusercontent.com/f10a4afffb8f95850eb88bda500106e7c81993daee3682132a6b9dde86884569","tier":"starter_2024","bio":"Information designer, data visualization engineer📈, 🇺🇦🇺🇦🇺🇦","following":false},"version":114,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"2c1ee78e30fade9b","login":"romansverdan","name":"Roman Sverdan","avatar_url":"https://avatars-next.observableusercontent.com/f10a4afffb8f95850eb88bda500106e7c81993daee3682132a6b9dde86884569","tier":null,"bio":"Information designer, data visualization engineer📈, 🇺🇦🇺🇦🇺🇦","following":false}],"members":[{"type":"individual","id":"2c1ee78e30fade9b","login":"romansverdan","name":"Roman Sverdan","avatar_url":"https://avatars-next.observableusercontent.com/f10a4afffb8f95850eb88bda500106e7c81993daee3682132a6b9dde86884569","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":{"id":"6909a3a6854e8e08","slug":"30daychartchallenge-2023","title":"#30DayChartChallenge 2023","owner":{"id":"36db9f151dbeb3bc","login":"romansverdan","name":"Roman Sverdan"}},"type":"notebook","body":{"titling":"auto","title":"Day 6: OWID #30DayChartChallenge. Number of nuclear weapons tests, 1945 to 2019","cells":[{"id":0,"value":"# Day 6: OWID #30DayChartChallenge. Number of nuclear weapons tests, 1945 to 2019","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":45,"value":"Data source: Our World in Data\n

","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":62,"value":"Legend(d3.scaleSequential([0, 100], colors), {\n title: \"Number of tests\",\n ticks: 6,\n tickFormat: (d) => (d === 0 ? 1 : d === 100 ? 96 : d)\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":39,"value":"$46","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":88,"value":"","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":14,"value":"height = 450","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":17,"value":"barHeight = 40","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":20,"value":"barWidth = x(new Date(\"1946\")) - x(new Date(\"1945\"))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":22,"value":"margin = ({ top: 20, right: 20, bottom: 60, left: 20 })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":25,"value":"yearMinMax = d3.extent(csv, (d) => d.Year)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":49,"value":"dataMax = d3.max(csv, (d) => d.nuclear_weapons_tests)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":65,"value":"colors = [\"#fee08b\", \"#362142\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":27,"value":"colorScale = d3\n .scaleSequential()\n .domain([0, dataMax])\n .interpolator(d3.interpolateRgb(colors[0], colors[1]))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":31,"value":"x = d3\n .scaleTime()\n .domain([new Date(yearMinMax[0] - 6 + \"\"), new Date(yearMinMax[1] + 3 + \"\")])\n .range([margin.left, width - margin.right])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":33,"value":"xAxis = (g) =>\n g\n .attr(\"transform\", `translate(0, ${height - margin.bottom})`)\n .call(d3.axisBottom(x).ticks(width / 80))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":84,"value":"toolTip = d3.select(\"body\").append(\"div\").attr(\"class\", \"toolTip\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"csv = FileAttachment(\"number-of-nuclear-weapons-tests.csv\").csv({ typed: true })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"data = Array.from(d3.group(csv, (d) => d.Entity))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"d3 = require(\"d3@7.8.0\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":59,"value":"import { Legend } from \"@d3/color-legend\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W47","stdlib":"1"}} 45:"$44:body"