fonts = ({
regular: "InterRegular, Helvetica, sans-serif",
black: "InterBlack, Arial Black, Helvetica, sans-serif"
})
htl.html`${Object.values(colorSchemes).map(swatches)}`
swatches = (colorScheme) => {
return htl.html`<div style="display:grid; grid-template-columns: repeat(auto-fit, 1rem">${colorScheme.map(
(c) =>
htl.html`<div style="aspect-ratio: 1; width: 1rem; background-color: ${c}"></div>`
)}</div>`;
}
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.
