# A Grand Sandbox

# Map

# Markdown features

# Table of contents

# Checkbox

# Footnote

# Inline

Here is an inline note.^[1]

# Separate

Here is a footnote reference.^[2]

# Attributes / Classes

Through Markdown-it-attrs^[3].

# Abbreviations

The HTML specification is maintained by the W3C.

# Images

# Videos

Youtube

Vimeo

# Sup/superscript

23^rd October is Chemistry Day.

H₂O is water.

# Tabs

# Element UI components

From Element UI.^[4]

# Cards with headers

# Stepped slider

# Icons

SVG icons

# Buttons

# Tags

Tag One Tag Two Tag Three Tag Four Tag Five

# Tooltip

# Using Directives

Tooltip using directive

In SVG

# Animation with Haiku

# 3D molecules

# Through jsmol

# Through 3dmol.js

# Airtable pull

# Local JSON pull

JSON path relative to component

# Flowcharts / Gantt charts

# via Vis.js

# via Mermaid.js

# Custom components

60 minutes

6 years ago

# BabylonJS

# PDF

# E-charts

---

1. Inlines notes are easier to write, since you don't have to pick an identifier and move down to type the note. ↩︎

2. Here is the footnote. ↩︎

3. NPM package ↩︎

4. Element UI documentation ↩︎