TheSportsDB.com
Ergast Motor Racing Data
// get the data based on the year selection
dataPerYear = fetch(`https://ergast.com/api/f1/${year}/status.json`).then((response) => response.json()).then((el) => el.MRData.StatusTable.Status)
dataPerYear
Type Table, then Shift-Enter. Ctrl-space for more options.
allYearsStatus = {
return await Promise.all(
yearsArr.map(async (year) => {
const response = await fetch(`https://ergast.com/api/f1/${year}/status.json`);
const data = await response.json();
return {
year: year,
collision: parseInt(data.MRData.StatusTable.Status.filter(el => el.status === "Collision").map(el => el.count).join()),
accident: parseInt(data.MRData.StatusTable.Status.filter(el => el.status === "Accident").map(el => el.count).join())
};
}))
}
allYearsStatus
Type Table, then Shift-Enter. Ctrl-space for more options.
viewof statSel = Inputs.select(["collision", "accident"], {label: "Select stat"})
Plot.plot({
marks: [
Plot.barY(allYearsStatus, {x: "year", y: statSel, fill: "year"}),
Plot.ruleY([0])
]
})
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.
