2d:null 2e:["$","title",null,{"children":"[DSP] Data Perspectives on Humanitarian Military Intervention | T.E. Schouten | Observable"}] 33:T494,viewof conflict_id = { const _ = select({ // title: 'Select a conflict', options: [ { value:333, label: '*Afghanistan' }, { value:287, label: '*Burundi' }, { value:416, label: 'Central African Republic' }, { value:288, label: 'Chad' }, { value:283, label: 'DR Congo (Zaire)' }, { value:392, label: 'Georgia' }, { value:381, label: 'Haiti' }, { value:330, label: 'Indonesia' }, { value:259, label: '*Iraq: Government' }, { value:271, label: 'Iraq: Kurdistan' }, { value:426, label: 'Israel: Southern Lebanon' }, { value:419, label: 'Ivory Coast' }, { value:260, label: 'Lebanon' }, { value:11346, label: 'Libya' }, { value:394, label: 'Moldova' }, { value:374, label: 'Rwanda' }, { value:412, label: 'Serbia' }, { value:382, label: 'Sierra Leone' }, { value:337, label: 'Somalia' }, { value:352, label: 'Sri Lanka' }, { value:309, label: 'Sudan' }, { value:395, label: 'Tajikistan' }, ], value: 287, title: 'Select violent emergency', description: 'Entries with an asterisk* include PRIF data.', }); return _; }34:T75e,chart = { let interval = d3.timeMonth.every(1) let margin = ({top: 30, right: 10, bottom: 10, left: 40}) let height = 50 const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]); const brush = d3.brushX() .extent([[margin.left, margin.top], [width - margin.right, height - margin.bottom]]) .on("brush", brushed) .on("end", exit) let xAxis2 = g => g .attr("transform", `translate(0,${height - margin.bottom})`) .call(g => g.append("g") .call(d3.axisBottom(xScale) .ticks(interval) .tickSize(-height + margin.top + margin.bottom) .tickFormat(() => null)) .call(g => g.select(".domain") .attr("fill", "#ddd") .attr("stroke", null)) .call(g => g.selectAll(".tick line") .attr("stroke", "#fff") .attr("stroke-opacity", d => d <= d3.timeDay(d) ? 1 : 0.5))) .call(g => g.append("g") .attr("transform", `translate(0,${-(height-margin.top-margin.bottom)})`) .call(d3.axisTop(xScale) // .ticks(8) .tickPadding(0)) .attr("text-anchor", null) .call(g => g.select(".domain").remove()) .call(g => g.selectAll("text").attr("x", 6))) svg.append("g") .call(xAxis2); svg.append("g") .call(brush); function exit() { mutable daterange = conflict_timespan } function brushed(event) { console.log('brushed') if (event.sourceEvent.type === "brush") return const d0 = event.selection.map(xScale.invert); const d1 = d0.map(interval.round); // If empty when rounded, use floor instead. if (d1[0] >= d1[1]) { d1[0] = interval.floor(d0[0]); d1[1] = interval.offset(d1[0]); } mutable daterange = [d1[0], d1[1]] d3.select(this).call(brush.move, d1.map(xScale)); } return svg.node(); }35:Tde1,bubble = { const svg = d3.create("svg") .attr("width", width) .attr("height", height + margin.top + margin.bottom) const legend = svg.append("g") .call(legendCircle() .scale(rScale) .tickValues([50, 2500, 12500]) .tickFormat((d, i, e) => i === e.length - 1 ? d + " fatalities" : d) .tickSize(5)) .attr("transform", `translate(${margin.left+20}, ${margin.top+20})`) const clippath = svg.append("clipPath") .attr("id", "chart-area") .append("rect") .attr("x", margin.left) .attr("y", margin.top) .attr("width", width-margin.left-margin.right) .attr("height", height-margin.top-margin.bottom) // Scoped copies of the scales const zx = xScale.copy(); const zy = yScale.copy(); // Axes called with the generators const gY = svg.append("g") .call(yAxis) .attr("transform", `translate(${margin.left},0)`) .select(".domain").remove(); const gx = svg.append("g") .call(xAxis) const startend = svg.selectAll('start-end-lines') .data(hmi_timespan) .join('line') .attr("x1", d => xScale(d)) .attr("x2", d => xScale(d)) .attr("y1", margin.top) .attr("y2", height-margin.bottom) .attr("stroke-width", 1) .attr("stroke-dasharray", "5,2") .attr("stroke", 'darkgrey') const startendlabel = svg.selectAll('start-end-label') .data(hmi_timespan) .join('text') .attr("x", d => xScale(d)) .attr("y", margin.top - 5) .attr('text-anchor', 'middle') .text((d,i) => i == 0 ? 'Start HMI' : 'End HMI') const moments = svg.selectAll('rectangles') .data(hmi_moments) .join('rect') .attr("x", d => xScale(d.date_start)) .attr("y", margin.top) .attr("height", height-margin.top-margin.bottom) .attr("width", d => xScale(d.date_end)-xScale(d.date_start)) .attr('fill', d => TL_cScale(d.cat)) .attr("fill-opacity", 0.1) .attr("stroke", d => TL_cScale(d.cat)) .attr('stroke-opacity', .3) const dots = svg.selectAll("dot") .data(ged_data) .join("circle") .attr("cx", d => xScale(d.date)) .attr("cy", d => yScale(d.count)) // .. and we draw from top to bottom .attr("fill-opacity", 0.1) .attr("r", d => rScale(d.deaths)) // .. and we draw from top to bottom .attr("stroke", "black") .attr("stroke-opacity", .2) .on("mouseover", function(e,d) { d3.select(this).attr("fill-opacity", .8) tooltip.style("visibility", "visible") .html(setTooltipContent(d)) }) .on("mousemove", function(e,d) { let [x, y] = [e.clientX, e.clientY] y +=20; if(x>width/2) x-= 30; tooltip.style("top", y+"px").style("left",x+"px"); console.log(x,y) }) .on("mouseout", function(d) { d3.select(this).attr("fill-opacity", .1) tooltip.style("visibility", "hidden") }) .attr("clip-path", "url(#chart-area)") yield Object.assign(svg.node(), { x_update(domain) { const t = svg.transition().duration(750); zx.domain(domain); gx.transition(t).call(xAxis, zx); dots.transition(t).attr("cx", d => zx(d.date)); if (moments) { moments.transition(t).attr("x", d => zx(d.date_start)); } // update the HMI start/end lines startend.transition(t).attr("x1", d => zx(d)) startend.transition(t).attr("x2", d => zx(d)) // update the HMI start/end labels startendlabel.transition(t).attr("x", d => zx(d)) }, }); }36:T903,bars2 = { const svg = d3.create("svg") .attr("width", width) .attr("height", VP_height + VP_margin.top + VP_margin.bottom) const clippath = svg.append("clipPath") .attr("id", "chart-area") .append("rect") .attr("x", VP_margin.left) .attr("y", VP_margin.top) .attr("width", width-VP_margin.left-VP_margin.right) .attr("height", VP_height-VP_margin.top-VP_margin.bottom) // Scoped copies of the scales const zx = VP_xScale.copy(); const zy = VP_yScale.copy(); // Axes called with the generators const gY = svg.append("g") .call(VP_yAxis) .attr("transform", `translate(${VP_margin.left},0)`) .select(".domain").remove(); const gx = svg.append("g") .call(VP_xAxis) const startend = svg.selectAll('start-end-lines') .data(hmi_timespan) .join('line') .attr("x1", d => VP_xScale(d)) .attr("x2", d => VP_xScale(d)) .attr("y1", margin.top) .attr("y2", VP_height-margin.bottom) .attr("stroke-width", 1) .attr("stroke-dasharray", "5,2") .attr("stroke", 'darkgrey') const startendlabel = svg.selectAll('start-end-label') .data(hmi_timespan) .join('text') .attr("x", d => VP_xScale(d)) .attr("y", VP_margin.top - 5) .attr('text-anchor', 'middle') const moments = svg.selectAll('rectangles') .data(hmi_moments) .join('rect') .attr("x", d => VP_xScale(d.date_start)) .attr("y", VP_margin.top) .attr("height", VP_height-VP_margin.top-VP_margin.bottom) .attr("width", d => VP_xScale(d.date_end)-VP_xScale(d.date_start)) .attr('fill', d => TL_cScale(d.cat)) .attr("fill-opacity", 0.005) .attr("stroke", d => TL_cScale(d.cat)) .attr('stroke-opacity', .6) yield Object.assign(svg.node(), { x_update(domain) { const t = svg.transition().duration(750); zx.domain(domain); gx.transition(t).call(VP_xAxis, zx); if (moments) { moments.transition(t).attr("x", d => zx(d.date_start)); } // update the HMI start/end lines startend.transition(t).attr("x1", d => zx(d)) startend.transition(t).attr("x2", d => zx(d)) // update the HMI start/end labels startendlabel.transition(t).attr("x", d => zx(d)) }, }); }37:T889,hmi_timeline = { const svg = d3.create("svg") .attr("width", width) .attr("height", TL_height + TL_margin.top + TL_margin.bottom) const gx = svg.append("g") .call(TL_xAxis) const rects = svg.selectAll("rect") .data(prif_data) .join('rect') .attr('x', d => TL_xScale(d.date_start)) .attr('y', (d, i) => TL_yScale(i)) .attr('ry', 2) .attr('width', d => TL_xScale(d.date_end)-TL_xScale(d.date_start) ) .attr('height', TL_yScale.bandwidth()) .attr('fill', d => TL_cScale(d.cat)) .attr('fill-opacity', .95) .on("mouseover", function(e,d) { d3.select(this).attr("fill", d3.rgb(TL_cScale(d.cat)).darker(.8)) } ) .on("mouseout", function(e,d) { d3.select(this).attr("fill", TL_cScale(d.cat)) }) .on("click", (e,d) => addCase(d)); const label = svg.append("g") .selectAll("text") .data(prif_data) .join("text") .attr("text-anchor", d => getAnchorX(TL_xScale, d.date_start, d.date_end, d.case)) .attr("x", d => getLabelX(TL_xScale, d.date_start, d.date_end, d.case, 12)) .attr('y', (d, i) => TL_yScale(i)) .attr("dy", TL_barheight/2 +2) .text(d => d.case); function addCase(d) { let idx = hmi_moments.indexOf(d) if (idx === -1) { mutable hmi_moments.push(d) } else { mutable hmi_moments.splice(idx, 1) } mutable hmi_moments = mutable hmi_moments }; function getLabelX(xscale, date_start, date_end, label, offset) { let labellen = label.length *5 let boxstart = xscale(date_start) if (boxstart - labellen - 5 < TL_margin.left) { // label at end return xscale(date_end) + 3 } else { return xscale(date_start) - 3 } } function getAnchorX(xscale, date_start, date_end, label) { let labellen = label.length*5 let boxstart = xscale(date_start) if (boxstart - labellen - 5 < TL_margin.left) { // label at end return 'start' } else { return 'end' } } return svg.node() }38:T549,colorscales = ({ tropicalbliss: [ "#fc3e5a", "#fce138", "#4c81cd", "#f1983c", "#48885c", "#a553b7", "#fff799", "#b1a9d0", "#6ecffc", "#fc6f84", "#6af689", "#fcd27e" ], underthesea: [ "#024e76", "#ea311f", "#00734c", "#704489", "#f09100", "#607100", "#7570b3", "#c6004b", "#666666", "#ffffff", "#bf9727", "#333333" ], vibrantrainbow: [ "#32b8a6", "#f5cb11", "#eb7200", "#c461eb", "#6c7000", "#bf2e2e", "#46e39c", "#9fd40c", "#ad00f2", "#fffb00", "#7ff2fa", "#e8a784" ], retroflow: [ "#007fd9", "#443dbf", "#881fc5", "#d43f70", "#d9874c", "#b6a135", "#adbf27", "#c4dc66", "#ebe498" ], sunsetfade: [ "#b30000", "#7c1158", "#1a53ff", "#8be04e", "#ebdc78" ], rainforestfrogs: [ "#dc4b00", "#3c6ccc", "#d9dc00", "#91d900", "#986ba1", "#d99f00", "#4db478", "#4cafdc", "#96aedc" ], pasteldreams: [ "#fd7f6f", "#7eb0d5", "#b2e061", "#bd7ebe", "#ffb55a", "#ffee65", "#beb9db", "#fdcce5", "#8bd3c7", "#cbecc4", "#ffffaf" ], mushroomsoup: [ "#00b6f1", "#d9bf0d", "#c44245", "#6a28c7", "#b9a087", "#ab579d", "#78aea0", "#1e8553", "#ada016" ], flowerfield: [ "#e60049", "#0bb4ff", "#50e991", "#e6d800", "#9b19f5" ], desertblook: [ "#d9351a", "#ffc730", "#144d59", "#2c6954", "#ed9310", "#8c213f", "#102432", "#a64f1b", "#18382e", "#661510", "#b31515", "#4a0932" ], metromovement: [ "#ed5151", "#149ece", "#a7c636", "#9e559c", "#fc921f" ], })39:T88e,prif_raw = ({ 333 : { start_hmi: parseDate("2003-08-11"), end_hmi: parseDate("2014-12-31"), timeline: [{cat: 'STARDISA', case: 'Demobilize + disarm local forces', date_start: parseDate("2004-01-01"), date_end: parseDate("2011-03-31")}, {cat: 'STARVICI', case: 'Protecting civilians', date_start: parseDate("2003-08-11"), date_end: parseDate("2014-12-31")}, {cat: 'STARHUMA', case: 'Humanitarian aid', date_start: parseDate("2004-01-01"), date_end: parseDate("2014-12-13")}, {cat: 'STARLOS', case: 'Avoid military defeat*', date_start: parseDate("2003-08-11"), date_end: parseDate("2014-12-31")}, {cat: 'VIOSTAR', case: 'Start violent emergency', date_start: parseDate("1996-09-26"), date_end: new Date()},], }, 374: { start_hmi: parseDate("1994-06-23"), end_hmi: parseDate("1994-08-21"), timeline: [] }, 259: { start_hmi: parseDate("2014-08-08"), end_hmi: parseDate("2222-09-01"), timeline: [{cat: 'STARVICI', case: 'Protecting civilians', date_start: parseDate("2014-08-08"), date_end: parseDate("2222-09-01")}, {cat: 'STARHUMA', case: 'Humanitarian aid', date_start: parseDate("2014-08-08"), date_end: parseDate("2222-09-01")}, {cat: 'STARLOS', case: 'Avoid military defeat*', date_start: parseDate("2014-08-08"), date_end:parseDate("2222-09-01")}, {cat: 'VIOSTAR', case: 'Start violent emergency', date_start: parseDate("2014-06-01"), date_end: parseDate("2222-09-01")},], }, 287: { start_hmi: parseDate("2001-10-29"), end_hmi: parseDate("2008-12-04"), timeline: [{cat: 'STARDISA', case: 'Demobilize + disarm local forces', date_start: parseDate("2003-06-01"), date_end: parseDate("2008-12-04")}, {cat: 'STARVICI', case: 'Protecting civilians', date_start: parseDate("2004-06-01"), date_end: parseDate("2006-12-31")}, {cat: 'STARHUMA', case: 'Humanitarian aid', date_start: parseDate("2003-04-01"), date_end: parseDate("2006-12-31")}, {cat: 'VIOSTAR', case: 'Start violent emergency', date_start: parseDate("1993-10-21"), date_end: parseDate("2008-12-04")}, {cat: 'STARENFO', case: 'Enforce ceasefire', date_start: parseDate("2003-04-01"), date_end: parseDate("2008-12-04")},] } })3a:[{"id":"8934927eb05ba2613c51d41b20fa3aad29c4470ac0d15adf40f2bb0726286d149702fc0041d1c7f06d6a1405d0d5f21e65721ca8c654c0403e9ab2ff8123dc04","href":"https://static.observableusercontent.com/files/8934927eb05ba2613c51d41b20fa3aad29c4470ac0d15adf40f2bb0726286d149702fc0041d1c7f06d6a1405d0d5f21e65721ca8c654c0403e9ab2ff8123dc04","name":"ged@3.csv","type":"text/csv","lastModified":1606517305491.229,"size":2718140}] 31:{"id":"02fc62ffbe18a2f0","slug":"dsp-geddash","title":"[DSP] Data Perspectives on Humanitarian Military Intervention","thumbnail":"f726d71127244b31a26369e19a042039f3ade8f2fa2c070f45f118c7d973f76e","access_level":"public","create_time":"$D2020-11-27T16:08:10.695Z","update_time":"$D2021-02-09T08:59:09.325Z","view_time":null,"first_public_time":"$D2020-11-29T10:20:48.361Z","has_unpublished_edits":null,"fork":true,"stars":2,"starred":false,"owner":{"type":"team","id":"d19a230dabb035d0","login":"thijsschouten","name":"T.E. Schouten","avatar_url":"https://avatars-next.observableusercontent.com/091c69f0b7b396df70696f26f5738dc8c19b50db5102fc472c06d6e7458dd1ec","tier":"starter_2024"},"version":2066,"publish_version":2066,"role":null,"authored":false,"authors":[{"type":"individual","id":"b8802c07e4374e6f","login":"thijsschouten","name":"T.E. Schouten","avatar_url":"https://avatars-next.observableusercontent.com/091c69f0b7b396df70696f26f5738dc8c19b50db5102fc472c06d6e7458dd1ec","tier":null}],"members":[{"type":"individual","id":"b8802c07e4374e6f","login":"thijsschouten","name":"T.E. Schouten","avatar_url":"https://avatars-next.observableusercontent.com/091c69f0b7b396df70696f26f5738dc8c19b50db5102fc472c06d6e7458dd1ec","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"title":"[DSP] Data Perspectives on Humanitarian Military Intervention","cells":[{"id":0,"value":"md`# [DSP] Data Perspectives on Humanitarian Military Intervention`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":135,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":404,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2058,"value":"md`#### Conflict timeline- no. of events & severity`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2061,"value":"md`#### Other metrics`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1927,"value":"$36","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2054,"value":"md`#### Intervention timeline`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":898,"value":"$37","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1714,"value":"viewof colorpicker = {\n const _ = select({\n // title: 'Select a conflict',\n options: Object.keys(colorscales),\n value: 'retroflow',\n description: 'Pick colorscheme'\n });\n return _;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":863,"value":"md`\n----\n****UCDP Candidate Events Dataset**** \n*Hegre, H., Croicu, M., Eck, K., & Högbladh, S. (2020). Introducing the UCDP Candidate Events Dataset. Research & Politics, 7(3), 2053168020935257.*\n\n****PRIF**** \n*Dembinski, M., Gromes, T., & Werner, T. (2019). Humanitarian Military Interventions: Conceptual Controversies and Their Consequences for Comparative Research. International Peacekeeping, 26(5), 605-629.*\n\n----\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1541,"value":"md`## Dashboard\n- Select a violent emergency with HMI\n- View static conflict characteristics\n - Military: no. of troops\n - Region, population, ...\n- View timelines \n - Start/End date HMI\n - Severity emergency (fatalities & no. of events)\n - Social factors\n - Economic factors\n- View maps \n - Events on map\n - Refugees from/to?\n- Find 'similar' emergencies\n - .. by selecting x relevant characteristics\n- Show side-by-side?\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":605,"value":"md`----`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1164,"value":"md`#### Timeline of the conflict`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1585,"value":"md`#### Additional (bar)charts`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1563,"value":"md`---`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1566,"value":"md`## Appendix I: chart code`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1732,"value":"md`### Tooltip`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1738,"value":"setTooltipContent = function(d) {\n return `\n${d.date.toISOString().substring(0, 10)}
\nEvents ${d.count}
\nFatalities ${d.deaths}
\n[click to view on map]\n `\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1828,"value":"tooltip = d3.select(\"body\").append(\"div\")\n .attr(\"class\", \"svg-tooltip\")\n .style(\"position\", \"absolute\")\n .style(\"pointer-events\", \"none\")\n .style(\"z-index\", 10)\n .style(\"background\", \"white\")\n .style(\"border-radius\", \"2px\")\n .style(\"box-shadow\", \"0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23)\")\n .style(\"padding\", \"10px\")\n .style(\"line-height\", \"1.3\")\n .style(\"font\", \"11px sans-serif\")\n .style(\"visibility\", \"hidden\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":848,"value":"md`#### Shared graph variables`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":556,"value":"mutable daterange = []","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":588,"value":"conflict_timespan = [d3.min(ged_data, d => d.date), d3.max(ged_data, d => d.date)]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1189,"value":"mutable hmi_moments = []","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1935,"value":"md`#### Various params timeline`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2023,"value":"vp_data = {\n var min_year = 1990;\n var max_year = 2018;\n var year = []\n \n for(var i = 0; i <= max_year - min_year; i++) {\n console.log(min_year+i)\n year.push({year: parseDate(`${min_year+i}-02-01`), val:100})\n }\n return year\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1939,"value":"VP_margin = ({top: 20, right: 10, bottom:0, left: 40});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2003,"value":"VP_height = 175","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1942,"value":"VP_xScale = d3.scaleTime()\n .domain(conflict_timespan)\n .range([VP_margin.left, width - VP_margin.right])\n ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1950,"value":"VP_yScale = d3.scaleBand()\n .domain([0, 100])\n .range([VP_height - VP_margin.bottom, VP_margin.top])\n .padding(0.25)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1953,"value":"VP_xAxis = (g, scale = VP_xScale) =>\n g\n //.attr(\"transform\", `translate(0,${VP_margin.top})`)\n .attr(\"transform\", `translate(0,${VP_height - VP_margin.bottom})`)\n .call(d3.axisTop(scale)\n .tickFormat(d3.timeFormat(\"%b '%y\")))\n // .call(g => g.select(\".domain\").remove())\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1955,"value":"VP_yAxis = g => g\n .attr(\"transform\", `translate(${VP_margin.left},0)`)\n .call(d3.axisLeft(VP_yScale))\n .call(g => g.select(\".domain\").remove())\n .call(g => g.append(\"text\")\n .attr(\"x\", -VP_margin.left)\n .attr(\"y\", 10)\n .attr(\"fill\", \"currentColor\")\n .attr(\"text-anchor\", \"start\")\n .text(\"↑ GDP\"))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":908,"value":"md`#### Intervention timeline variables`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":913,"value":"hmi_timespan = {\n // fix when data complete\n // TODO!\n let id\n if (prif_raw[conflict_id]) {\n id = conflict_id\n } else {\n id = 374\n }\n \n return [prif_raw[id].start_hmi, prif_raw[id].end_hmi]\n \n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1041,"value":"TL_barheight = 15","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1001,"value":"TL_height = prif_data.length * TL_barheight + TL_margin.top + TL_margin.bottom","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":966,"value":"TL_margin = ({top: 20, right: 10, bottom:0, left: 40});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":928,"value":"TL_yScale = d3.scaleBand()\n .domain(d3.range(prif_data.length))\n .range([TL_height - TL_margin.bottom, TL_margin.top])\n .padding(0.25)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":941,"value":"TL_xScale = d3.scaleTime()\n .domain(conflict_timespan)\n .range([TL_margin.left, width - TL_margin.right]);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":952,"value":"TL_xAxis = (g, scale = TL_xScale) =>\n g\n .attr(\"transform\", `translate(0,${TL_margin.top})`)\n // .attr(\"transform\", `translate(0,${height - margin.bottom})`)\n .call(d3.axisTop(scale)\n .tickFormat(d3.timeFormat(\"%b '%y\")))\n // .call(g => g.select(\".domain\").remove())\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1351,"value":"TL_cScale = d3.scaleOrdinal()\n .domain(prif_data.map(d => d.cat))\n// .range(d3.schemeSet1)\n .range(colorscales[colorpicker])\n// .range(['#F28984','#DD90B3','#A4A3CE','#62B3C4','#56B99B','#85B66A','#BBA94F','#E7965E'])\n\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1675,"value":"$38","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"md`#### Bubblechart variables`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":561,"value":"{\n bubble.x_update(daterange)\n bars2.x_update(daterange)\n return 'This function triggers the x-axis update after brushing.'\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"margin = ({top: 25, right: 10, bottom: 0, left: 40});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"height = 300","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":279,"value":"rScale = d3.scalePow()\n .exponent(.5)\n .domain([0, 5000])\n .range([0.4, 10])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":19,"value":"yScale = d3.scaleLinear()\n .domain([0, d3.max(ged_data, d => d.count) + d3.max(ged_data, d => d.count)*.3])\n .range([height - margin.bottom, margin.top])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":26,"value":"xScale = d3.scaleTime()\n .domain(conflict_timespan)\n .range([margin.left, width - margin.right]);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":37,"value":"// yAxis = d3.axisLeft()\n// .scale(yScale)\n// .ticks(10)\n\nyAxis = g => g\n .attr(\"transform\", `translate(${margin.left},0)`)\n .call(d3.axisLeft(yScale))\n .call(g => g.select(\".domain\").remove())\n .call(g => g.append(\"text\")\n .attr(\"x\", -margin.left)\n .attr(\"y\", 10)\n .attr(\"fill\", \"currentColor\")\n .attr(\"text-anchor\", \"start\")\n .text(\"↑ events per week\"))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":44,"value":"xAxis = (g, scale = xScale) =>\n g\n .attr(\"transform\", `translate(0,${height - margin.bottom})`)\n .call(d3.axisBottom(scale)\n .tickFormat(d3.timeFormat(\"%b '%y\")))\n // .call(g => g.select(\".domain\").remove())\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":858,"value":"md`## Appendix II: Data`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":920,"value":"parseDate = d3.timeParse(\"%Y-%m-%d\");","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":749,"value":"ged_raw = {\n const cleaned = [] \n const ged_raw = d3.csvParse(await FileAttachment(\"ged@3.csv\").text(), d3.autoType); \n \n Object.values(ged_raw).forEach(function (record) {\n const newrecord = { ...record } \n const d = parseDate(newrecord.date)\n // const eventlib = JSON.parse(newrecord.eventlist)\n \n cleaned.push(newrecord)\n\n })\n \n return cleaned \n \n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":768,"value":"// The filtered dataset\nged_data = { \n return ged_raw.filter(function (el) { \n return el.conflict_id == conflict_id;\n }); \n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1477,"value":"$39","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":934,"value":"prif_data = {\n // fix when data complete\n // TODO!\n if (prif_raw[conflict_id]) {\n return prif_raw[conflict_id].timeline\n } else {\n return prif_raw[374].timeline\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1079,"value":"md`## Appendix III: Styles`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1083,"value":"html`CSS`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":141,"value":"md`## Appendix IV: Imports`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":138,"value":"import {select} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":362,"value":"import {radio} from \"@jashkenas/inputs\"\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1872,"value":"import { legendCircle } from \"@harrystevens/circle-legend\";","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":24,"value":"d3 = require('d3@v6')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W3a","stdlib":"1","titling":"auto"}} 32:"$31:body"