i = 0
name = "test";
xScale = d3.scaleLinear()
.domain(d3.extent(faoData, (d) => d.Value)) // Set domain to 0-1 for relative scale
.range([0, width]); // Adjust width based on your plot dimensions
faoData = faoprojections2050median.filter(function(d) {
if (d.Year === year[i] && d.Item == "Raising of pigs") {
return d;
}
})
FAOProjections2050Median@1.csv
Type Table, then Shift-Enter. Ctrl-space for more options.
data = FileAttachment("population-state-age.csv").csv({typed: true})
{
await Promises.delay(5000);
do {
const newValue = Math.floor(Math.random() * 4);
console.log(newValue);
const faoData = faoprojections2050median.filter(function(d) {
if (d.Year === year[newValue] && d.Item == "Raising of pigs") {
return d;
}
});
yield faoData;
await barchart.update(faoData).end();
await Promises.delay(1300);
} while (true);
}
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.
