Component Reference

This lesson demonstrates every available shortcode and Markdown style. Use it as a copy-paste reference when writing new lessons.

---

Typography

Regular paragraph with bold, italic, bold italic, strikethrough, and inline code.

This is a blockquote. Use it for quotes or secondary context.

Headings

Use ## for section titles and ### for subsections. The # heading is reserved for the lesson title (rendered separately).

Lists

Unordered:

• First item
• Second item with bold
• Nested list:
  • Sub-item A
  • Sub-item B

Ordered:

1. Step one
2. Step two
3. Step three

Code block

# Example: calculating VWAP
vwap = sum(price * volume) / sum(volume)
print(f"VWAP: {vwap:.2f}")

Table

Indicator	Best For	Timeframe
Volume Profile	Support/Resistance	Intraday
Footprint	Order Flow	Scalping
Delta	Buyer/Seller pressure	Any

Link and image

Visit ATAS website for more tools.

---

Callout Variants

---

Key Takeaway

---

Before / After Slider

---

Candlestick Chart

Default chart with demo data:

Chart with volume bars:

---

Volume Profile

Horizontal histogram of traded volume by price level with POC and Value Area:

---

Volume Profile Chart

Multiple volume profiles side by side with shared price axis, POC and Value Area per column:

---

Video Embed

---

Try in ATAS

Volume Profile shows the distribution of traded volume at each price level over a chosen period. It reveals where the market spent the most time (Point of Control) and key support/resistance zones.

---

Footprint Builder

Interactive step-by-step footprint construction from raw ticks:

---

Cluster Chart

Cluster chart showing multiple bars with bid/ask butterfly histogram and candle highlights:

---

Matching Engine

Step-by-step matching engine simulator showing how a market order consumes liquidity from the order book, generates prints (trades), and builds a footprint. Three synchronized panels update together on each step:

---

CVD Chart

Dual-pane chart: price candlesticks on top, CVD (Cumulative Volume Delta) candlesticks on the bottom. Trend lines show convergence/divergence between price and CVD:

---

Combining Components

You can mix shortcodes with regular Markdown freely:

Then try the interactive builder above to see how each tick fills the footprint grid.