deckglMap = {
redraw;
const geojsonLayerDep = new deck.GeoJsonLayer({
id: `layer-dep-${Date.now()}`,
data: { type: 'FeatureCollection', features: data.dep_borders },
opacity: 1,
stroked: true,
filled: false,
extruded: false,
wireframe: false,
fp64: true,
lineWidthMinPixels: depPathWidth,
getLineColor: [0, 0, 0],
// pickable: true
});
const geojsonLayerComm = new deck.GeoJsonLayer({
id: `layer-comm-${Date.now()}`,
data: { type: 'FeatureCollection', features: data.communes },
opacity: 1,
stroked: true,
filled: true,
extruded: false,
wireframe: false,
fp64: true,
lineWidthMinPixels: communePathWidth,
getFillColor: d => d.properties.color,
getLineColor: [0, 0, 0],
// pickable: true
});
mapContainer.innerHTML = "";
return new deck.DeckGL({
container: mapContainer,
layers: [geojsonLayerComm, geojsonLayerDep],
initialViewState: {
longitude: 2,
latitude: 45.8,
zoom: 5,
pitch: 0,
bearing: 0
},
controller: true
});
}
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.
