Public
Edited
May 12, 2023
Insert cell
Insert cell
# heading
Insert cell
## heading
Insert cell
### heading
Insert cell
#### Heading 4
Insert cell
Insert cell
Some normal text
Insert cell
Insert cell
**A Bold Text**
Insert cell
*An 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
Insert cell
1. My item a
2. My item b
3. My item c
Insert cell
Insert cell
Insert cell
Insert cell
Here is [an example link to another notebook](6633b924df67bf69)
Insert cell
Insert cell
Insert cell
FileAttachment("CleanShot 2022-05-04 at 03.53.49-2x.png").image({width:'200'})
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
Insert cell
FileAttachment("586-200x300-grayscale.jpg").image({width:'500x300'})
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