Published
Edited
Oct 22, 2020
// get the desired data for the exercice
desiredData = cars.map(d => {
var newd = {
name : d["Name"][0].toUpperCase() + d["Name"].slice(1), // conver to capital letters
origin : d["Origin"],
horsepower : d["Horsepower"],
weight : d["Weight_in_lbs"],
acceleration : d["Acceleration"],
}
return newd;
})
desiredDataOrigin = desiredData.filter(d => {
d !== null // avoid null data
return d.origin == selectedOrigin ;}) // filter by origin in selector
.sort((a,b) => {
return b.weight - a.weight;}) // We sort it by weight
.filter(d => d.horsepower >= selectedHorsepower[0] && d.horsepower <= selectedHorsepower[1]
);
origins = desiredData.map(car => {
var value = car['origin'];
return `<option value="${value}">${value}</option>`;
});
maxHorsepower = desiredDataOrigin.sort((a, b) => b.horsepower - a.horsepower)[0].horsepower
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.
