md`## Current zoom: ${clustersMap.getZoom().toFixed(2)}`
clustersMap.setPaintProperty('clusters', "circle-opacity", clusterOpacity);
clustersMap.setPaintProperty('unclustered-point', "circle-opacity", pointOpacity);
viewof clusterRadius = slider({
min: 1,
max: 50,
step: 1,
value: 50,
title: "Cluster Radius",
description: "How far the cluster \"reaches\" to grab points."
});
viewof clusterMaxZoom = slider({
min: 0,
max: 22,
step: 0.5,
value: 10,
title: "Cluster Max Zoom",
description: "The max zoom to display clusters"
});
viewof blueClusterRadius = slider({
min: 5,
max: 20,
step: 1,
value: 10,
title: "Blue Cluster Radius"
});
viewof yellowClusterRadius = slider({
min: 5,
max: 20,
step: 1,
value: 10,
title: "Yellow Cluster Radius"
});
viewof pinkClusterRadius = slider({
min: 5,
max: 20,
step: 1,
value: 10,
title: "Pink Cluster Radius"
});
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.
