viewof inputShow = inputs({
title: "show",
className: "inputs",
inputs: {
clusters: checkbox({ title: "clusters", options: [""], value: "clusters" }),
markers: checkbox({ title: "markers", options: [""], value: "markers" }),
clustered: checkbox({
title: "clustered",
options: [""]
})
}
})
viewof metric = radio({
title: "ClusterMetric",
options: ["kilometers", "pixels"],
value: "pixels",
description: "unit of maxDistance, default: pixels"
})
viewof maxDistance = slider({
title: "maxDistance",
min: 1,
max: 100,
value: 10,
step: 1,
description:
"Maximum Distance between any point of the<br> cluster to generate the clusters<br> <b>required</b>"
})
viewof inputOptions = inputs({
title: "Options",
className: "inputs",
inputs: {
units: select({
title: "units",
options: ["degrees", "radians", "miles", "kilometers"],
value: "kilometers",
description: "in which maxDistance is<br> expressed, default: kilometers"
}),
mutate: checkbox({
title: "mutate",
options: [""],
value: "mutate",
description: "Allows GeoJSON input<br> to be mutated, default :false"
}),
minPoints: slider({
title: "minPoints",
min: 1,
max: 20,
step: 1,
value: 3,
description:
"Minimum number of points to generate a single<br> cluster, points which do not meet this requirement<br> will be classified as an 'edge' or 'noise'. default: 3"
})
}
})
d3 = require("d3@6")
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.
