# Markdown Editor
Link to [[Getting Started]] or [[Another Page|a friendly label]].
Tag ideas with #hashtags and mention people like @alice.
There are features
## Todo Items
- [ ] Unchecked — not started
- [/] In progress — partially done
- [!] Important — flagged or urgent
- [x] Done — completed
- [-] Cancelled — skipped or dropped
- [?] Question — needs clarification
- [>] Deferred — moved to later
- [*] Starred — highlighted or pinned
## Header 2
### Header 3
#### Header 4
:::
asides
:::
```js
//codeblocks
for (let test of testCollection) {
console.log("hello world");
let x = 5 === test;
}
```
## Quotation
> The only way to do great work is to love what you do. If you haven't found it yet,
> keep looking. Don't settle.
>
> — Steve Jobs, Stanford Commencement Address, 2005
## Charts
```chart
type: bar
width: 500
height: 300
data:
- label: "A"
value: 30
color: "#ff6b6b"
- label: "B"
value: 80
color: "#4ecdc4"
- label: "C"
value: 45
color: "#45b7d1"
- label: "D"
value: 60
color: "#96ceb4"
```
```chart
type: line
width: 500
height: 300
lineWidth: 3
data:
- x: 1
y: 10
c: "series1"
- x: 2
y: 25
c: "series1"
- x: 3
y: 15
c: "series1"
- x: 4
y: 30
c: "series1"
- x: 1
y: 5
c: "series2"
- x: 2
y: 15
c: "series2"
- x: 3
y: 25
c: "series2"
- x: 4
y: 20
c: "series2"
```
## Network
```network
---
scale: 0.3
---
JavaScript:
# EcmaScript (aka JavaScript)
The single most used programming language on earth.
CSS:
# Cascading Style Sheets (CSS)
CSS is as complex as it is beautiful.
HTML:
# HTML
HTML has become extensible with Custom HTML Elements.
---
(JavaScript|wireframe:true;shape:torus) --> (HTML|wireframe:true;shape:cube)
(CSS|wireframe:true) --> (HTML|wireframe:true)
(JavaScript) --> (HTML)
```
## Footnotes & Citations
Markdown supports inline footnotes for references and citations.[^1] You can add multiple footnotes throughout your text[^2] and define them at the bottom of the document.[^note]
For academic-style citations, reference a source inline like this[^smith2024] or use a shorthand key.[^jones]
[^1]: This is the first footnote. It can contain any inline content.
[^2]: A second footnote, demonstrating multiple references in one document.
[^note]: Named footnotes work too — use any label without spaces.
[^smith2024]: Smith, J. (2024). *A Guide to Markdown*. Example Press. https://example.com
[^jones]: Jones, A. et al. "Footnotes in Practice." *Journal of Markup*, vol. 3, 2023.