Quantum Circuit Visualizer & Simulator

Name: Quantum Circuit Visualizer
Author: Anup Dharangutti

Design DSL circuits, simulate with shots, and explore probabilities, counts, and Bloch spheres.

Keyboard: Enter / Ctrl+Enter = Run · Ctrl+L = Clear · Arrow keys = cycle samples

DSL editor

Shots-aware • Inline errors • Local storage

Sample circuits

Shots 1 - 100000

Random circuit Generate DSL

Circuit diagram

Returned by Function API

Probability distribution

Click a bar to pin a state

Bloch spheres

Per-qubit X/Y/Z

Circuit insights

Client-side analysis

Summary

Plain-English interpretation

Performance / complexity

API playground

Uses the same Azure Function endpoint

Request JSON

Response JSON

Code snippet

Support This Project

Independent • No tracking

This simulator is independent and self-funded. If it helps your work or learning, you can support ongoing maintenance via the trusted options below.

PDF appreciation gift: Quantum Circuit Examples & Explanations.

Quick reference

DSL + shortcuts + tips

DSL statements

qubits N — declare qubits
H i, X i, Y i, Z i, S i, T i
CX a b / CNOT a b — control/target
MEASURE i — adds measurement for counts

Shortcuts

Enter / Ctrl+Enter: run
Ctrl+L: clear DSL
Arrow keys: cycle samples
Auto-save: DSL, sample, shots, theme

Sharing

Use “Share” to copy a compact URL (base64 circuit + shots + theme + preset). Pasting the link reloads the state instantly.

Feature map & implementation notes

Minimal-maintenance enhancements

Circuit analysis engine: pure helpers compute width, depth, gate counts, measurement counts, interactions, and entangling flags from DSL text.
Interpretation: combines gate graph + top probability amplitudes to produce plain-English summaries and entanglement hints.
Export & sharing: compact URL encoding, DSL clipboard, diagram copy, and OpenQASM emitter for interoperability.
Example catalog: curated Bell, GHZ, teleportation, Deutsch–Jozsa, and Grover circuits reachable via one dropdown.
Performance mode: optional class toggle that removes animations/shadows and short-circuits chart transitions for slower devices.

How to Use This Tool

Quick AutomationGlance walkthrough

DSL basics

Describe qubits, gates, and measurements line-by-line.

qubits N sets the register size.
Use single-qubit gates like H 0 or X 2.
Entangle with CX a b (control, target).
MEASURE i records counts for qubit i.

Running & sharing

Press Run simulation or hit Enter / Ctrl+Enter.
Adjust Shots (1–100000) for sampling accuracy.
Try sample circuits or generate a random DSL for inspiration.
Use Share to copy a URL that replays your setup.

Reading the visuals

Circuit diagram: rendered from your DSL.
Probability bars: hover or click to pin a state.
Counts: raw measurement tallies from the shots.
Bloch spheres: X/Y/Z for each qubit’s state.

About the Author

AutomationGlance ethos

Anup Dharangutti

Test automation specialist and quantum enthusiast focused on making technical tools approachable for newcomers and practitioners.

Building at AutomationGlance — concise, human-friendly resources for automation and emerging tech. Personal site: dharangutti.in.

Why this playground

Created to help you sketch DSL circuits quickly, visualize them, and iterate without heavy frameworks. Designed to stay lightweight, mobile-friendly, and safe for experimentation.