--- title: "Data Visualization with D3" category: "tutorials" author: "Seeded Author" tags: ["demo", "markdown", "mdx"] --- [toc] # Data Visualization with D3 This is a **full-feature** post demo. You can use _italic_, **bold**, ***bold+italic***, and ~~strikethrough~~. Inline code: `const api = "ready"`. Highlighted text using HTML mark tag. ## Headings H2 ### H3 #### H4 ##### H5 ###### H6 > Blockquote example. > Multiline quote with a line break. --- Line breaks with HTML:
Line 1
Line 2 ## Lists - Bullet item 1 - Bullet item 2 - Nested bullet A - Nested bullet B 1. Numbered item 1 2. Numbered item 2 1. Nested number A 2. Nested number B ## Task / Checklist - [x] Done item - [ ] Pending item ## Table (GFM) | Feature | Supported | Notes | | --- | --- | --- | | Tables | Yes | GFM | | Math | Yes | KaTeX | | Footnotes | Yes | GFM | ## Code Blocks ~~~js export function hello() { console.log("Hello, world!"); } ~~~ ~~~bash npm run dev ~~~ ## Links & Images [OpenAI](https://openai.com) ![Demo image](https://images.unsplash.com/photo-1521737604893-d14cc237f11d?auto=format&fit=crop&w=1200&h=600&q=80 "Demo caption") ## Emojis 😄🚀✨ ## Footnote Example Here is a statement with a footnote.[^1] [^1]: This is the footnote text. ## Definition List Term 1 : Definition for term 1 Term 2 : Definition for term 2 ## Math (KaTeX) Inline math: $E = mc^2$ Block math: $$ \int_0^1 x^2 \, dx = \frac{1}{3} $$ ## HTML Inside Markdown

Expandable section

This content is inside a details/summary block.

This is a custom callout box rendered by the markdown renderer.

Card: You can use custom blocks via HTML tags.

## Embedded Video (iframe) ## Mermaid (if enabled) ~~~mermaid graph TD A[Start] --> B{Decision} B -->|Yes| C[Do it] B -->|No| D[Skip it] ~~~

Data Viz