OBS Setup

StickViz serves a transparent overlay via a local URL. Adding it to OBS Studio takes about 30 seconds.

1. Copy the Overlay URL

Right-click the StickViz tray icon in your taskbar and select Copy Overlay URL. The URL is copied to your clipboard (it looks like http://localhost:8847).

2. Add a Browser Source in OBS

  1. In OBS Studio, click the + button in the Sources panel.
  2. Select Browser from the list.
  3. Name the source StickViz (or any name you prefer) and click OK.
  4. Paste the overlay URL into the URL field.
  5. Set Width and Height to match your stream resolution (for example, 1920 and 1080 for 1080p).
  6. Click OK to add the source.

3. Position the Overlay

The overlay has a fully transparent background, so it composites directly over your game capture. Drag and resize the source in the OBS preview to place it wherever you like.

4. Match Your Stream Resolution

For the sharpest display, open the StickViz dashboard and use the Stream resolution dropdown in the top bar. Select the resolution that matches your OBS canvas (e.g., 1920x1080, 2560x1440, or 3840x2160). The overlay will render at that size automatically.

Troubleshooting

  • Overlay is blank: Make sure the StickViz tray icon is running. If you just installed it, give it a few seconds to start.
  • Wrong content appears: Verify the URL in OBS matches the one from the tray menu. The default port is 8847.
  • Overlay looks blurry: Double-check that the Browser Source dimensions match your canvas resolution and that the Stream resolution setting in the dashboard is correct.