The avatar for @pmisner
Priya
Published
Edited
Aug 2, 2021
1
Insert cell
Insert cell
Insert cell
Insert cell
function chart(){
let svg = d3
.create("svg")
.attr("width", dimensions.width + margins.left+ margins.right)
.attr("height", dimensions.height+margins.top+margins.bottom);
svg.style("background-color","#f2f2f2");
yearAxis({svg:svg});
yAxis({svg:svg});
zeroLine({svg:svg});
forecastBox({svg:svg});
let opacity = "0.3"
line({svg:svg, variable:"China Delta", color:"red"});
line({svg:svg, variable:"Russia Delta"});
line({svg:svg, variable:"Vietnam Delta", opacity:opacity});
line({svg:svg, variable:"United States Delta",opacity:opacity});
line({svg:svg, variable:"Brazil Delta", opacity:opacity});

return svg.node();
}
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
porkData = FileAttachment("Chart2_Pork.csv").csv()
Insert cell

Purpose-built for displays of data

Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
Learn more