# A Grand Sandbox

A Grand Sandbox

# Map

# Markdown features

# Table of contents

# Checkbox

Unfilled checkbox

filled 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

List item 1

List item 2

List item 3

List item 4

# Stepped slider

Step 1

Some description

Step 2

Some description

Step 3

Some description

Step 4

Some description

# Icons

SVG icons

# Buttons

# Tags

Tag One Tag Two Tag Three Tag Four Tag Five

# Using Directives

In SVG

# Animation with Haiku

# 3D molecules

# Through jsmol

# Through 3dmol.js

# Airtable pull

# Local JSON pull

JSON path relative to component

George Bluth

Janet Weaver

Emma Wong

# Flowcharts / Gantt charts

# via Vis.js

# via Mermaid.js

graph LR Start --> Stop

# Custom components

# BabylonJS

# PDF

# E-charts

Inlines notes are easier to write, since you don't have to pick an identifier and move down to type the note. ↩︎
Here is the footnote. ↩︎
NPM package ↩︎
Element UI documentation ↩︎

Airtable pull →

# A Grand Sandbox

# Map

# Markdown features

# Table of contents

# Checkbox

# Footnote

# Inline

# Separate

# Attributes / Classes

# Abbreviations

# Images

# Videos

# Sup/superscript

# Tabs

# Element UI components

# Cards with headers

# Stepped slider

# Icons

# Buttons

# Tags

# Tooltip

# Using Directives

# Animation with Haiku

# 3D molecules

# Through jsmol

# Through 3dmol.js

# Airtable pull

# Local JSON pull

George Bluth

Janet Weaver

Emma Wong

# Flowcharts / Gantt charts

# via Vis.js

# via Mermaid.js

# Custom components

# BabylonJS

# PDF

# E-charts