Check the filename matches, then run build-manifest.ps1.
Range Navigator is an interactive poker chart viewer for iPad. Tap positions on the table to build paths and view corresponding range charts.
Use the format buttons to switch between 6-max and Heads-Up, and the pack dropdown to select different strategy files.
Libraries made by HRC Screenshot Exporter 2.x do not need poker information in their filenames. The exporter creates simple node-000123.png files plus exact action-tree metadata, which the app uses automatically.
The naming table below remains available for older libraries and charts assembled manually. In those filename-only libraries, charts are organized by situation — who's acting and what action they're taking.
| Situation | Examples | File Name Pattern |
|---|---|---|
| RFI (opening) |
UTG.pngBTN.png |
Position.png |
| 3B (we open, opponent 3bets) |
BTN_3B-CO.pngBTN_3B-CO-7bb.png |
Actor_3B-Opener(-size).png |
| CC (cold call an open) |
BTN_CC-UTG.pngSB_CC-BTN.png |
Caller_CC-Opener(-size).png |
| vs 3B (we opened, opponent 3bet) |
UTG-CO_3B.pngUTG-CO_3B-22bb.png |
Actor-Opener_3B(-size).png |
| 4B (in a 3bet pot, we 4bet) |
UTG_4B-BTN.pngUTG_4B-BTN-22bb.png |
Actor_4B-Opponent(-size).png |
| vs 4B (in a 3bet pot, opponent 4bets) |
BTN-UTG_4B.pngBTN-UTG_4B-23bb.png |
Actor-Opponent_4B(-size).png |
| C4B (cold 4bet, 3 players) |
BB_C4B-SB-BTN.pngBB_C4B-SB-BTN-23bb.png |
Actor_C4B-3Bpos-Opener(-size).png |
| vs C4B (opener or 3-better faces C4B) tap BTN or SB again after BB C4Bs |
BTN-SB-BB_C4B.pngSB-BTN-BB_C4B.png |
Actor-Other-C4Better_C4B(-size).png |
| Squeeze (we squeeze, 2+ callers) |
BB_Squeeze-BTN-UTG.pngBB_Squeeze-BTN-UTG-13bb.png |
Actor_Squeeze-Caller-Opener(-size).png |
| vs Squeeze (opponent squeezes) |
UTG-BTN-BB_Squeeze.pngUTG-BTN-BB_Squeeze-13bb.png |
Actor-Caller-Squeezer_Squeeze(-size).png |
Naming Rules:
_ separates the actor position from their action (e.g., BTN_3B)- separates different players in the situation (e.g., CO-BTN)-7bb, -22bb)-sizeName: BTN_3B-CO.png (base) + BTN_3B-CO-7bb.png + BTN_3B-CO-9bb.png → tabs appear automaticallyFile Placement: Charts live in position subfolders: images/{pack}/{position}/filename.png
Pack Selector — Choose which strategy pack to view. Different packs contain strategies for different stack depths, rake structures, or game variants.
Format Switcher — Switch between 6-max and Heads-Up table layouts.
Auto-Reset Toggle — Automatically clears your path when you tap the felt outside of positions. Handy for rapid lookups.
Show Sequence Toggle — Display the next action in the sequence alongside your current range. Helpful for understanding flow.
3-Bet Sizes (6max 2.2bb) — In-position 3-bets come in several sizes. After an open, hold a seat for a second to pick the size (or switch this off in ⚙ Settings and use the size tabs on the 3-bet chart). The rest of the hand then follows that size: tap the 3-bettor's step marked ▾ in a chart's header to switch to another size.
Overview Manager (⋯ button) — Tap the three-dot menu on any position to:
Frequency Display (% button) — In the chart modal, tap the % button to toggle frequency percentages on/off.
Custom Overviews — All overviews you add are saved locally in your browser. They sync across devices only if you back them up via data.js.
You can add new chart images to the app using three methods:
Method A: HRC Screenshot Exporter (recommended for complete trees)
images folder as the outputpack.json contains the exact actions and sizesMethod B: In-App (easiest for overviews)
images/)Method C: Edit data.js (legacy/manual libraries)
images/{pack}/{position}/{filename}.pngnodes array in data.js (copy an existing node as a template)build-manifest.ps1 to rebuild the image and metadata indexes