Skip to content
algotrace
Extension

TraceBoards

An interactive algorithm visualization canvas. Trace how data moves through your code, sketch DP tables, diagram graph traversals, and get AI feedback on your logic.

What is a TraceBoard?

A TraceBoard is a freeform canvas where you can build visual representations of algorithms and data structures — think of it as a whiteboard that the AI can read.

Use cases:

  • ·Trace a DFS/BFS step-by-step through a graph you've drawn
  • ·Visualize a sliding window moving over an array with pointer annotations
  • ·Sketch a DP table and ask the AI to verify your recurrence relation
  • ·Map out a solution approach before coding and get structural feedback
Note
Free users can create up to 3 TraceBoards. Pro and Max users get unlimited boards. AI Analysis requires Pro or Max.

Creating & Building a Board

Create a New Board

1

Click "TraceBoards" in the sidebar

Your board list loads. Free users see usage (e.g. 2/3 boards used).
2

Click "New TraceBoard"

A modal asks for a board name and optionally a linked LeetCode problem.
3

The canvas opens

A blank infinite canvas with a floating toolbar at the top.

Canvas Controls

  • ·Pan — click and drag the background.
  • ·Zoom — scroll wheel or pinch gesture. Use the zoom buttons in the corner.
  • ·Select — click a block to select it. Shift+click to multi-select.
  • ·Move — drag selected blocks.
  • ·Delete — select a block or edge and press the Delete key.
  • ·Undo / Redo — Cmd+Z / Cmd+Shift+Z.

Block Types

Select a block type from the toolbar and click the canvas to place it:

  • ·Text node — freeform annotation or label.
  • ·Code block — syntax-highlighted code snippet.
  • ·Array node — visual array with index labels; good for two-pointer diagrams.
  • ·Graph node — labeled circle for graph traversal diagrams.
  • ·Edge / Arrow — connect any two blocks to show relationships or transitions.

Double-click any block to edit its content inline.

New TraceBoard modal → canvas opens

~10s · Click to play

Select graph node tool → click to place

~10s · Click to play

Edge tool → connect two nodes

~8s · Click to play

AI Analysis

Click the Analyze button in the toolbar to send your entire board to the AI for review.

The AI reads all blocks and connections and returns:

  • ·An identification of what algorithm or data structure you're representing.
  • ·Logical gaps — missing base cases, wrong edge direction, incorrect step order.
  • ·Suggestions for what to add or change next.

Click Analyze → loading → results panel

~12s · Click to play

Plan
AI Analysis requires Pro or Max. Free users can build and save boards but cannot run analysis.
Pro: 20 analyses/day · Max: 35 analyses/day
Tip
Build your board first, then use Analysis as a checkpoint. Treat it like a code review — make changes, re-analyze, and iterate.