Visualization, Prototypes, ML, Data wrangling and Art.
import {fixedStates} from "@observablehq/excel-data-loading"
laserStrikes = addColumn(fixedStates, 'year', row => row['Incident Date'].getFullYear())
d3.groups(laserStrikes, d => d.year)
strikesByYear = d3.groups(laserStrikes, d => d.year)
.map(d => {
return {
year: d[0],
count: d[1].length
}
})
viewof table = Inputs.table(strikesByYear, {sort: "year"})
Plot.plot({
marks: [
Plot.barY(strikesByYear, {x: "year", y: "count", fill: "steelblue"}),
Plot.ruleY([0])
]
})
laserStrikesCleaned = laserStrikes.filter(d => d.year > 2016)
Plot.plot({
marks: [
Plot.barY(laserStrikesCleaned, Plot.groupX({y: "count"}, {x: "year", fill: "steelblue"})),
Plot.ruleY([0])
]
})
function addColumn(tableData, newColumnName, newColumnFunction) {
return tableData.map(row => {
return {
...row,
[newColumnName]: newColumnFunction(row)
}
})
}
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.
