cars = require("@observablehq/cars")
viewof selected = html`<select name="weather">
<option value="minHP">Min HorsePower</option>
<option value="maxHP">Max HorsePower</option>
</select>`
// I don't know why say undefined...
{
let sortedData = [];
if(selected == "minHP"){
minHP();
}else{
maxHP();
}
}
carsData = cars.map(d => {
var newd = {
Name: d["Name"],
Horsepower: +d["Horsepower"],
Weight: +d["Weight_in_lbs"]
}
return newd;
});
minHP = function(){
let sortedData = carsData.sort((a,b) => {
return a.Horsepower - b.Horsepower;
});
}
maxHP = function(){
let sortedData = carsData.sort((a,b) => {
return b.Horsepower - a.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.
