The avatar for @martien
Martien van Steenbergen
Wise Fool. Visioneer.
Public
Edited
Sep 19, 2023
4 stars
Insert cell
Insert cell
rough(Plot.barY([1, 2, 4, 3], {fill: palette[fillColor]}).plot())
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
palette = cheyssonPalette
Insert cell
rough = (svg) => {
const S = Object.assign(
new svg2rough.Svg2Roughjs(document.createElement("SVG")),
{
svg,
backgroundColor,
pencilFilter,
randomize,
fontFamily,
roughConfig: { bowing, roughness, fillStyle }
}
);
S.sketch();
return S.outputElement;
}
Insert cell
<style>@import url("https://fonts.googleapis.com/css2?family=${fontFamily}&display=swap")</style>
Insert cell
svg2rough = import("https://cdn.skypack.dev/svg2roughjs@3?min")
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