2e:null 2f:["$","title",null,{"children":"Balanced Budget Provsion vs Expenditure Gap by Country | Bela Madrid | Observable"}] 34:T42b,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", 50 ) .attr("y", 10) .style("text-anchor", "middle") .style("font-size", "11px") .style("font-family", "sans-serif") .text("Expenditure Gap"); return svg.node(); }35:[{"id":"ad1a24332c0d22f613dc131c56c5029a8f5d83dfcabb3e8c77615592da0deb1240f487becaa98a2bb7683cfd283ffc4a0c7c5c25a2564f2fb74c2cdeeed317d8","href":"https://static.observableusercontent.com/files/ad1a24332c0d22f613dc131c56c5029a8f5d83dfcabb3e8c77615592da0deb1240f487becaa98a2bb7683cfd283ffc4a0c7c5c25a2564f2fb74c2cdeeed317d8","name":"bbvsexg.csv","type":"text/csv","lastModified":1597152122388.488,"size":156010}] 32:{"id":"d8d5ba2a390244ec","slug":"balanced-budget-provsion-vs-expenditure-gap-by-country","title":"Balanced Budget Provsion vs Expenditure Gap by Country","thumbnail":"531df02efa71deaeb509a4976a123d49824dfe2dcea3acf57b35b4920954f8b7","access_level":"public","create_time":"$D2020-08-11T13:21:16.380Z","update_time":"$D2020-08-11T13:48:51.585Z","view_time":null,"first_public_time":"$D2020-08-11T13:49:26.328Z","has_unpublished_edits":null,"fork":{"id":"1bf50183c3b500a8","slug":"balanced-budget-provsion-vs-gdp-growth-by-country","title":"Balanced Budget Provsion vs GDP Growth by Country","owner":{"id":"4226415b4ff18a20","login":"belamadrid","name":"Bela Madrid"}},"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":481,"publish_version":481,"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":0,"collection":null,"type":"notebook","body":{"title":"Balanced Budget Provsion vs Expenditure Gap by Country","cells":[{"id":0,"value":"md`# Balanced Budget Provsion vs Expenditure Gap 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":true,"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 `