The avatar for @meetamit
Amit Sch
Public
Edited
Jan 18, 2023
Importers
10 stars
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
renderTextSvg(
'Lorem ipsum dolor sit amet, consectetur adipiscing. Maecenas ornare ligula quis justo.',
{ wrapWidth: 450, font, gap, lineHeight, space }
)
Insert cell
Insert cell
svg`<svg width='${width}' height='35'>${
renderTextPaths(
`123 free tickets, yes dinner to go, Dr Dre...`,
{ font, gap, space, color: '#7c0000' }
)
}</svg>`
Insert cell
Insert cell
Insert cell
{
const el = svg`<svg height='45' ><g transform='rotate(-7) translate(5 15)'></g></svg>`
renderTextInto(el.children[0], 'Full House', { font, color: '#7c0000' })
return el
}
Insert cell
renderTextArray('Lorem Ipsum', { font: 'cursive' })
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
import { slider } from '@jashkenas/inputs'
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