Published
Edited
Aug 12, 2022
2 forks
32 stars
Insert cell
Insert cell
mapContainer = html`<div style="height:600px"></div>`
Insert cell
deckglLayer = {
const layer = new deck.TripsLayer({
id: `layer-trips-x`,
data: positioned,
getPath: (d) => d.path,
positionFormat: "XY",
getTimestamps: (d) => d.times,
getColor: [25, 82, 189],
opacity: 0.8,
widthMinPixels: 2,
fadeTrail: true,
trailLength: 0.5,
currentTime
});

deckglMap.setProps({ layers: [layer] });

return layer;
}
Insert cell
currentTime = (now / 900) % 11
Insert cell
Insert cell
Insert cell
Insert cell
deck = require.alias({
h3: {}
})("deck.gl@8.8.6/dist.min.js")
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
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