Published
Edited
Aug 21, 2018
4 forks
45 stars
Insert cell
Insert cell
Insert cell
Insert cell
md`
# Heading 1
This is paragraph text inside Header 1. Heading 1 (#) converts to HTML tag \`<h1>\`.
`
Insert cell
md`
## Heading 2
This is paragraph text inside Header 2. Heading 2 (##) converts to HTML tag \`<h2>\`.
`
Insert cell
md`
### Heading 3
This is paragraph text inside Header 3. Heading 3 (###) converts to HTML tag \`<h3>\`.
`
Insert cell
md`
#### Heading 4
This is paragraph text inside Header 4. Heading 4 (#####) converts to HTML tag \`<h4>\`.
`
Insert cell
md`
##### Heading 5
This is paragraph text inside Header 5. Heading 5 (#####) converts to HTML tag \`<h5>\`.
`
Insert cell
md`
###### Heading 6
This is paragraph text inside Header 6. Heading 6 (######) converts to HTML tag \`<h6>\`.
`
Insert cell
Insert cell
Insert cell
md`
This is normal paragraph text. It requires no special annotation. Simply type what you want to say.
`
Insert cell
Insert cell
md`
This is **bold text** using double asterisks (\\*\\*) to surround the text.
`
Insert cell
Insert cell
md`
This is *italic text* using single asterisks (\\*) to surround the text. This is ** *bold and italic * ** text.
`
Insert cell
Insert cell
md`
~~This text has been struck through.~~ To do this, use double tildes (\\~\\~) to surround the text.
`
Insert cell
Insert cell
md`
> **Tip:** This is an example of quoted text.
`
Insert cell
Insert cell
md`
Because Markdown syntax uses characters like \* and \>, you'll have to escape them with a backslash (\\\\) if you want to display it in your output.
`
Insert cell
Insert cell
md`
If you can't do it in Markdown, you can always fall back to HTML. If you like, you can even insert Unicode characters such as this heavy checkmark ([<span>&#10004;</span>](https://www.rapidtables.com/web/html/html-codes/htm-code-check.html)) or this copyright sign ([<span>&#9400;</span>](https://www.rapidtables.com/web/html/html-codes/html-code-copyright.html)).
`
Insert cell
Insert cell
Insert cell
md`
This is \`\`inline code using double backticks\`\` to surround the text. Note that in [Observable](http://beta.observablehq.com) we had to escape the backticks to get this to work.
`
Insert cell
Insert cell
md`
\`\`\`
This is line 1 of a fenced code block.
This is line 2.
This is line 3.
This is line 4.
\`\`\`

Note again that in [Observable](http://beta.observablehq.com) we had to escape the backticks to get this to work.
`
Insert cell
Insert cell
md`
\`\`\`HTML
<h1>Moving from Word to the Web via Gitbook and Markdown<\h1>
<p>HTML: <a href="http://blah.com"></p>
<p>PDF: <a href="http://blah.com"></p>
<p>Source: <a href="http://blah.com"></p>
\`\`\`
`
Insert cell
Insert cell
md`

1. This is the **first item** in an ordered list
2. This is the **second item** in an ordered list
3. This is the **third item** in an ordered list
1. This is the *first subitem* of the **third item** in the ordered list
2. This is the *second subitem* of the **third item** in the ordered list
4. This is the **fourth item** in an unordered list
`
Insert cell
Insert cell
md`
* This is the first item in an unordered list
* This is the second item in an unordered list
* This is the third item in an unordered list
* This is the first subitem of the third item in the unordered list
* This is the second subitem of the third item in the unordered list
* This is the fourth item in an unordered list
`
Insert cell
Insert cell
md`
1. This is the first item in an ordered list
1. This is the second item in an ordered list
* This is the first subitem of the second item in the ordered list
* This is the second subitem of the third item in the ordered list
* This is the third subitem of the third item in the ordered list
1. This is the third item in an unordered list
1. This is the first subitem of the third item in the ordered list
1. This is the second subitem of the third item in the ordered list
* This is the first subitem of the second subitem of the third item in the order list
* Hopefully you've got the idea by now!
`
Insert cell
Insert cell
md`
| Heading 1 | Heading 2 | Heading 3 | Heading 4 | Heading 5 |
| -------------- | -------------- | -------------- | -------------- | -------------- |
| Row 1 Column 1 | Row 1 Column 2 | Row 1 Column 3 | Row 1 Column 4 | Row 1 Column 5 |
| Row 2 Column 1 | Row 2 Column 2 | Row 2 Column 3 | Row 2 Column 4 | Row 2 Column 5 |
| Row 3 Column 1 | Row 3 Column 2 | Row 3 Column 3 | Row 3 Column 4 | Row 3 Column 5 |
| Row 4 Column 1 | Row 4 Column 2 | Row 4 Column 3 | Row 4 Column 4 | Row 4 Column 5 |
| Row 5 Column 1 | Row 5 Column 2 | Row 5 Column 3 | Row 5 Column 4 | Row 5 Column 5 |
`
Insert cell
Insert cell
Insert cell
md`
![Chord Clock](https://gist.githubusercontent.com/ajlimbert/c2b349cb836aeb4ca5b4b696a7fc88c3/raw/f27e5d75c429e3ab94f91b7b4bc657f4c0e87e73/preview.png)
`
Insert cell
Insert cell
md`
[This is a link to the GitHub-flavored Markdown syntax specification.](https://github.github.com/gfm/)
`
Insert cell
md`
This link is automatically created for you: https://bl.ocks.org/ajlimbert/raw/c2b349cb836aeb4ca5b4b696a7fc88c3/
`
Insert cell
md`
[This is a link to the March 21 2018 Perth Write the Docs Meetup page](https://www.meetup.com/Write-the-Docs-Australia/events/246830725/)
`
Insert cell
md`
[Write the Docs homepage](www.writethedocs.org)
`
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