The avatar for @cbadatavis
Data Visualisation
Public
Worksheets: Learn Observable - Oleg Petrenko
Edited
Apr 21, 2023
10
Insert cell
Insert cell
# Header 1
Insert cell
## Header 2
Insert cell
### Header 3
Insert cell
#### Header 4
Insert cell
Insert cell
Some normal text
Insert cell
A ****bold**** text
Insert cell
Some *italic* or _italic_ text
Insert cell
Some ***bold and italic*** or **_bold and italic_** text.
Insert cell
Insert cell
Here is inline code `myData[1][2]`
Insert cell
Here is a code fence:
```js
myData[0][2]
myData[1][2]
```
Insert cell
Insert cell
- My item 1
- My item 2
- My item 3
Insert cell
1. My item a
2. My item b
3. My item c
Insert cell
Insert cell
Here is [an example link](https://www.example.com)
Insert cell
Here is [an example link to another notebook](6633b924df67bf69)
Insert cell
Insert cell
Insert cell
![Label](https://picsum.photos/200/300?grayscale)
// ... you can use the image link https://picsum.photos/200/300?grayscale
// Note: Images generated from this website will not be exactly the same with the one above, except for their dimensions
// Hint: You need to convert the type of this cell to Markdown from JS.
Insert cell
Insert cell
{![Label](https://picsum.photos/500/300?grayscale)}
Insert cell
Insert cell
Insert cell
This is <span style="color: salmon"> some colored text </span>.
Insert cell
Insert cell
Insert cell
<style>
h1{
color: salmon
}
img{
border-color: black;
border-width: 10px;
border-style: solid;
}
</style>
Insert cell
Insert cell
Insert cell
import {imageToDo} from "@clokman/student-blocks"
Insert cell
imageToDo
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