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

One platform to build and deploy the best data apps

Experiment and prototype by building visualizations in live JavaScript notebooks. Collaborate with your team and decide which concepts to build out.
Use Observable Framework to build data apps locally. Use data loaders to build in any language or library, including Python, SQL, and R.
Seamlessly deploy to Observable. Test before you ship, use automatic deploy-on-commit, and ensure your projects are always up-to-date.
Learn more