Published
Edited
Jun 21, 2022
Importers
1 star
Insert cell
Insert cell
Insert cell
Insert cell
collapsedCSS('Your Label here')`
blockquote {
border-left: 1px solid currentColor;
margin-left: 0;
padding-left: 0.5em;
}
`
Insert cell
Insert cell
collapsedCSS`
blockquote {
border-left: 1px solid currentColor;
margin-left: 0;
padding-left: 0.5em;
}
`
Insert cell
Insert cell
viewof style = css`
blockquote {
border-left: 0.125em solid currentColor;
margin-left: 0;
padding-left: 0.5em;
}
`
Insert cell
style
Insert cell
Insert cell
viewof style2 = css({ transform: css => css.replace(/:scope/g, '.foo') })`
:scope h3 {
font-size: 1.5em;
}
`
Insert cell
style2.textContent
Insert cell
viewof style3 = collapsedCSS({
title: htl.html.fragment`cool <abbr title="as hecc">AF</abbr>`,
transform: css => css.replace(/:scope/g, '.bar')
})`
:scope h3 {
font-size: 1.5em;
}
`
Insert cell
style3.textContent
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
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