31: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(); }32:[{"id":"d2e62a07dadd78557d1772905bef2f6e3e571e6a6a3d12af068869bc0ecffeef2287b4c5904dea0c8baea7d07bef3f3787d1359bb89d8b7b55920a5d9aabec35","href":"https://static.observableusercontent.com/files/d2e62a07dadd78557d1772905bef2f6e3e571e6a6a3d12af068869bc0ecffeef2287b4c5904dea0c8baea7d07bef3f3787d1359bb89d8b7b55920a5d9aabec35","name":"bbvsgdp@2.csv","type":"text/csv","lastModified":1597119042990.407,"size":155819}] 2f:{"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"},{"id":327,"value":"viewof countryselected = dropdown(dropdownOptions.sort())","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"id":36,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":330,"value":"filteredData = dataset.filter(d => d.country==countryselected)","pinned":true,"hidden":false,"mode":"ojs"},{"id":334,"value":"dropdownOptions= d3.set(dataset.map(d => d.country)).values();","pinned":true,"hidden":false,"mode":"ojs"},{"id":337,"value":"function dropdown(options) {\n let dd = html `