Web viewer

The ARTGTO web viewer is a browser-based range explorer for your exported solutions. It runs fully on your machine — no internet connection, no account, no uploads. You point it at a folder of .artgto exports and browse strategies hand by hand, combo by combo. (To browse a solution inside the desktop app instead, see the Strategy browser.)

The viewer is a single self-contained page, artgto.html. It shows the brand wordmark Range Viewer and the format line 100bb · 6max · NL Cash in the top bar.

Starting the viewer

1. Double-click start.bat (or run artgto-viewer.exe directly). This starts a small local server at 127.0.0.1:8080 and opens your browser automatically.
2. Keep the server window open while you use the viewer. Closing it stops the viewer.

The bundled server exists for one reason: it supports HTTP range requests, which let the viewer read only the parts of a .artgto file it needs. That is why even multi-gigabyte solution libraries open instantly.

Loading your solutions

When the viewer opens it shows Waiting for selection.... Click it and select your export folder. The viewer expects this structure:

my_exports\
  3bet_pot.artgto          (one .artgto per spot family)
  4bet_pot.artgto
  ranges\
    UTG\  MP\  CO\  BU\  SB\  BB\     (preflop range .txt files)
  solver\
    flopmap.csv            (or flopmap.manifest.json)
  mapping\                 (optional card-mapping data)

The viewer reads each .artgto file's small header and index first, and only fetches strategy sections when you navigate to them. Range files are loaded on demand. See File formats for what is inside these files.

Preflop navigation

The viewer starts every hand at 6-max, 100bb stacks, with seats left to right: UTG, MP, CO, BU, SB, BB. You build the preflop line by clicking actions on each seat in turn.

The actions you will see on a seat are: Fold, Check, Call, Bet 33, Bet 75, Raise, and Allin (with the stack amount shown). Press keys 1–6 to jump to a seat instead of clicking; the hint line Click to pin · 1–6 seats · Esc reset reminds you of this.

Action history

Once a seat has acted, its card stays in the row but is dimmed, and only the action that was actually taken remains visible, greyed out. The buttons for actions that were not taken disappear. This keeps the history readable: a quick glance along the row tells you the exact line, with no leftover buttons to confuse it. The seat currently to act glows green; hovering a seat you are about to act with shows an amber outline before you confirm.

Use the Reset button (or Undo, next to it) in the preflop header to take back actions or start over.

The Action box in the street bar summarizes the line as text — for example "UTG vs BU · 3bet · UTG to act" — and shows — when nothing has happened yet. Next to it, Pot and SPR show the current pot size and stack-to-pot ratio.

Picking the board

The street bar shows three chips: Flop, Turn, River. Turn stays grey until a flop is chosen; River stays grey until a turn is chosen.

Click Flop to open the Choose flop picker: a 13×4 grid of all 52 cards (ranks across, suits stacked), three card slots above it, and the hint Pick 3 cards · click a slot to replace. The picker confirms automatically as soon as all three slots are filled. Close it with ✕ Esc, the Escape key, or by clicking outside it.

Cards use a 4-color deck everywhere in the viewer: hearts red, diamonds blue, clubs green, spades black — the same in both themes.

The range grid

After the board is set, the main panel shows the 13×13 grid of all 169 hand classes. Each cell is a stacked bar: the width of each colored segment is how often that hand takes that action. The Legend above the grid maps colors to actions:

Hovering a cell outlines it in green. Cells with no data (hands not in the range) are greyed out and cannot be clicked.

Pinning a hand class

Click any cell to pin it — it gets a green outline and glow, and the right panel fills with that hand's combos. The hint Click a cell to pin shows when nothing is pinned; once pinned, the panel shows Pinned: with the hand and an Unpin button. Pinning is how you go from "what does the range do" to "what does my hand do".

Combo breakdown panel

With a hand class pinned, the right panel lists every individual combo as a row:

This matters because a hand class is an average. "AKs bets 60%" usually hides that some suits bet far more than others — blockers and backdoor draws differ by suit. The combo rows show the real picture.

Pinning an exact combo

Click a combo row to pin that exact combo: the table narrows to that single row. Click it again to unpin and return to the full class. The row tooltips say Click to pin this exact combo and Click to unpin this combo. The status bar confirms with a green message like Pinned [hand] · specific combo [combo] — for example "Pinned AKs · specific combo AsKs".

Overall Strategy

At the bottom of the panel, the Overall Strategy section shows one large stacked bar combining all combos of the pinned hand, with percentages inside the segments. Below it, a legend lists each action with its frequency and the number of combos in grey. Use it to sanity-check the class-level mix before drilling into combos.

Themes

The top-right toggle switches between Dark (default) and Paper:

• Dark — near-black background, lime-green accent, gold highlights for optimal plays.
• Paper — cream background with a felt-green accent; action colors are retuned darker so the bars keep their contrast on the light background.

Suit colors stay identical in both themes. Your choice is saved in the browser and applied before the page paints, so there is no flash of the wrong theme on reload.

Keyboard shortcuts

The ? hint in the lower-left expands into the full Keyboard Shortcuts list on hover. While a shortcut mode is active, an overlay shows the mode, what you have typed so far, and a hint.

Pin mode (Numpad +)

Type a hand and confirm. Accepted inputs:

If the input is wrong you get an amber warning such as Invalid hand or Combo [hand] not in range.

Nav mode (Numpad Enter)

Nav mode jumps straight to a flop node with one typed code, skipping all the clicking. The format is shown in the help as Format: [3|4][seat1][seat2]<ranks><suits>, with the legend Pot: 1=SRP, 3=3bet, 4=4bet · Seats: 1UTG 2MP 3CO 4BU 5SB 6BB:

1. One digit for the pot type (1=SRP, 3=3-bet, 4=4-bet),
2. two digits for the seats,
3. then the flop ranks, then the flop suits.

The built-in example: 346932ssd = 3-bet pot · BU vs BB · Flop 9s3s2d. On confirm, the viewer folds all other positions, builds the preflop sequence, and loads the flop. If the library has no such spot you get the warning Spot not found in library.

Status bar

The bar at the bottom shows ● Ready with a green dot when idle. Messages are color-coded:

Good to know

• Everything is bundled: fonts and the decompression library are local files, so the viewer works with no internet at all.
• Theme choice is the only thing stored in your browser.
• A modern browser is required (the viewer uses current JavaScript; very old browsers such as Internet Explorer will not work).
• A small gold-colored info widget links to artgto.com.