Published
Edited
May 6, 2022
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](https://www.example.com)
Insert cell
Insert cell
Insert cell
html`<img src="https://picsum.photos/200/300?grayscale"></img>`
Insert cell
Insert cell
html`<img width="500" height="300" frameborder="0"
src="https://picsum.photos/200/300?grayscale"></img>`
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