Public
Edited
May 27, 2024
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
mapContainer.updateData(ratingSlider)
Insert cell
fuentes=d3.csvParse(await FileAttachment("route-finder.csv").text(), d3.autoType)
Insert cell
Insert cell
html`<link href='${resolve('leaflet@1.2.0/dist/leaflet.css')}' rel='stylesheet' />`
Insert cell
Insert cell
import { rangeSlider } from "@mootari/range-slider"
Insert cell
import { style as faStyle, fa } from "@airbornemint/fontawesome"
Insert cell
L = await require('leaflet')
Insert cell
lmc = {
L;
const leafletmarkercluster = await require('leaflet.markercluster');
if (!leafletmarkercluster._style) {
const href = await require.resolve("leaflet.markercluster/dist/MarkerCluster.css");
const href2 = await require.resolve("leaflet.markercluster/dist/MarkerCluster.Default.css");
document.head.appendChild((leafletmarkercluster._style = html`<link href=${href} rel=stylesheet><link href=${href2} rel=stylesheet>`));
}
return leafletmarkercluster;
}
Insert cell
extraMarkers = {
fa;
L;
const makeAwesome = await require("leaflet-extra-markers");

return L.ExtraMarkers;
}
Insert cell
d3 = require("d3@5")
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