Public
Edited
Jan 12, 2024
1 fork
1 star
owid-co2-data.csv
Type Table, then Shift-Enter. Ctrl-space for more options.
viewof country = Inputs.select(countries, {label: "Country:"})
kioto_UE
X
year
Y
sum
CO2
Color
—
Size
—
Facet X
—
Facet Y
—
Mark
line
Type Chart, then Shift-Enter. Ctrl-space for more options.
Plot.plot({
marks: [
Plot.ruleY([0]),
Plot.lineY(
kioto_UE,
Plot.groupX({ y: "sum" }, { x: "year", y: "CO2", tip: true })
),
Plot.lineY(
kioto_UE,
Plot.groupX({ y: "min" }, { x: "year", y: "CO2_1990"})
),
Plot.lineY(
kioto_UE,
Plot.groupX({ y: "sum" }, { x: "year", y: "REDUCTION_CO2_1990"})
)
]
})
countries = d3.group(data, d => d.country)
tallestIndex = d3.maxIndex(data, d => d.co2)
data[tallestIndex]
data1 = FileAttachment("countries@4.csv").csv()
data_UE = {
const countriesInData2 = data2.map(item => item.country);
const filteredData = data.filter(item => countriesInData2.includes(item.country));
console.log(filteredData);
return filteredData;
}
data_UE
kioto_UE
CO2_1990 = data_UE.filter(d => d.year === "1990")
.map((d) => {
return {
country: d.country,
co2_1990: d.co2,
reduction_co2_1990: d.co2 * 0.95
}
});
kioto_UE_2 = {
const dataZ = [];
kioto_UE
.forEach((yearData) => {
const year = parseInt(yearData.year);
const quinquennium = year + (5 - year % 5);
dataZ.push({
country: yearData.country,
year: year,
quinquennium: quinquennium,
co2: yearData.CO2,
co2_1990: yearData.CO2_1990,
red_co2_1990: yearData.REDUCTION_CO2_1990
});
});
return dataZ;
}
countries_data = d3.group(kioto_UE_2, d => d.country)
data = FileAttachment("owid-co2-data.csv").csv()
import { toc } from "@nebrius/indented-toc"
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.
