microsoft/qdk
Publicmirrored from https://github.com/microsoft/qdkAvailable
source/npm/qsharp/test/circuits-cases/empty.qsc.snapshot.html
342lines · modecode
| 1 | <!DOCTYPE html> |
| 2 | <html |
| 3 | xmlns="http://www.w3.org/1999/xhtml" |
| 4 | style="--minToolboxHeight: 150px; --minGateWidth: 40px; --gateHeight: 40px" |
| 5 | > |
| 6 | <head> |
| 7 | <link rel="stylesheet" href="../../ux/qsharp-ux.css" /> |
| 8 | <link rel="stylesheet" href="../../ux/qsharp-circuit.css" /> |
| 9 | </head> |
| 10 | <body> |
| 11 | <div id="circuit" class="qs-circuit circuit-editor-container"> |
| 12 | <div class="panel"> |
| 13 | <div class="toolbox-panel"> |
| 14 | <h2 class="title">Toolbox</h2> |
| 15 | <svg |
| 16 | xmlns="http://www.w3.org/2000/svg" |
| 17 | class="toolbox-panel-svg" |
| 18 | height="362" |
| 19 | width="100%" |
| 20 | > |
| 21 | <g class="gate" data-type="RX" toolbox-item="true"> |
| 22 | <g> |
| 23 | <g> |
| 24 | <rect |
| 25 | class="gate-unitary" |
| 26 | x="1" |
| 27 | y="1" |
| 28 | width="40" |
| 29 | height="40" |
| 30 | data-wire-ys="[21]" |
| 31 | data-width="40" |
| 32 | /> |
| 33 | <text font-size="14" x="21" y="21" class="qs-maintext"> |
| 34 | <tspan class="qs-mathtext">Rx</tspan> |
| 35 | </text> |
| 36 | </g> |
| 37 | </g> |
| 38 | </g> |
| 39 | <g class="gate" data-type="X" toolbox-item="true"> |
| 40 | <g class="oplus" data-wire-ys="[21]" data-width="30"> |
| 41 | <circle cx="71" cy="21" r="15" /> |
| 42 | <line x1="71" x2="71" y1="6" y2="36" /> |
| 43 | <line x1="56" x2="86" y1="21" y2="21" /> |
| 44 | </g> |
| 45 | </g> |
| 46 | <g class="gate" data-type="RY" toolbox-item="true"> |
| 47 | <g> |
| 48 | <g> |
| 49 | <rect |
| 50 | class="gate-unitary" |
| 51 | x="1" |
| 52 | y="51" |
| 53 | width="40" |
| 54 | height="40" |
| 55 | data-wire-ys="[71]" |
| 56 | data-width="40" |
| 57 | /> |
| 58 | <text font-size="14" x="21" y="71" class="qs-maintext"> |
| 59 | <tspan class="qs-mathtext">Ry</tspan> |
| 60 | </text> |
| 61 | </g> |
| 62 | </g> |
| 63 | </g> |
| 64 | <g class="gate" data-type="Y" toolbox-item="true"> |
| 65 | <g> |
| 66 | <g> |
| 67 | <rect |
| 68 | class="gate-unitary" |
| 69 | x="51" |
| 70 | y="51" |
| 71 | width="40" |
| 72 | height="40" |
| 73 | data-wire-ys="[71]" |
| 74 | data-width="40" |
| 75 | /> |
| 76 | <text font-size="14" x="71" y="71" class="qs-maintext"> |
| 77 | <tspan class="qs-mathtext">Y</tspan> |
| 78 | </text> |
| 79 | </g> |
| 80 | </g> |
| 81 | </g> |
| 82 | <g class="gate" data-type="RZ" toolbox-item="true"> |
| 83 | <g> |
| 84 | <g> |
| 85 | <rect |
| 86 | class="gate-unitary" |
| 87 | x="1" |
| 88 | y="101" |
| 89 | width="40" |
| 90 | height="40" |
| 91 | data-wire-ys="[121]" |
| 92 | data-width="40" |
| 93 | /> |
| 94 | <text font-size="14" x="21" y="121" class="qs-maintext"> |
| 95 | <tspan class="qs-mathtext">Rz</tspan> |
| 96 | </text> |
| 97 | </g> |
| 98 | </g> |
| 99 | </g> |
| 100 | <g class="gate" data-type="Z" toolbox-item="true"> |
| 101 | <g> |
| 102 | <g> |
| 103 | <rect |
| 104 | class="gate-unitary" |
| 105 | x="51" |
| 106 | y="101" |
| 107 | width="40" |
| 108 | height="40" |
| 109 | data-wire-ys="[121]" |
| 110 | data-width="40" |
| 111 | /> |
| 112 | <text font-size="14" x="71" y="121" class="qs-maintext"> |
| 113 | <tspan class="qs-mathtext">Z</tspan> |
| 114 | </text> |
| 115 | </g> |
| 116 | </g> |
| 117 | </g> |
| 118 | <g class="gate" data-type="S" toolbox-item="true"> |
| 119 | <g> |
| 120 | <g> |
| 121 | <rect |
| 122 | class="gate-unitary" |
| 123 | x="1" |
| 124 | y="151" |
| 125 | width="40" |
| 126 | height="40" |
| 127 | data-wire-ys="[171]" |
| 128 | data-width="40" |
| 129 | /> |
| 130 | <text font-size="14" x="21" y="171" class="qs-maintext"> |
| 131 | <tspan class="qs-mathtext">S</tspan> |
| 132 | </text> |
| 133 | </g> |
| 134 | </g> |
| 135 | </g> |
| 136 | <g class="gate" data-type="T" toolbox-item="true"> |
| 137 | <g> |
| 138 | <g> |
| 139 | <rect |
| 140 | class="gate-unitary" |
| 141 | x="51" |
| 142 | y="151" |
| 143 | width="40" |
| 144 | height="40" |
| 145 | data-wire-ys="[171]" |
| 146 | data-width="40" |
| 147 | /> |
| 148 | <text font-size="14" x="71" y="171" class="qs-maintext"> |
| 149 | <tspan class="qs-mathtext">T</tspan> |
| 150 | </text> |
| 151 | </g> |
| 152 | </g> |
| 153 | </g> |
| 154 | <g class="gate" data-type="H" toolbox-item="true"> |
| 155 | <g> |
| 156 | <g> |
| 157 | <rect |
| 158 | class="gate-unitary" |
| 159 | x="1" |
| 160 | y="201" |
| 161 | width="40" |
| 162 | height="40" |
| 163 | data-wire-ys="[221]" |
| 164 | data-width="40" |
| 165 | /> |
| 166 | <text font-size="14" x="21" y="221" class="qs-maintext"> |
| 167 | <tspan class="qs-mathtext">H</tspan> |
| 168 | </text> |
| 169 | </g> |
| 170 | </g> |
| 171 | </g> |
| 172 | <g class="gate" data-type="SX" toolbox-item="true"> |
| 173 | <g> |
| 174 | <g> |
| 175 | <rect |
| 176 | class="gate-unitary" |
| 177 | x="51" |
| 178 | y="201" |
| 179 | width="40" |
| 180 | height="40" |
| 181 | data-wire-ys="[221]" |
| 182 | data-width="40" |
| 183 | /> |
| 184 | <text font-size="14" x="71" y="221" class="qs-maintext"> |
| 185 | <tspan class="qs-mathtext">SX</tspan> |
| 186 | </text> |
| 187 | </g> |
| 188 | </g> |
| 189 | </g> |
| 190 | <g class="gate" data-type="Reset" toolbox-item="true"> |
| 191 | <g> |
| 192 | <g> |
| 193 | <rect |
| 194 | class="gate-ket" |
| 195 | x="1" |
| 196 | y="251" |
| 197 | width="40" |
| 198 | height="40" |
| 199 | data-wire-ys="[271]" |
| 200 | data-width="40" |
| 201 | /> |
| 202 | <text |
| 203 | font-size="14" |
| 204 | x="21" |
| 205 | y="271" |
| 206 | class="qs-maintext ket-text" |
| 207 | > |
| 208 | |0⟩ |
| 209 | </text> |
| 210 | </g> |
| 211 | </g> |
| 212 | </g> |
| 213 | <g class="gate" data-type="Measure" toolbox-item="true"> |
| 214 | <g> |
| 215 | <rect |
| 216 | class="gate-measure" |
| 217 | x="51" |
| 218 | y="251" |
| 219 | width="40" |
| 220 | height="40" |
| 221 | data-wire-ys="[271]" |
| 222 | data-width="40" |
| 223 | /> |
| 224 | <path |
| 225 | class="arc-measure" |
| 226 | d="M 86 273 A 15 12 0 0 0 56 273" |
| 227 | style="pointer-events: none" |
| 228 | /> |
| 229 | <line |
| 230 | x1="71" |
| 231 | x2="83" |
| 232 | y1="279" |
| 233 | y2="259" |
| 234 | class="qs-line-measure" |
| 235 | style="pointer-events: none" |
| 236 | /> |
| 237 | </g> |
| 238 | </g> |
| 239 | <g |
| 240 | class="svg-run-button" |
| 241 | tabindex="0" |
| 242 | role="button" |
| 243 | visibility="hidden" |
| 244 | > |
| 245 | <rect |
| 246 | x="1" |
| 247 | y="310" |
| 248 | width="90" |
| 249 | height="40" |
| 250 | class="svg-run-button-rect" |
| 251 | /> |
| 252 | <text x="46" y="330" class="svg-run-button-text">Run</text> |
| 253 | </g> |
| 254 | </svg> |
| 255 | </div> |
| 256 | </div> |
| 257 | <div class="circuit-wrapper"> |
| 258 | <svg |
| 259 | xmlns="http://www.w3.org/2000/svg" |
| 260 | class="qviz" |
| 261 | width="92" |
| 262 | height="116" |
| 263 | viewBox="0 0 92 116" |
| 264 | > |
| 265 | <g class="qubit-input-states" /> |
| 266 | <g class="wires" /> |
| 267 | <g /> |
| 268 | <g class="ghost-qubit-layer" style="display: block"> |
| 269 | <line |
| 270 | x1="40" |
| 271 | x2="92" |
| 272 | y1="64" |
| 273 | y2="64" |
| 274 | class="qubit-wire ghost-opacity" |
| 275 | /> |
| 276 | <text |
| 277 | font-size="16" |
| 278 | x="20" |
| 279 | y="64" |
| 280 | text-anchor="start" |
| 281 | dominant-baseline="middle" |
| 282 | data-wire="0" |
| 283 | class="qs-maintext qs-qubit-label ghost-opacity" |
| 284 | > |
| 285 | | |
| 286 | <tspan class="qs-mathtext">ψ</tspan> |
| 287 | <tspan baseline-shift="sub" font-size="65%">0</tspan> |
| 288 | ⟩ |
| 289 | </text> |
| 290 | </g> |
| 291 | <g class="dropzone-layer" style="display: none"> |
| 292 | <rect |
| 293 | class="dropzone" |
| 294 | x="62" |
| 295 | y="44" |
| 296 | width="24" |
| 297 | height="40" |
| 298 | data-dropzone-location="0,0" |
| 299 | data-dropzone-wire="0" |
| 300 | data-dropzone-inter-column="false" |
| 301 | /> |
| 302 | </g> |
| 303 | </svg> |
| 304 | <div class="empty-circuit-message"> |
| 305 | Your circuit is empty. Drag gates from the toolbox to get started! |
| 306 | </div> |
| 307 | </div> |
| 308 | <div class="state-panel collapsed"> |
| 309 | <div |
| 310 | class="state-edge" |
| 311 | role="button" |
| 312 | tabindex="0" |
| 313 | aria-label="Toggle state panel" |
| 314 | aria-expanded="false" |
| 315 | > |
| 316 | <span class="state-edge-text">State Visualization</span |
| 317 | ><svg |
| 318 | xmlns="http://www.w3.org/2000/svg" |
| 319 | viewBox="0 0 14 14" |
| 320 | aria-hidden="true" |
| 321 | class="edge-icon edge-icon-top" |
| 322 | > |
| 323 | <path d="M 4.25 11 L 11 7 L 4.25 3 Z" /></svg |
| 324 | ><svg |
| 325 | xmlns="http://www.w3.org/2000/svg" |
| 326 | viewBox="0 0 14 14" |
| 327 | aria-hidden="true" |
| 328 | class="edge-icon edge-icon-bottom" |
| 329 | > |
| 330 | <path d="M 4.25 11 L 11 7 L 4.25 3 Z" /> |
| 331 | </svg> |
| 332 | </div> |
| 333 | <svg |
| 334 | xmlns="http://www.w3.org/2000/svg" |
| 335 | class="state-svg" |
| 336 | width="100%" |
| 337 | height="100%" |
| 338 | /> |
| 339 | </div> |
| 340 | </div> |
| 341 | </body> |
| 342 | </html> |
| 343 | |