I map 🗺️ & graph 📈 data 🈸
Daily Chicago Taxi TripsChicago Towed Vehicles SummaryChicago Towed VehiclesChicago Traffic Crash PlotsVega Viewer 📈Vega DatasetsChicago Crimes Arrow Data Vega-Lite API VizChicago Crimes Arrow Data Vega VizObserving Vega SignalsChicago Crimes by TypeChicago Community Areas VegaVega Fold Transform FixVega Notebooks
Chicago Crimes by Location
Also listed in…
Chicago Crimes
charts = {
const locations = ['STREET', 'RESIDENCE', 'APARTMENT', 'SIDEWALK', 'OTHER'];
const charts = locations.map(location => plotMonthlyData(locationData[location], location));
return Promise.all(charts);
}
html `
<div style="display: inline-block; vertical-align: top; padding: 10px;">
${charts.map(c => c)}
</div>
`
html `
<h2>Top 30 Locations</h2>
<div>${Object.keys(locationData)
.map(locationType => textCloud(locationData, locationType))
.sort((a, b) => b.count - a.count)
.slice(0, 30) // top 30
.map(c => c.html)}
...
</div>
<h3>Total Crimes: ${Object.keys(locationData)
.map(key => locationData[key].length)
.reduce((total, num) => total + num)
.toLocaleString()}
</h3>
<hr />
`
dataTable = loadData(dataUrl).then(buffer => arrow.Table.from(new Uint8Array(buffer)))
locationData = groupByField(dataTable, 'LocationDescription')
import {loadData} from '@randomfractals/apache-arrow'
import {groupByField, textCloud, plotMonthlyData} from '@randomfractals/chicago-crimes-by-type'
arrow = require('apache-arrow@0.3.1')
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.
