bottomLeft = [-33.90497219096265 + shuntDown, 151.17050170898438]
topRight = [-33.847179923191746 + shuntDown, 151.25375747680664]
midpoint = [
(bottomLeft[0] + topRight[0]) / 2,
(bottomLeft[1] + topRight[1]) / 2
]
bbox = [...bottomLeft, ...topRight].join(",")
function haversine([lon1, lat1], [lon2, lat2]) {
const from = turf.point([lon1, lat1]);
const to = turf.point([lon2, lat2]);
return turf.distance(from, to, { units: "metres" });
}
scaleMember = (scale) => (value) => {
const color = scale.apply(value);
return html`<span style="border-bottom: solid ${color} 3px">${value}</span>`;
}
telephone = () => scaleMember(distanceMap.scale("color"))("telephone")
panel = () => scaleMember(distanceMap.scale("color"))("panel")
redHighlight = highlight("red")
redHighlight(5)
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.
