I am an Information Designer based in Berlin, mainly interested in exploring the intersection of technology, data, and design.
data.map((d) => {
let coordinates = updatedLocations.find((f) => d.id === d.location?.[0]);
return {
...d,
lat: coordinates ? coordinates.coordinates.lat : "",
lon: coordinates ? coordinates.coordinates.lon : ""
};
})
updatedLocations = locations.map((d) => {
const coordinates = findCoordinatesForCity(d.name);
return { ...d, coordinates };
})
groupedData = data
.reduce((acc, item) => {
const location = updatedLocations.find(
(loc) => item.location[0] === loc.id
);
const label = location ? location.name : "Unknown";
const existingGroup = acc.find((group) => group.location === label);
if (!existingGroup) {
acc.push({
location: label,
values: [item],
lat: location?.coordinates?.Latitude,
lon: location?.coordinates?.Longitude
});
} else {
existingGroup.values.push(item);
}
return acc;
}, [])
.filter((d) => d.lat != undefined)
function findCoordinatesForCity(city) {
return geo.find(
(d) => d.City == city || d.District == city || d.Country == city
);
}
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.
