Senior Data Scientist, MassMutual
Lecturer, UC Berkeley MIDS
--
PhD Applied Math, Computational Story Lab, UVM
MS Applied Math, UVM
BS Math, Virginia Tech
Public
Edited
Apr 3, 2023
+d[0].Year.slice(0, 4)
// year_range = d3.extent(d, x => +x.Year.slice(0, 4))
year_range = [1970, 1982]
viewof year = Inputs.range(year_range, {value: year_range[0], step: 1, label: "Min. Year"})
viewof color = Inputs.radio(["Year", "Origin", "Cylinders"], {label: "Color by", value: "Origin"})
plot = Plot.plot({
marks: [
// Plot.dot(d.filter(x => +x.Year.slice(0, 4) > year), {x: "Horsepower", y: "Displacement", stroke: color})
Plot.dot(d, {x: "Horsepower", y: "Displacement", stroke: color})
]
})
d.filter(x => x.Year.slice(0, 4) > year)
jsonURL = `/api/${year}/`
// jsonURL = data['cars.json'].url
d = fetch(jsonURL).then(response => {
if (!response.ok) throw new Error(response.status);
return response.json();
})
// d = data['cars.json']()
x = fetch(jsonURL)
.then(response => {
if (!response.ok) throw new Error(response.status);
return response.json();
})
data = require('vega-datasets@2')
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.
