Notebooks 2.0 is here.

Read the preview announcement
The avatar for @bumbeishvili
David B.
Data viz engineer | twitter.com/dbumbeishvili
Published
Edited
Jun 21, 2018
Fork of deck.gl HexagonLayer Example
•
2 forks
10 stars
Insert cell
Insert cell
Insert cell
Insert cell
container = html `<div style="height:600px"></div>`
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
deckgl = {
return new deck.DeckGL({
container,
map: mapboxgl,
mapboxAccessToken: '',
mapStyle: 'https://free.tilehosting.com/styles/darkmatter/style.json?key=U0iNgiZKlYdwvgs9UPm1',
longitude: -1.4157,
latitude: 52.2324,
zoom: 6,
minZoom: 5,
maxZoom: 15,
pitch: 40.5
});
}
Insert cell
{
const hexagonLayer = new deck.HexagonLayer({
id: 'heatmap',
colorRange,
data,
elevationRange: [0, 1000],
elevationScale: 250,
extruded: true,
getPosition: d => [d.lng, d.lat],
opacity: 1,
radius,
upperPercentile,
lightSettings
});

deckgl.setProps({layers: [hexagonLayer]});
return hexagonLayer;
}
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell

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.
Learn more