31:Tbde,annotations = { chart const annotate = [ { type:d3.annotationCustomType( d3.annotationLabel, {"className":"custom", "connector":{"end":"dot"}, "note":{"lineType":"horizontal", "align":"middle"}}), note: { label: "1.Third Battle of Panipat, 2.The British capture Pondichéry, India from the French. 3.An earthquake in London breaks chimneys in Limehouse and Poplar.", wrap:100, }, x:72, y:730, dx:3, dy:-150, color:"#e99a66" }, { type:d3.annotationCustomType( d3.annotationLabel, {"className":"custom", "connector":{"end":"dot"}, "note":{"lineType":"horizontal", "align":"middle"}}), note: { label: "1. Louis XVI of France declares war on the Kingdom of Great Britain.", wrap:150, }, x:135, y:520, dx:0, dy:-350, color:"#e99a66" }, { type:d3.annotationCustomType( d3.annotationLabel, {"className":"custom", "connector":{"end":"dot"}, "note":{"lineType":"horizontal", "align":"middle"}}), note: { label: "Conflict erupts between the Second French Empire and the Kingdom of Prussia leading to the Franco-Prussian War in 1870.", wrap:150, }, x:475, y:650, dx:0, dy:-250, color:"#e99a66" }, { type:d3.annotationCustomType( d3.annotationCallout, {"className":"custom", "connector":{"end":"dot"}, "note":{"lineType":"horizontal", "align":"right"}}), note: { label: " Partition of British Indian Empire into independent dominions, India and Pakistan, sectarian violence and refugee crises.", wrap:150, }, x:760, y:635, dx:0, dy:-70, color:"#e99a66" }, { type:d3.annotationCustomType( d3.annotationLabel, {"className":"custom", "connector":{"end":"dot"}, "note":{"lineType":"horizontal", "align":"middle"}}), note: { label: "Vice President Richard Nixon's goodwill tour of South America sparks open protests and rioting.", wrap:150, }, x:800, y:590, dx:0, dy:-250, color:"#e99a66" } ].map(d=>{return d}) const makeAnnot = d3.annotation() .type(d3.annotationLabel) .annotations(annotate) d3.select("svg") .append("g") .call(makeAnnot) }32:[{"id":"244679b9afd70e16f6d11c9ce90a83e6c0da8d1d7d194a22d190423f5d68b49c1d5793a13448bf29b29d8f074630b71815c59d066b2e2f8b3db261cd4a5d7f97","href":"https://static.observableusercontent.com/files/244679b9afd70e16f6d11c9ce90a83e6c0da8d1d7d194a22d190423f5d68b49c1d5793a13448bf29b29d8f074630b71815c59d066b2e2f8b3db261cd4a5d7f97","name":"data.csv","type":"text/csv","lastModified":1617548798426.608,"size":644}] 2f:{"title":"Solar Maxima and Human Excitability","cells":[{"id":0,"value":"html`

Solar Maxima and Human Excitability

Week 1:Comparisons. Day 4:Magical.

#30daychartchallenge

` ","pinned":false,"hidden":false,"mode":"ojs"},{"id":230,"value":"html`\n

Alexander Tchijevsky, a Russian scientist noticed that more severe battles during World War I occurred during peak sunspot periods. He conducted a thorough study of global human history dating back to 1749 and compared the period to the solar cycles through the period.

` ","pinned":false,"hidden":false,"mode":"ojs"},{"id":10,"value":"chart = {\n const svg = d3.select(DOM.svg(width,height))\n .attr(\"viewBox\",[0,0,width+50,height+50])\n .style(\"background-color\",\"#640e50\")\n \n svg.append(\"g\")\n .call(xAxis)\n .call(g => g.select(\".domain\").remove())\n .attr(\"stroke\",\"#e99a66\");\n\n svg.append(\"g\")\n .call(yAxis)\n .style(\"display\",\"none\");\n \n svg.append(\"path\")\n .datum(data)\n .attr(\"fill\",\"none\")\n .attr(\"stroke\",\"#e99a66\")\n .attr(\"stroke-width\", 2.5)\n .attr(\"stroke-linejoin\", \"round\")\n .attr(\"stroke-linecap\", \"round\")\n .attr(\"d\",line)\n return svg.node()\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":225,"value":"html`

Data Credit:\nNational Oceanic and Atmospheric Administration

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":67,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":34,"value":"line = d3.line()\n .x(d=>x(formatYear(d.Year)))\n .y(d=>y(d.Wolf))","pinned":false,"hidden":false,"mode":"ojs"},{"id":18,"value":"yAxis = g => g.attr(\"transform\",`translate(${margin.left},0)`)\n .call(d3.axisLeft(y))","pinned":false,"hidden":false,"mode":"ojs"},{"id":25,"value":"xAxis = g => g.attr(\"transform\",`translate(0,${height-margin.bottom})`)\n .call(d3.axisBottom(x))","pinned":false,"hidden":false,"mode":"ojs"},{"id":22,"value":"y = d3.scaleLinear()\n .domain([0,d3.max(data,d=>d.Wolf)])\n .range([height-margin.bottom,margin.top+500]) ","pinned":false,"hidden":false,"mode":"ojs"},{"id":20,"value":"x = d3.scaleTime()\n .domain(d3.extent(data,d=>formatYear(d.Year)))\n .range([margin.left,width-margin.right])","pinned":false,"hidden":false,"mode":"ojs"},{"id":16,"value":"margin = ({top: 20, right: 50, bottom: 30, left: 50})","pinned":false,"hidden":false,"mode":"ojs"},{"id":12,"value":"height = 900","pinned":false,"hidden":false,"mode":"ojs"},{"id":28,"value":"formatYear = d3.timeParse(\"%Y\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":250,"value":"width = 960","pinned":true,"hidden":false,"mode":"ojs"},{"id":7,"value":"data = FileAttachment(\"data.csv\").csv({typed:true})","pinned":false,"hidden":false,"mode":"ojs"},{"id":4,"value":"d3 = require('d3@6','d3-svg-annotation')","pinned":false,"hidden":false,"mode":"ojs"},{"id":252,"value":"html`\n\n`","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}