Food Prices of India, 1994–2021Large Food Retailer Investments By Industry 2010-2021Under The InfluenceFood AccessNigeria Household: Amount spent on foodEstimating the environmental impacts of 57,000 food products, part 2Food Snobs eat at Oleana, Cambridge MAVisualizing Worldwide IPC Food Security DataZoomable Sunburst for food imports in the US from 2010 to 2017.Food supply chainLet's talk about seeds!Regional crop yields in GermanyThe 10 Most Important CropsInteractive Exploration of Wine Quality and ValuationExploring Livestock Data around the world 🐓🐑🐄Influence of soil quality and soil moisture index on crop yieldsMagic Balls FactoryIn store displays make a significant impact on the sale of Honey Nut CheeriosTransparency in Programmatic Advertising MarketplacesAnalysis of two cereals owned by the same brand display unique characteristics and periods of success.F1 Drivers 1997 - 2023Bar Chart Race, ExplainedF1 Constructor Standings 2010-2019Asia’s Regenerative Energy Future2022 Q2 PROFIT: 🛢 vs. 👨💻🛢 Oil SpillsHow flights between Europe and Eastern Asia got disruptedData Visualization - Impact of Covid on US Aviation (year 2020)Final Project: What makes an airline succesful?What's the deal with airline fares?2020/W16: Food: Greenhouse Gas Emission across supply chainInventory Manager -> Product alertEU Fishing FlowWarehouse Visualization with DataVisualVisualizing wind turbines in 3D using threebox
Forest Area By Selected Countries Since 1990
forest.csv
Type Table, then Shift-Enter. Ctrl-space for more options.
newData = forest
years = [1990, 2020]
{
var results = []
newData.forEach(function(country) {
results.push(country["Country Name"])
});
console.log(results)
}
import {Scrubber} from "@mbostock/scrubber"
value
import {BarChart} from "@leibatt/bar-chart"
scm0 = d3.schemeCategory10
viewof value = Scrubber(
d3.range(years[0], years[1] + 1, 1),
{ autoplay: false, delay: 100, loop: false }
)
year = value
barchart = BarChart(forest, {
x: d => d["Country Name"],
y: d => d[year.toString()],
title: undefined, // Changed for mouseOver Possibility.
xLabel: "Country",
yLabel: "Forested Area (% of land area)",
yDomain: [0, 75],
width: 1000,
height: 300,
marginBottom: 150,
marginRight: 150,
colorRange: scm0,
rotate: 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.
