Published
Edited
Feb 15, 2022
1 star
Insert cell
Insert cell
Insert cell
pintora(`
sequenceDiagram
autonumber
User->>+Pintora: render this
activate Pintora
loop Check input
Pintora-->>Pintora: Has input changed?
end
Pintora-->>User: your figure here
deactivate Pintora
`)
Insert cell
pintora(
`
erDiagram
CUSTOMER ||--o{ ORDER : places
ORDER ||--|{ LINE-ITEM : contains
CUSTOMER }|..|{ DELIVERY-ADDRESS : uses
ORDER {
int orderNumber
string deliveryAddress
}
`,
{ themeConfig: { theme: 'dark' } }
)
Insert cell
Insert cell
pintora = (code, config = {}) => {
const el = DOM.element('div')
pintoraLib.default.renderTo(code, { container: el, config })
return el
}
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