denHaagMap = {
let s = `width:${width}px;height:${width/1.6}px;position: relative;`
let container = html`<div id="container" style="+s+"><div id="map"></div><div id="sidepanel"><table class="reusable-legend"> </table> </div></div>`
yield container;
// Now we create a map object and add a layer to it.
let map = L.map('map').setView([BSN_locations.Vlaskamp[1],BSN_locations.Vlaskamp[0]], 13);
TileLayer.addTo(map);
HeatLayer.addTo(map);
}
topojsondata = FileAttachment("den_haag_PC6_wdurdis.json").json()
PC6 = topojson.feature(topojsondata,topojsondata.objects.den_haag_PC6_wdurdis)
C_DOM = [5,35]
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.
