IBM Quantum Composer overview

IBM Quantum Composer has a customizable set of tools that allow you to build, visualize, and run quantum circuits on quantum systems or simulators. Use the More options menu on each window to access additional tools and actions.

IBM Quantum Composer window.
  1. Tools panels - Use the side panel to view your files or jobs, or the documentation. To close the side panel, click the icon for the open tab.

  2. Menu bar - Use these menus to create a new circuit, manage saved circuits and registers, customize your workspace, and more.

  3. Run area - Change the run settings and then run your circuit on a quantum system or simulator.

  4. Composer files - The circuits you create save automatically and display in the Composer files panel.

  5. Circuit name - Click here to name your circuit.

  6. Operations catalog - These are the building blocks of quantum circuits. Drag and drop these gates and other operations onto the graphical circuit editor. Different types of gates are grouped together by color. For example, classical gates are dark blue, phase gates are light blue, and non-unitary operations are grey.

    To learn about the available gates and operations, right-click an operation and select Info to read its definition. To see them in action, visit the Field Guide or a selection of Example circuits.

  7. Code editor - Use the View menu to open or close the code editor, which allows you to view and edit the OpenQASM or Qiskit code for the circuit.

  8. Graphical circuit editor - This is where you build a circuit. Drag gates and other operations onto the horizontal qubit “wires” that make up your quantum register.

    To remove a gate from a wire, select the gate and click the trash can icon.

    To edit the parameters and settings on gates that support editing, select the gate on the graphical editor and click Edit (pencil).

  9. Toolbar - Access frequently used tools to undo and redo actions, change the gate alignment, and switch to inspect mode. Inspect mode lets you view a step-by-step view of the qubit states as you circuit computation evolves. To learn more, see Inspect your circuit, step-by-step.

  10. Phase disks - The phase of the qubit state vector in the complex plane is given by the line that extends from the center of the diagram to the edge of the gray disk (which rotates counterclockwise around the center point).

    Use the View menu to show or hide the phase disks.

  11. Visualizations - Visualizations characterize your circuit as you build it. They use a single-shot statevector simulator, which is different from the system specified in the Setup and run settings. Note that the visualizations ignore any measurement operations you add. Sign in and click Setup and run to get results from the specified backend instead.

    To learn about the visualizations, see Visualizations.