The avatar for @amazingdesign
Amazing Design
Published
Edited
Jul 2, 2018
Insert cell
Insert cell
Insert cell
md`
Every cell has an output - the text visible above, and code that generates output.

As default code is only visible when edirting cell, but we can pin code (pin icon on the left) to make code allways visible!

This is cell with pinned code! (ignore for now what is written inside)
`
Insert cell
Insert cell
md`This is text to be displayed in markdown!`
Insert cell
Insert cell
html`<p style="color: red;">This is red HTML paragraph!</p>`
Insert cell
Insert cell
Insert cell
name = firstName + ' ' + lastName
Insert cell
firstName = 'Mateusz'
Insert cell
lastName = 'Choma'
Insert cell
Insert cell
{
const firstName = 'Mateusz'
const lastName = ' Choma'
const name = firstName + ' ' + lastName
return name
}
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