2e:null 2f:["$","title",null,{"children":"Balanced Budget Provsion vs GDP Growth by Country | Bela Madrid | Observable"}] 34:T426,chart = { const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]); svg.append("g") .call(xAxis); svg.append("g") .call(yAxis); svg.append("g") .call(grid); const colorId = DOM.uid("color"); svg.append("linearGradient") .attr("id", colorId.id) .attr("gradientUnits", "userSpaceOnUse") .attr("x1", 0) .attr("x2", width) .selectAll("stop") .data(data) .join("stop") .attr("offset", d => x(d.year) / width) .attr("stop-color", d => color(d.balbudgt)); svg.append("path") .datum(data) .attr("fill", "none") .attr("stroke", colorId) .attr("stroke-width", 5) .attr("stroke-linejoin", "round") .attr("stroke-linecap", "round") .attr("d", line); svg.append("text") // text label for the x axis .attr("x", 34 ) .attr("y", 10) .style("text-anchor", "middle") .style("font-size", "11px") .style("font-family", "sans-serif") .text("GDP Growth"); return svg.node(); }35:[{"id":"d2e62a07dadd78557d1772905bef2f6e3e571e6a6a3d12af068869bc0ecffeef2287b4c5904dea0c8baea7d07bef3f3787d1359bb89d8b7b55920a5d9aabec35","href":"https://static.observableusercontent.com/files/d2e62a07dadd78557d1772905bef2f6e3e571e6a6a3d12af068869bc0ecffeef2287b4c5904dea0c8baea7d07bef3f3787d1359bb89d8b7b55920a5d9aabec35","name":"bbvsgdp@2.csv","type":"text/csv","lastModified":1597119042990.407,"size":155819}] 32:{"id":"1bf50183c3b500a8","slug":"balanced-budget-provsion-vs-gdp-growth-by-country","title":"Balanced Budget Provsion vs GDP Growth by Country","thumbnail":"7e79b0562404dfb90ac53b1d9fa6ebd87b54412315fc54278b1fe495816a2a7c","access_level":"public","create_time":"$D2020-08-10T23:43:04.705Z","update_time":"$D2020-08-11T04:19:21.623Z","view_time":null,"first_public_time":"$D2020-08-11T04:18:10.134Z","has_unpublished_edits":null,"fork":{"id":"c5f25598d656a399","slug":"variable-color-line","title":"Variable-color line","owner":{"id":"863951e3ebe4c0ae","login":"d3","name":"D3"}},"stars":0,"starred":false,"owner":{"type":"team","id":"4226415b4ff18a20","login":"belamadrid","name":"Bela Madrid","avatar_url":"https://avatars-next.observableusercontent.com/3ddb97df58abc437d5bbc6349f9def4591d2d148c1ccc8047e6c56067eb89987","tier":"starter_2024"},"version":433,"publish_version":433,"role":null,"authored":false,"authors":[{"type":"individual","id":"c70ceadd04199f4f","login":"belamadrid","name":"Bela Madrid","avatar_url":"https://avatars-next.observableusercontent.com/3ddb97df58abc437d5bbc6349f9def4591d2d148c1ccc8047e6c56067eb89987","tier":null}],"members":[{"type":"individual","id":"c70ceadd04199f4f","login":"belamadrid","name":"Bela Madrid","avatar_url":"https://avatars-next.observableusercontent.com/3ddb97df58abc437d5bbc6349f9def4591d2d148c1ccc8047e6c56067eb89987","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"title":"Balanced Budget Provsion vs GDP Growth by Country","cells":[{"id":0,"value":"md`# Balanced Budget Provsion vs GDP Growth by Country`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":327,"value":"viewof countryselected = dropdown(dropdownOptions.sort())","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":77,"value":"legend = {\n const id = DOM.uid().id;\n return html`\n

${color.domain().map((name, i) => html`\n

\n ${document.createTextNode(name)}\n

`)}\n

`;\n}\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":36,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":330,"value":"filteredData = dataset.filter(d => d.country==countryselected)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":334,"value":"dropdownOptions= d3.set(dataset.map(d => d.country)).values();","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":337,"value":"function dropdown(options) {\n let dd = html `