Public
Edited
Jul 20, 2023
ports = FileAttachment("data.json").json()
d3.max(ports, x => x.value)
myprocessfunction = x => {
let a = x.toLowerCase();
return a;
}
data = ports.map(x => {
let a = {}
a.x = +x.year;
a.y = x.value;
a.country = myprocessfunction(x.country_of_registration)
return a;
});
filtered = data.filter(d => d.x === 2011 && ["russia", "iran", "india"].includes(d.country) && 100 > d.y > 0);
filtered.sort((a, b) => a.country < b.country).sort((a, b) => a.y < b.y);
data.map(x => x.country);
unique = [...d3.group(data, x=>x.country).keys()]
[...new Set(data.map(x=>x.country))]
[...d3.group(data, x=>x.country).entries()]
// .map(x=> {
// let a = {};
// a.country = x[0];
// a.value = d3.sum(x[1].map(x=> x.y));
// return a;
// })
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.
