bertin.draw({
params: { projection: "Spilhaus", background: "white", margin: 20 },
layers: [
{
type: "waterlines",
geojson: world,
nb: 5, // number of lines
dist: 5 // distance between lines
},
{
geojson: world,
fill: "white",
stroke: "none"
}
]
})
bertin.draw({
params: { projection: "Spilhaus", background: "#82b0e8" },
layers: [
{
type: "waterlines",
geojson: world,
nb: 3, // number of lines
dist: 10, // distance between lines
stroke: ["black", "white"], // If more than 1 value is defined, a linear scale is done beetwen values (default:"#5d81ba")
precision: 1, // number of steps defining buffers. 1 = not accurate, 8 = accurate. (default: 3)
strokeWidth: [2, 1], // if more than 1 value is defined, a linear scale is done beetwen values(default: [1.2, 0.2])
strokeOpacity: [1, 0.5], // if more than 1 value is defined, a linear scale is done beetwen values
strokeDasharray: [4, 4], // stroke-dasharray (default: "none")
strokeLinecap: "round", // stroke-linecap (default: "round")
strokeLinejoin: "round" // stroke-linejoin (default: "round")
},
{
geojson: world,
fill: "white",
fillOpacity: 0.3,
stroke: "none"
}
]
})
Type JavaScript, then Shift-Enter. Ctrl-space for more options. Arrow ↑/↓ to switch modes.
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.
