911-daily-dispatch-count-by-agency.csv
Type Table, then Shift-Enter. Ctrl-space for more options.
rawData = FileAttachment("911-daily-dispatch-count-by-agency.csv").csv({typed: true});
// notes:
// Boston Police Department (BPD)
// Boston Fire Department (BFD)
// Emergency Medical Services (EMS)
// define a set called years for later use
// => it should contain all the years mentioned in the dataset
years = new Set();
// get all the years in dataset
rawData.forEach(obj => years.add(obj.Year));
// have a look at years set
years
callTypes = ['BPD','BFD','EMS'];
data = []
rawData.forEach(d => {
// convert Year+Month to a number used in x axis
const time = d['Year'] + (1/12)*d['Month']
// for each type of call, we need push the object for certain times
callTypes.forEach(callType => {
const number = d[callType];
for (let i=0; i<number; i++){
data.push({year: time, type: callType})
}
})
})
// have a look at the data
data
Plot.plot({
y: {
grid: true
},
marginLeft: 50,
marginBottom: 50,
marginTop: 50,
color: {
legend: true,
},
marks: [
Plot.rectY(data, Plot.binX({y: "count"}, {x: "year", thresholds:d3.range(2010, 2016, 1), fill: "type"})),
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.
