2d:null 2e:["$","title",null,{"children":"Project Recon on war - Figure 1, Figure 6 | ph1729 | Observable"}] 33:T699,chart = { const height = 480; const arbitrary_padding = 160; const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]) const x = d3.scaleLinear() .domain([0, d3.max(data, d => d.Military_Spending)]).nice() .range([arbitrary_padding+margin.left, width - margin.right]); const y = d3.scaleBand() .domain(data.map(d => d.Country)) .range([480 - margin.bottom, margin.top]) .padding(0.2); const xAxis = g => g .attr('transform', `translate(0,${480 - margin.bottom})`) .call(d3.axisBottom(x).ticks(width / 100)) const yAxis = g => g .attr("transform", `translate(${arbitrary_padding+margin.left},0)`) .call(d3.axisLeft(y).tickSizeOuter(0)) const yTitle = g => g.append("text") .attr("font-family", "sans-serif") .attr("font-size", 14) .attr("y", 10) .attr("transform", `translate(${100+margin.left},0)`) .text("Country") const xTitle = g => g.append("text") .attr("font-family", "sans-serif") .attr("font-size", 14) .attr("x", width/2) .attr("y", height-10) .text("Military Spending (Millions)") svg.append("g") .attr("fill", color) .selectAll("rect") .data(data) .join("rect") .attr("x", x(0)) .attr("y", d => y(d.Country)) .attr("width", d => x(d.Military_Spending) - x(0)) .attr("height", y.bandwidth()) .filter(function(d) { return d.Percent_Share_of_GDP >= arbitrary_threshold && d.Per_Capita >= arbitrary_threshold_2; }) .attr("fill", highlight_color); svg.append('g') .call(xAxis); svg.append('g') .call(yAxis); svg.call(yTitle); svg.call(xTitle); return svg.node(); } 34:Tc3f,chart2 = { const height = 480; const arbitrary_padding = 160; const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]) const x = d3.scaleLinear() .domain([0, d3.max(data2, d => d.Funding_Amount)]).nice() .range([arbitrary_padding+margin.left, width - margin.right]); const y = d3.scaleBand() .domain(data2.map(d => d.Company)) .range([480 - margin.bottom, margin.top]) .padding(0.2); const xAxis = g => g .attr('transform', `translate(0,${480 - margin.bottom})`) .call(d3.axisBottom(x).ticks(width / 100)) const yAxis = g => g .attr("transform", `translate(${arbitrary_padding+margin.left},0)`) .call(d3.axisLeft(y).tickSizeOuter(0)) const yTitle = g => g.append("text") .attr("font-family", "sans-serif") .attr("font-size", 14) .attr("y", 10) .attr("transform", `translate(${100+margin.left},0)`) .text("Company Name") const xTitle = g => g.append("text") .attr("font-family", "sans-serif") .attr("font-size", 14) .attr("x", width/2) .attr("y", height-10) .text("Funding Awarded Between 2002 and 2023") svg.append("g") .attr("fill", color) .selectAll("rect") .data(data2) .join("rect") .attr("x", x(0)) .attr("y", d => y(d.Company)) .attr("width", d => x(d.Funding_Amount) - x(0)) .attr("height", y.bandwidth()) .on("mouseover", function(d) { d3.select(this).attr("fill", highlight_color); //Get this bar's x/y values, then augment for the tooltip //Get this bar's x/y values, then augment for the tooltip var yPosition = parseFloat(d3.select(this).attr("y")) + y.bandwidth() / 2; var xPosition = parseFloat(d3.select(this).attr("x")) / 2 + width / 2; tooltip .html( `

Projects Sponsored: ${d.Projects_Sponsored}

Projects Proposed: ${d.Projects_Proposed}

` ) .style('visibility', 'visible'); //Update the tooltip position and value //d3.select("#tooltip") // .style("left", xPosition + "px") // .style("top", yPosition + "px") // .select("#value") // .text(d.violation); //Show the tooltip //d3.select("#tooltip").classed("hidden", false); }) .on('mousemove', function () { tooltip .style('top', d3.event.pageY - 10 + 'px') .style('left', d3.event.pageX + 10 + 'px'); }) .on('mouseout', function () { tooltip.html(``).style('visibility', 'hidden'); d3.select(this).transition().attr('fill', color); }); svg.append('g') .call(xAxis); svg.append('g') .call(yAxis); svg.call(yTitle); svg.call(xTitle); return svg.node(); } 35:[{"id":"70585846ce7bc16f64dd7d4e5095e0d9726d97d5af47bc345447828f3721d3c29062ec4bd698318dc64162a19f2702339b9d410835cf725c66501a192d1fa10a","href":"https://static.observableusercontent.com/files/70585846ce7bc16f64dd7d4e5095e0d9726d97d5af47bc345447828f3721d3c29062ec4bd698318dc64162a19f2702339b9d410835cf725c66501a192d1fa10a","name":"military spending.csv","type":"text/csv","lastModified":1733335721244.476,"size":362},{"id":"093762198841a95b28a70fd41ffb12946f8403745ad45aa5ce2cf9ec8f2b9706b1d8f7ec10d4c1c50f2b6f73fa140e47e7929870b0203479597c6119be74660f","href":"https://static.observableusercontent.com/files/093762198841a95b28a70fd41ffb12946f8403745ad45aa5ce2cf9ec8f2b9706b1d8f7ec10d4c1c50f2b6f73fa140e47e7929870b0203479597c6119be74660f","name":"stanford_companies.csv","type":"text/csv","lastModified":1733340740151.144,"size":255}] 31:{"id":"f35579d4c522fc6a","slug":"project_figure1","title":"Project Recon on war - Figure 1, Figure 6","thumbnail":"49e3b8e7b5c25c76853ac31b4ed41e895e2facb91573182f4e68e995d0ccb899","access_level":"public","create_time":"$D2024-12-04T18:08:28.440Z","update_time":"$D2025-07-01T00:45:36.495Z","view_time":null,"first_public_time":"$D2024-12-04T18:08:28.440Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"00890bab594adb9c","login":"ph1729","name":"ph1729","avatar_url":"https://avatars-next.observableusercontent.com/0c61767a0a190b8a13874712feef16a680e01c9312906adbd0c30c142da036bd","tier":"starter_2024"},"version":97,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"67a59cc7b35c9bd5","login":"poojit","name":"Poojit","avatar_url":"https://avatars-next.observableusercontent.com/39cc439d68315900235de9a86bac245709d331bfadc64ec0dbeb8067e20cdf1f","tier":null}],"members":[{"type":"team","id":"00890bab594adb9c","login":"ph1729","name":"ph1729","avatar_url":"https://avatars-next.observableusercontent.com/0c61767a0a190b8a13874712feef16a680e01c9312906adbd0c30c142da036bd","tier":"starter_2024","role":"editor"},{"type":"individual","id":"67a59cc7b35c9bd5","login":"poojit","name":"Poojit","avatar_url":"https://avatars-next.observableusercontent.com/39cc439d68315900235de9a86bac245709d331bfadc64ec0dbeb8067e20cdf1f","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":{"id":"dcf1ce820c312402","slug":"recon-on-war","title":"Recon on War","owner":{"id":"00890bab594adb9c","login":"ph1729","name":"ph1729"}},"type":"notebook","body":{"title":"Project Recon on war - Figure 1, Figure 6","cells":[{"id":82,"value":"# Project Recon on war - Figure 1, Figure 6","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":79,"value":"tooltip = d3\n .select('body')\n .append('div')\n .attr('class', 'tooltip')\n .style('position', 'absolute')\n .style('z-index', '10')\n .style('visibility', 'hidden')\n .style('padding', '10px')\n .style('background-color', 'white')\n .style('border-radius', '4px')\n .style('-webkit-border-radius', '10px')\n .style('-moz-border-radius', '10px')\n .style('-webkit-box-shadow', '4px 4px 10px rgba(0, 0, 0, 0.4)')\n .style('-moz-box-shadow', '4px 4px 10px rgba(0, 0, 0, 0.4)')\n .style('box-shadow', '4px 4px 10px rgba(0, 0, 0, 0.4)')\n .style('color', color)\n .style('font-family','sans-serif')\n .text('a simple tooltip');","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":0,"value":"data = {\n const text = await FileAttachment(\"military spending.csv\").text();\n return d3.csvParse(text, ({Country, Military_Spending, Percent_Share_of_GDP, Per_Capita}) => ({\n Country: Country,\n Military_Spending: parseFloat(Military_Spending.replace('$', '').replace(',', '')),\n Percent_Share_of_GDP: parseFloat(Percent_Share_of_GDP.replace('$', '').replace(',', '')),\n Per_Capita: parseFloat(Per_Capita.replace('$', '').replace(',', ''))\n }));\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":21,"value":"html `

Highlight countries with Military Spending Based on the Following Sliders:

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

Percent Share of GDP Greater than: ${arbitrary_threshold}

`;","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"viewof arbitrary_threshold = Inputs.range([0, 10], {label: html`Percent Share of GDP Greater than:`, step: 1})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":81,"value":"militarySpending = await FileAttachment(\"military spending.csv\").csv({typed: \"auto\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"militarySpending","database":"$undefined"},{"id":52,"value":"html `

Per Capita Military Spending Greater than: ${arbitrary_threshold_2}

`\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":29,"value":"viewof arbitrary_threshold_2 = Inputs.range([0, 3000], {label: html`Per Capita Military Spending Greater than:`, step: 100})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"$33","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"color = \"#ea5f94\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"highlight_color = \"#ffd700\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"d3 = require(\"d3@5\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"margin = ({top: 30, right: 20, bottom: 50, left: 40})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":72,"value":"data2 = {\n const text = await FileAttachment(\"stanford_companies.csv\").text();\n return d3.csvParse(text, ({Company, Funding_Amount, Projects_Sponsored, Projects_Proposed}) => ({\n Company: Company,\n Funding_Amount: parseFloat(Funding_Amount.replace('$', '').replace(',', '')),\n Projects_Sponsored: parseInt(Projects_Sponsored.replace('$', '').replace(',', '')),\n Projects_Proposed: parseInt(Projects_Proposed.replace('$', '').replace(',', ''))\n }));\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":76,"value":"$34","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W35","stdlib":"1","titling":"auto"}} 32:"$31:body"