Published
Edited
Apr 3, 2019
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
nodeViews = ({
paragraph: () => {
const dom = document.createElement('div')
dom.style.display = 'flex'
const gutter = document.createElement('div')
gutter.setAttribute('contenteditable', 'false')
gutter.style.background = '#efe';
gutter.style.borderRight = '1px solid #ded';
gutter.style.padding = '0 16px';
gutter.style.marginRight = '16px';
dom.appendChild(gutter);

const contentDOM = document.createElement('p')
contentDOM.style.flex = '1'
dom.appendChild(contentDOM)

return { dom, contentDOM }
}
})
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