whatisgithub

What is cv-variable-preview?

ariharasudhanm/cv-variable-preview — explained in plain English

Analysis updated 2026-05-18

1TypeScriptAudience · developerComplexity · 2/5Setup · easy

In one sentence

A VS Code extension that lets you preview Python debug variables like images, tensors, and tables as visual thumbnails and zoomable panels, no display code required.

Mindmap

mindmap
  root((CV Variable Preview))
    What it does
      Preview debug variables
      Zoom and pan images
      Live histograms
    Tech stack
      TypeScript
      VS Code extension
      Python helper
    Use cases
      Inspect arrays visually
      Compare images side by side
      View DataFrames as tables
    Audience
      Python developers
      Computer vision engineers
    Setup
      VS Code 1.90 plus
      Pillow or OpenCV

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Inspect a numpy array or image tensor visually while paused at a breakpoint.

USE CASE 2

Compare several image variables side by side in a grid during debugging.

USE CASE 3

Watch how an image or array changes automatically as you step through code.

USE CASE 4

View a pandas DataFrame as a scrollable table without adding print statements.

What is it built with?

TypeScriptVS Code Extension APIPythonPillowOpenCV

How does it compare?

ariharasudhanm/cv-variable-preview0xkinno/neuralvault0xmayurrr/ai-contractauditor
Stars111
LanguageTypeScriptTypeScriptTypeScript
Setup difficultyeasyhardeasy
Complexity2/54/52/5
Audiencedeveloperdeveloperdeveloper

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · easy Time to first run · 5min

Needs VS Code 1.90+ and either Pillow or OpenCV installed in the Python environment being debugged.

No license information is stated in the README.

So what is it?

CV Variable Preview is a VS Code extension for people debugging Python code that works with images, arrays, or tables of data. Normally, if you are stepping through code and want to see what an image array actually looks like, you have to write extra lines of code to display it. This extension lets you just look at the variable directly inside the debugger, no display code needed. While paused at a breakpoint, you can hover over a variable name in your file to see a small thumbnail along with its shape and data type. Right-clicking a variable in the Variables or Watch panel opens a full preview panel where you can zoom in up to 16 times, pan around, and hover over individual pixels to see their values. It also shows a live histogram of pixel values broken down by color channel. You can compare multiple variables side by side by pinning them to a grid, which is useful when you want to check how an image changes at different steps of your code. There is also a Live mode that automatically refreshes the preview every time your debugger pauses, so you can watch values update as you step through the code. The extension understands several common data types used in image and data work: numpy arrays, PIL images, PyTorch tensors, TensorFlow eager tensors, pandas DataFrames and Series shown as scrollable tables, and lists or batches of images shown as a grid. To use it, you need VS Code 1.90 or later, a Python debug session paused at a breakpoint, and either Pillow or OpenCV installed in the Python environment you are debugging. Support for PyTorch, TensorFlow, or pandas types only kicks in if those libraries are installed too. Installation is done from a downloadable .vsix file, and after installing you need to fully quit and relaunch VS Code rather than just reloading the window. The author notes a few limitations: temporary preview image files are not automatically deleted, batches are capped at 64 items, DataFrame previews are capped at 200 rows, and only eager TensorFlow tensors are supported, not symbolic graph tensors.

Copy-paste prompts

Prompt 1
Explain how to install CV Variable Preview's .vsix file into VS Code.
Prompt 2
Show me how to preview a PyTorch tensor as an image while debugging in VS Code.
Prompt 3
Help me set up Live mode so the preview panel updates as I step through my code.
Prompt 4
Walk me through comparing two numpy arrays side by side with this extension.

Frequently asked questions

What is cv-variable-preview?

A VS Code extension that lets you preview Python debug variables like images, tensors, and tables as visual thumbnails and zoomable panels, no display code required.

What language is cv-variable-preview written in?

Mainly TypeScript. The stack also includes TypeScript, VS Code Extension API, Python.

What license does cv-variable-preview use?

No license information is stated in the README.

How hard is cv-variable-preview to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is cv-variable-preview for?

Mainly developer.

Open on GitHub → Ask about another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.