Researcher and developer specialising in social impact projects.
Public
Edited
Aug 18, 2022
ss = ss1.concat(ss2).concat(ss3).concat(ss4).concat(ss5).concat(ss6)
Inputs.table(ss)
map = {
let container = DOM.element("div", {
style: `width:${width}px;height:${width / 1.5}px`
});
yield container;
let map = L.map(container).setView([53.4727, -2.2213], 11);
let osmLayer = L.tileLayer(
"https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}@2x.png",
{
attribution: "CARTO"
}
).addTo(map);
let ssPoints = ss.map((record) => [record.Latitude, record.Longitude, 0.2]);
let ssLayer = heatLayer(ssPoints, {
blur: 20,
radius: 30,
max: 0.8
}).addTo(map);
}
L = require("leaflet@1.7.1")
html`<link href='${resolve(
"leaflet@1.7.1/dist/leaflet.css"
)}' rel='stylesheet' />`
heatLayer = (L, require("leaflet.heat").catch(() => L.heatLayer))
ss1 = FileAttachment("2019-01-greater-manchester-stop-and-search.csv").csv()
ss2 = FileAttachment("2019-02-greater-manchester-stop-and-search.csv").csv()
ss3 = FileAttachment("2019-03-greater-manchester-stop-and-search.csv").csv()
ss4 = FileAttachment("2019-04-greater-manchester-stop-and-search.csv").csv()
ss5 = FileAttachment("2019-05-greater-manchester-stop-and-search.csv").csv()
ss6 = FileAttachment("2019-06-greater-manchester-stop-and-search.csv").csv()
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.
