1. Quick Start

This page gets you from a blank tab to a live chart in a few steps. You do not need to install anything to use the hosted workspace — it runs entirely in your browser.

Open the workspace

The workspace lives at /chart/<symbol>. Open it at the default symbol:

/chart/BTCUSDT

BTCUSDT is a Binance crypto pair and works without any API key, so it is the fastest way to see the workspace with live data. The page title updates to the symbol you are viewing.

You can navigate directly to any symbol by editing the URL, for example:

/chart/AAPL          # a US stock (served through Massive)
/chart/ETHUSDT       # a crypto pair (served through Binance)

If a symbol needs a specific provider, you can pin it with a query parameter:

/chart/AAPL?provider=massive
/chart/BTCUSDT?provider=binance

Stock symbols (Massive) require an API key to be configured. Crypto pairs (Binance) use public endpoints and need no key. See Configuring Providers & API Keys for setup.

What you will see

When the workspace opens it loads a multi-pane layout: several synchronized chart panes, each on its own timeframe. The default layout opens six panes with these timeframes:

Each pane renders candlesticks by default and shows an info line in the top-left corner with the open, high, low, close, change, and volume of the hovered bar. The active pane is highlighted with an amber border.

Try the basics

• Hover the chart to read individual bar values in the info line.
• Scroll / drag to zoom and pan the price action.
• Press R (with the pane focused) to reset the pane view, or S to download a snapshot of the pane.
• Press Tab to move focus between panes.

For the full set of navigation gestures and shortcuts, see Navigating the Chart and the Keyboard Shortcuts reference.

Run it locally (optional)

If you are running the project from source, it is a Next.js app managed with bun:

bun install
bun run dev

Then open http://localhost:3000/chart/BTCUSDT. To use stock data locally, add the required keys to a .env.local file as described in Configuring Providers & API Keys.

Next steps

Now that you have a chart open, get oriented with the rest of the screen.

Next: The Workspace Tour