The avatar for @adityawarmanfw
Fidocia Wima Adityawarman
Product, analytics, viz. Product analyst @ShowwcaseHQ.
Public
Edited
Jan 11, 2024
Insert cell
Insert cell
viewof file = Inputs.file({label: "Data"})
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
// mapindo = html`<svg viewBox="0 0 ${width} ${height}">
// <rect class="background" width="${width}" height="${height}" fill="none"></rect>
// <path d="${path(desaGeoJSON)}" fill="red" stroke="lime" stroke-width="0.1"></path>


// </svg>`
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Plot.plot({
width,
projection: {
type: "identity",
domain: indoGeoJSON,
inset: 2
},
marks: [
Plot.graticule(),
Plot.geo(indoGeoJSON, {fill: "currentColor", fillOpacity: 0.3}),
Plot.geo(desaGeoJSON, {stroke: "red", strokeWidth: 0.1}),
// Plot.frame()
]
})
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