Public
Edited
Jul 15, 2024
Insert cell
Insert cell
md`
## Inline HTML

You can mix markdown and regular html tags.

<table>
<thead>
<tr>
<th>key</th>
<th>value</th>
</tr>
</thead>
<tbody>
<tr>
<td>a</td>
<td>13</td>
</tr>
<tr>
<td>b</td>
<td>42</td>
</tr>
</tbody>
</table>
`
Insert cell
md`
## Headers
Different ways to write header:

This is an H1
=============
This is an H2
-------------
### This is an H3
#### This is an H4 ####
`
Insert cell
md`
## Blockquotes

> Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus.
Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.
>
> > Blockquotes can also be nested

Blockquotes can contain other Markdown elements, including headers, lists, and code blocks:

> ## This is a header.
>
> 1. This is the first list item.
> 2. This is the second list item.
> \`\`\`js
const hello = 'Guten Tag!'
\`\`\`
`

Insert cell
md`
## Lists

Three ways to write unordered lists:

* Red
+ Green
- Blue

Ordered lists use numbers followed by periods (order of numbers doesn't matter):

1. Bird
3. McHale
2. Parish
`
Insert cell
md`
## Horizontal Rules

use any of these for a horizontal line:

* * * *** ***** - - - -----------
`
Insert cell
md`
## Links

This is [an example](http://example.com/ "Go to links") inline link and
this is [an example][id] reference-style link.
[id]: http://example.com/ "Optional Title Here"
`
Insert cell
md`
## Emphasis

*single asterisks*,
_single underscores_,
**double asterisks**,
__double underscores__
`
Insert cell
md`
## Code

This is \`inline(code)\` and here's a code block:

\`\`\`js
var numbers = [1, 2, 3];

for (let num in numbers) {
console.log(num);
}
\`\`\`
`
Insert cell
md`
## Images

![Lorem picsum](https://picsum.photos/200/200 "Optional title")

![Lorem picsum][url-lorem-picsum]
[url-lorem-picsum]: https://picsum.photos/202/202 "Optional title attribute"
`
Insert cell
md`
## Tables
<br />

| key | value |
| --- | ----- |
| a | 13 |
| b | 42 |
`
Insert cell
Type JavaScript, then Shift-Enter. Ctrl-space for more options. Arrow ↑/↓ to switch modes.

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