2b:null 2c:["$","title",null,{"children":"Deaths from War | Christian Swinehart | Observable"}] 31:T483,treemapChart = civil => { let isCivil = war => war.civil_war.match(/civil/i), notCivil = war => war.civil_war.match(/inter/i), ratio = Math.sqrt( _.sum(_.map(_.filter(data, isCivil), d => +d.war_deaths_low)) / _.sum(_.map(_.filter(data, notCivil), d => +d.war_deaths_low)) ), width = treemapScale * (civil ? ratio : 1.0), height = width let wars = data.filter(civil ? isCivil : notCivil), nested = { name:`Deaths from ${civil ? 'Civil' : 'Interstate'} Wars`, children:_.toPairs(_.groupBy(wars, 'region')).map( ([region, wars]) => ({ name:region, children:wars }) ) } let interstateRegions = _.uniq(_.map(data.filter(notCivil), 'region')), civilRegions = _.uniq(_.map(data.filter(notCivil), 'region')), scheme = d3.schemeTableau10, colors = civil ? civilRegions.map(r => scheme[interstateRegions.indexOf(r)]) : scheme return Treemap(nested,{ value: d => d.war_deaths_low, group:(d, n) => d.region, label:(d, n) => d.war_name, tile:d3.treemapBinary, colors, width, height }) }32:[{"id":"8daf6d9b474478b5041e4aec2894c64b722f15ff91dfa01327cb8e4f899591a2a91a10a7ecfdd45eadb693bbb15a4d4786605418f6a0da0b75021773ea0bbc65","href":"https://static.observableusercontent.com/files/8daf6d9b474478b5041e4aec2894c64b722f15ff91dfa01327cb8e4f899591a2a91a10a7ecfdd45eadb693bbb15a4d4786605418f6a0da0b75021773ea0bbc65","name":"War deaths viz.ai","type":"application/pdf","lastModified":1708699665746.686,"size":641413},{"id":"f1ce51d2af271c63fc9ba5783ccf121d73b37a8752bd94ac99be9d4944f00b733cdbd67e3b8b0e5e3e3a29a1d0b998ed3bfca9b47754d447fd6c3b817a5876da","href":"https://static.observableusercontent.com/files/f1ce51d2af271c63fc9ba5783ccf121d73b37a8752bd94ac99be9d4944f00b733cdbd67e3b8b0e5e3e3a29a1d0b998ed3bfca9b47754d447fd6c3b817a5876da","name":"wars_by_deaths_mars.csv","type":"text/csv","lastModified":1706278307636.868,"size":16081},{"id":"b6d3b1b21980fd5cd6cbabf499edf1a039e42b0007448aa30a23467654a8db6417f87cd94226ab31e00cb88bff7156a294b104bf1d0ea69e7e06027d2bfa5994","href":"https://static.observableusercontent.com/files/b6d3b1b21980fd5cd6cbabf499edf1a039e42b0007448aa30a23467654a8db6417f87cd94226ab31e00cb88bff7156a294b104bf1d0ea69e7e06027d2bfa5994","name":"wars_by_deaths_mars@1.csv","type":"text/csv","lastModified":1706289756670.784,"size":16287}] 2f:{"id":"0c43ce240f03a308","slug":null,"title":"Deaths from War","thumbnail":"b698efe4b2cab1a75d47c1aecb5774adc531a92a2e2a24130924502b954321f1","access_level":"public","create_time":"$D2024-01-26T14:10:53.229Z","update_time":"$D2024-03-30T01:07:23.152Z","view_time":null,"first_public_time":"$D2024-01-26T14:10:53.229Z","has_unpublished_edits":null,"fork":{"id":"e48bf34c52588bc9","slug":"plot-scatterplot","title":"Plot Scatterplot","owner":{"id":"f35c755083683fe5","login":"observablehq","name":"Observable"}},"stars":0,"starred":false,"owner":{"type":"team","id":"76c9dc4fe63104d3","login":"samizdatco","name":"Christian Swinehart","avatar_url":"https://avatars-next.observableusercontent.com/7d892c168f0e4ce74b20e28b342c8e8668ce2af0a31fa11e7219416761f4e212","tier":"starter_2024"},"version":1061,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"38edda25113d674d","login":"samizdatco","name":"Christian Swinehart","avatar_url":"https://avatars-next.observableusercontent.com/7d892c168f0e4ce74b20e28b342c8e8668ce2af0a31fa11e7219416761f4e212","tier":null}],"members":[{"type":"individual","id":"38edda25113d674d","login":"samizdatco","name":"Christian Swinehart","avatar_url":"https://avatars-next.observableusercontent.com/7d892c168f0e4ce74b20e28b342c8e8668ce2af0a31fa11e7219416761f4e212","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Deaths from War","cells":[{"id":0,"value":"# Deaths from War","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":549,"value":"## Data","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":56,"value":"wars_by_deaths_mars = await FileAttachment(\"wars_by_deaths_mars@1.csv\").csv({typed: \"auto\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"wars_by_deaths_mars","database":"$undefined"},{"id":4,"value":"data = FileAttachment(\"wars_by_deaths_mars@1.csv\").csv()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":780,"value":"byType = _.toPairs(_.groupBy(data, 'civil_war')).map(\n ([kind, wars]) => ({\n name:kind, \n children:wars,\n })\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":602,"value":"nested = _.toPairs(_.groupBy(data, 'civil_war')).map(\n ([kind, wars]) => ({\n name:kind, \n children:_.toPairs(_.groupBy(wars, 'region')).map(\n ([region, wars]) => ({\n name:region, \n children:wars\n })\n )\n })\n)\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":666,"value":"## Bubble Timeline","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":739,"value":"viewof stackMode = Inputs.radio([\"Ascending\", \"Descending\"], {label:\"Sort by # deaths\", value:\"Ascending\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":756,"value":"viewof bubbleFacet = Inputs.radio([\"region\", \"civil_war\"], {label:\"Facet by\", value:\"civil_war\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":759,"value":"viewof bubbleColor = Inputs.radio([\"region\", \"civil_war\"], {label:\"Color by\", value:\"region\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":481,"value":"Plot.plot({\n height: 1000,\n insetLeft: 0,\n marginLeft: 80,\n width,\n y: {},\n color: { legend: true, scheme:\"Tableau10\" },\n r: {range: [1, 100]},\n grid:true,\n marks: [\n Plot.frame({ strokeOpacity: 0.1 }),\n Plot.dot(wars_by_deaths_mars, \n Plot.dodgeY(\"middle\",{\n x: \"midpoint\",\n fy: bubbleFacet,\n fill: bubbleColor,\n r: \"war_deaths_low\",\n title:\"war_name\",\n sort:d => d.war_deaths_low * (stackMode=='Descending' ? -1 : 1),\n tip: true\n })\n ),\n Plot.text(wars_by_deaths_mars, \n Plot.filter((d) => d.war_deaths_low > 100000,\n Plot.dodgeY(\"middle\",{\n x: \"midpoint\",\n fy: bubbleFacet,\n r: \"war_deaths_low\",\n text:\"war_name\",\n lineWidth: 1,\n stroke: \"rgba(255,255,255,0.66)\",\n fill: \"black\",\n sort:d => d.war_deaths_low * (stackMode=='Descending' ? -1 : 1),\n })\n )\n ) \n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1048,"value":"// viewof config = Inputs.form({\n// stackMode: Inputs.radio([\"Ascending\", \"Descending\"], {label:\"Sort by # deaths\", value:\"Descending\"}),\n// bubbleFacet: Inputs.radio([\"region\", \"civil_war\", \"none\"], {label:\"Facet by\", value:\"none\"}),\n// bubbleColor: Inputs.radio([\"region\", \"civil_war\"], {label:\"Color by\", value:\"region\"}),\n// })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":698,"value":"## Interstate vs Civil","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":860,"value":"viewof bubbleScale = Inputs.range([250, 750], {value:500, label:\"Bubble size:\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":880,"value":"viewof treemapScale = Inputs.range([250, 750], {value:500, label:\"Treemap area:\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":671,"value":"\n \n \n \n

\n ${bubbleChart(false)}\n

\n ${bubbleChart(true)}\n

\n \n","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":892,"value":"\n \n \n \n \n

\n ${treemapChart(false)}\n

\n ${treemapChart(true)}\n

\n \n","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":658,"value":"bubbleChart = civil => {\n let isCivil = war => !!war.civil_war.match(/civil/i),\n notCivil = war => !!war.civil_war.match(/inter/i),\n ratio = Math.sqrt(\n _.sum(_.map(_.filter(data, isCivil), d => +d.war_deaths_low)) / \n _.sum(_.map(_.filter(data, notCivil), d => +d.war_deaths_low))\n ),\n // ratio = .24,\n wars = data.filter(civil ? isCivil : notCivil),\n width = bubbleScale * (civil ? ratio : 1.0),\n height = width\n\n let interstateRegions = _.uniq(_.map(data.filter(notCivil), 'region')),\n civilRegions = _.uniq(_.map(data.filter(notCivil), 'region')),\n scheme = d3.schemeTableau10,\n colors = civil ? civilRegions.map(r => scheme[interstateRegions.indexOf(r)]) : scheme\n\n return BubbleChart(wars, {\n name: d => d.war_name,\n group: d => d.region,\n value: d=> d.war_deaths_low,\n colors, width, height\n }\n )\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":882,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":556,"value":"## Plots","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":87,"value":"Plot.plot({\n marginLeft: 135,\n insetLeft: 0,\n width: width,\n height: 800,\ncolor: {\n legend: true\n },\n marks: [\n Plot.auto(wars_by_deaths_mars, {x: \"midpoint\", fy: \"region\", color: \"civil_war\"})\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":332,"value":"Plot.plot({\n marginLeft: 135,\n insetLeft: 0,\n width: width,\n height: 400,\ncolor: {\n legend: true\n },\n marks: [\n Plot.auto(wars_by_deaths_mars, {x: \"midpoint\", fy: \"civil_war\", color: \"region\"})\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":733,"value":"## Sketches","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":339,"value":"Plot.plot({\n height: 1000,\n insetLeft: 0,\n marginLeft: 135,\n width,\n y: {},\n color: { legend: true, scheme:\"Set1\" },\n r: {range: [1, 60]},\n marks: [\n Plot.frame({ strokeOpacity: 0.1 }),\n Plot.dot(wars_by_deaths_mars, \n Plot.dodgeY(\"middle\",{\n x: \"midpoint\",\n fy: \"region\",\n fill: \"civil_war\",\n r: d => d.war_deaths_low,\n title:\"war_name\",\n sort:\"war_deaths_low\",\n tip: true\n })\n )\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":619,"value":"treemap = Treemap({\n name:\"Deaths from War\",\n children:nested\n},{\n value: d => d.war_deaths_low,\n group:(d, n) => d.region,\n label:(d, n) => d.war_name,\n width:width,\n height:width*.6,\n colors:d3.schemeTableau10,\n tile:d3.treemapBinary\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":817,"value":"### Dependencies","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":605,"value":"_ = require(\"lodash@4\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":654,"value":"import {BubbleChart} from \"791923434eb25bb3\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":597,"value":"import {Treemap} from \"@d3/treemap-component\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":769,"value":"import {CirclePacking} from \"@d3/pack-component\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":993,"value":"## For Klara","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":989,"value":"Plot.plot({\n height: 1000,\n insetLeft: 0,\n marginLeft: 80,\n width,\n x:{domain:[1800, 2025], tickSpacing:120, tickFormat:\" d\"},\n y: {},\n color: { legend: true, scheme:\"Tableau10\" },\n r: {range: [1, 100]},\n grid:true,\n marks: [\n Plot.frame({ strokeOpacity: 0.1 }),\n Plot.dot(wars_by_deaths_mars, \n Plot.dodgeY(\"middle\",{\n x: \"midpoint\",\n fy: bubbleFacet,\n fill: bubbleColor,\n r: \"war_deaths_low\",\n title:\"war_name\",\n sort:d => d.war_deaths_low * (stackMode=='Descending' ? -1 : 1),\n tip: true\n })\n ),\n Plot.text(wars_by_deaths_mars, \n // Plot.filter((d) => d.war_deaths_low > 100000,\n Plot.dodgeY(\"middle\",{\n x: \"midpoint\",\n fy: bubbleFacet,\n r: \"war_deaths_low\",\n fontSize:1,\n text:\"war_name\",\n lineWidth: 100,\n fill: \"black\",\n sort:d => d.war_deaths_low * (stackMode=='Descending' ? -1 : 1),\n })\n )\n // ) \n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1032,"value":"## Final Designs\n_See file attachments for download_","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1036,"value":"warDeathsViz.image()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1034,"value":"warDeathsViz = FileAttachment(\"War deaths viz.ai\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W32","stdlib":"1","titling":"auto"}} 30:"$2f:body"