microsoft/qdk
Publicmirrored from https://github.com/microsoft/qdkAvailable
source/npm/qsharp/test/circuits-cases/functors.qs.snapshot.html
409lines · 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><h2>circuit-eval-collapsed</h2></div> |
| 12 | <div id="circuit-eval-collapsed" class="qs-circuit"> |
| 13 | <svg |
| 14 | xmlns="http://www.w3.org/2000/svg" |
| 15 | class="qviz" |
| 16 | width="370.9208984375" |
| 17 | height="120" |
| 18 | style="max-width: fit-content" |
| 19 | viewBox="0 0 370 120" |
| 20 | > |
| 21 | <g class="qubit-input-states"> |
| 22 | <a href="#" class="qs-circuit-source-link"> |
| 23 | <title>functors.qs:2:5 use q = Qubit();</title> |
| 24 | <text |
| 25 | font-size="16" |
| 26 | x="20" |
| 27 | y="40" |
| 28 | text-anchor="start" |
| 29 | dominant-baseline="middle" |
| 30 | data-wire="0" |
| 31 | class="qs-maintext qs-qubit-label" |
| 32 | > |
| 33 | | |
| 34 | <tspan class="qs-mathtext">ψ</tspan> |
| 35 | <tspan baseline-shift="sub" font-size="65%">0</tspan> |
| 36 | ⟩ |
| 37 | </text> |
| 38 | </a> |
| 39 | </g> |
| 40 | <g class="wires"> |
| 41 | <line |
| 42 | x1="40" |
| 43 | x2="370.9208984375" |
| 44 | y1="40" |
| 45 | y2="40" |
| 46 | class="qubit-wire" |
| 47 | /> |
| 48 | <g> |
| 49 | <line |
| 50 | x1="241.9208984375" |
| 51 | x2="241.9208984375" |
| 52 | y1="40" |
| 53 | y2="79" |
| 54 | class="register-classical" |
| 55 | /> |
| 56 | <line |
| 57 | x1="239.9208984375" |
| 58 | x2="239.9208984375" |
| 59 | y1="40" |
| 60 | y2="81" |
| 61 | class="register-classical" |
| 62 | /> |
| 63 | <line |
| 64 | x1="241.9208984375" |
| 65 | x2="370.9208984375" |
| 66 | y1="79" |
| 67 | y2="79" |
| 68 | class="register-classical" |
| 69 | /> |
| 70 | <line |
| 71 | x1="239.9208984375" |
| 72 | x2="370.9208984375" |
| 73 | y1="81" |
| 74 | y2="81" |
| 75 | class="register-classical" |
| 76 | /> |
| 77 | </g> |
| 78 | </g> |
| 79 | <g> |
| 80 | <g |
| 81 | class="gate" |
| 82 | data-expanded="true" |
| 83 | data-location="0,0" |
| 84 | data-zoom-out="false" |
| 85 | data-zoom-in="true" |
| 86 | > |
| 87 | <rect |
| 88 | class="gate-unitary" |
| 89 | x="60" |
| 90 | y="10" |
| 91 | width="280.9208984375" |
| 92 | height="100" |
| 93 | fill-opacity="0" |
| 94 | stroke-dasharray="8, 8" |
| 95 | /> |
| 96 | <g> |
| 97 | <g |
| 98 | class="gate" |
| 99 | data-location="0,0-0,0" |
| 100 | data-zoom-out="true" |
| 101 | data-zoom-in="true" |
| 102 | > |
| 103 | <g> |
| 104 | <g> |
| 105 | <rect |
| 106 | class="gate-unitary" |
| 107 | x="90" |
| 108 | y="20" |
| 109 | width="44.1240234375" |
| 110 | height="40" |
| 111 | data-wire-ys="[40]" |
| 112 | data-width="44.1240234375" |
| 113 | /> |
| 114 | <text |
| 115 | font-size="14" |
| 116 | x="112.06201171875" |
| 117 | y="40" |
| 118 | class="qs-maintext" |
| 119 | > |
| 120 | <tspan class="qs-mathtext">Foo</tspan> |
| 121 | </text> |
| 122 | </g> |
| 123 | </g> |
| 124 | <g class="gate-control gate-expand"> |
| 125 | <circle cx="92" cy="22" r="10" /> |
| 126 | <path d="M92,15 v14 M85,22 h14" /> |
| 127 | </g> |
| 128 | </g> |
| 129 | <g |
| 130 | class="gate" |
| 131 | data-location="0,0-1,0" |
| 132 | data-zoom-out="true" |
| 133 | data-zoom-in="true" |
| 134 | > |
| 135 | <g> |
| 136 | <g> |
| 137 | <rect |
| 138 | class="gate-unitary" |
| 139 | x="154.1240234375" |
| 140 | y="20" |
| 141 | width="46.796875" |
| 142 | height="40" |
| 143 | data-wire-ys="[40]" |
| 144 | data-width="46.796875" |
| 145 | /> |
| 146 | <text |
| 147 | font-size="14" |
| 148 | x="177.5224609375" |
| 149 | y="40" |
| 150 | class="qs-maintext" |
| 151 | > |
| 152 | <tspan class="qs-mathtext">Foo</tspan> |
| 153 | <tspan dx="2" dy="-3" style="font-size: 0.8em">†</tspan> |
| 154 | </text> |
| 155 | </g> |
| 156 | </g> |
| 157 | <g class="gate-control gate-expand"> |
| 158 | <circle cx="156.1240234375" cy="22" r="10" /> |
| 159 | <path d="M156.1240234375,15 v14 M149.1240234375,22 h14" /> |
| 160 | </g> |
| 161 | </g> |
| 162 | <a href="#" class="qs-circuit-source-link"> |
| 163 | <title>functors.qs:5:6 [MResetZ(q)]</title> |
| 164 | <g |
| 165 | class="gate" |
| 166 | data-location="0,0-2,0" |
| 167 | data-zoom-out="true" |
| 168 | data-zoom-in="false" |
| 169 | > |
| 170 | <g> |
| 171 | <rect |
| 172 | class="gate-measure" |
| 173 | x="220.9208984375" |
| 174 | y="20" |
| 175 | width="40" |
| 176 | height="40" |
| 177 | data-wire-ys="[40]" |
| 178 | data-width="40" |
| 179 | /> |
| 180 | <path |
| 181 | class="arc-measure" |
| 182 | d="M 255.9208984375 42 A 15 12 0 0 0 225.9208984375 42" |
| 183 | style="pointer-events: none" |
| 184 | /> |
| 185 | <line |
| 186 | x1="240.9208984375" |
| 187 | x2="252.9208984375" |
| 188 | y1="48" |
| 189 | y2="28" |
| 190 | class="qs-line-measure" |
| 191 | style="pointer-events: none" |
| 192 | /> |
| 193 | </g> |
| 194 | </g> |
| 195 | </a> |
| 196 | <a href="#" class="qs-circuit-source-link"> |
| 197 | <title>functors.qs:5:6 [MResetZ(q)]</title> |
| 198 | <g |
| 199 | class="gate" |
| 200 | data-location="0,0-3,0" |
| 201 | data-zoom-out="true" |
| 202 | data-zoom-in="false" |
| 203 | > |
| 204 | <g> |
| 205 | <g> |
| 206 | <rect |
| 207 | class="gate-ket" |
| 208 | x="280.9208984375" |
| 209 | y="20" |
| 210 | width="40" |
| 211 | height="40" |
| 212 | data-wire-ys="[40]" |
| 213 | data-width="40" |
| 214 | /> |
| 215 | <text |
| 216 | font-size="14" |
| 217 | x="300.9208984375" |
| 218 | y="40" |
| 219 | class="qs-maintext ket-text" |
| 220 | > |
| 221 | |0⟩ |
| 222 | </text> |
| 223 | </g> |
| 224 | </g> |
| 225 | </g> |
| 226 | </a> |
| 227 | </g> |
| 228 | <g class="gate-control gate-collapse"> |
| 229 | <circle cx="62" cy="12" r="10" /> |
| 230 | <path d="M55,12 h14" /> |
| 231 | </g> |
| 232 | </g> |
| 233 | </g> |
| 234 | </svg> |
| 235 | </div> |
| 236 | <div><h2>circuit-eval-expanded</h2></div> |
| 237 | <div id="circuit-eval-expanded" class="qs-circuit"> |
| 238 | <svg |
| 239 | xmlns="http://www.w3.org/2000/svg" |
| 240 | class="qviz" |
| 241 | width="330" |
| 242 | height="120" |
| 243 | style="max-width: fit-content" |
| 244 | viewBox="0 0 330 120" |
| 245 | > |
| 246 | <g class="qubit-input-states"> |
| 247 | <a href="#" class="qs-circuit-source-link"> |
| 248 | <title>functors.qs:2:5 use q = Qubit();</title> |
| 249 | <text |
| 250 | font-size="16" |
| 251 | x="20" |
| 252 | y="40" |
| 253 | text-anchor="start" |
| 254 | dominant-baseline="middle" |
| 255 | data-wire="0" |
| 256 | class="qs-maintext qs-qubit-label" |
| 257 | > |
| 258 | | |
| 259 | <tspan class="qs-mathtext">ψ</tspan> |
| 260 | <tspan baseline-shift="sub" font-size="65%">0</tspan> |
| 261 | ⟩ |
| 262 | </text> |
| 263 | </a> |
| 264 | </g> |
| 265 | <g class="wires"> |
| 266 | <line x1="40" x2="330" y1="40" y2="40" class="qubit-wire" /> |
| 267 | <g> |
| 268 | <line |
| 269 | x1="221" |
| 270 | x2="221" |
| 271 | y1="40" |
| 272 | y2="79" |
| 273 | class="register-classical" |
| 274 | /> |
| 275 | <line |
| 276 | x1="219" |
| 277 | x2="219" |
| 278 | y1="40" |
| 279 | y2="81" |
| 280 | class="register-classical" |
| 281 | /> |
| 282 | <line |
| 283 | x1="221" |
| 284 | x2="330" |
| 285 | y1="79" |
| 286 | y2="79" |
| 287 | class="register-classical" |
| 288 | /> |
| 289 | <line |
| 290 | x1="219" |
| 291 | x2="330" |
| 292 | y1="81" |
| 293 | y2="81" |
| 294 | class="register-classical" |
| 295 | /> |
| 296 | </g> |
| 297 | </g> |
| 298 | <g> |
| 299 | <a href="#" class="qs-circuit-source-link"> |
| 300 | <title>functors.qs:11:9 X(q);</title> |
| 301 | <g |
| 302 | class="gate" |
| 303 | data-location="0,0-0,0-0,0" |
| 304 | data-zoom-out="true" |
| 305 | data-zoom-in="false" |
| 306 | > |
| 307 | <g class="oplus" data-wire-ys="[40]" data-width="30"> |
| 308 | <circle cx="100" cy="40" r="15" /> |
| 309 | <line x1="100" x2="100" y1="25" y2="55" /> |
| 310 | <line x1="85" x2="115" y1="40" y2="40" /> |
| 311 | </g> |
| 312 | </g> |
| 313 | </a> |
| 314 | <a href="#" class="qs-circuit-source-link"> |
| 315 | <title>functors.qs:15:9 Y(q);</title> |
| 316 | <g |
| 317 | class="gate" |
| 318 | data-location="0,0-1,0-0,0" |
| 319 | data-zoom-out="true" |
| 320 | data-zoom-in="false" |
| 321 | > |
| 322 | <g> |
| 323 | <g> |
| 324 | <rect |
| 325 | class="gate-unitary" |
| 326 | x="140" |
| 327 | y="20" |
| 328 | width="40" |
| 329 | height="40" |
| 330 | data-wire-ys="[40]" |
| 331 | data-width="40" |
| 332 | /> |
| 333 | <text font-size="14" x="160" y="40" class="qs-maintext"> |
| 334 | <tspan class="qs-mathtext">Y</tspan> |
| 335 | </text> |
| 336 | </g> |
| 337 | </g> |
| 338 | </g> |
| 339 | </a> |
| 340 | <a href="#" class="qs-circuit-source-link"> |
| 341 | <title>functors.qs:5:6 [MResetZ(q)]</title> |
| 342 | <g |
| 343 | class="gate" |
| 344 | data-location="0,0-2,0" |
| 345 | data-zoom-out="true" |
| 346 | data-zoom-in="false" |
| 347 | > |
| 348 | <g> |
| 349 | <rect |
| 350 | class="gate-measure" |
| 351 | x="200" |
| 352 | y="20" |
| 353 | width="40" |
| 354 | height="40" |
| 355 | data-wire-ys="[40]" |
| 356 | data-width="40" |
| 357 | /> |
| 358 | <path |
| 359 | class="arc-measure" |
| 360 | d="M 235 42 A 15 12 0 0 0 205 42" |
| 361 | style="pointer-events: none" |
| 362 | /> |
| 363 | <line |
| 364 | x1="220" |
| 365 | x2="232" |
| 366 | y1="48" |
| 367 | y2="28" |
| 368 | class="qs-line-measure" |
| 369 | style="pointer-events: none" |
| 370 | /> |
| 371 | </g> |
| 372 | </g> |
| 373 | </a> |
| 374 | <a href="#" class="qs-circuit-source-link"> |
| 375 | <title>functors.qs:5:6 [MResetZ(q)]</title> |
| 376 | <g |
| 377 | class="gate" |
| 378 | data-location="0,0-3,0" |
| 379 | data-zoom-out="true" |
| 380 | data-zoom-in="false" |
| 381 | > |
| 382 | <g> |
| 383 | <g> |
| 384 | <rect |
| 385 | class="gate-ket" |
| 386 | x="260" |
| 387 | y="20" |
| 388 | width="40" |
| 389 | height="40" |
| 390 | data-wire-ys="[40]" |
| 391 | data-width="40" |
| 392 | /> |
| 393 | <text |
| 394 | font-size="14" |
| 395 | x="280" |
| 396 | y="40" |
| 397 | class="qs-maintext ket-text" |
| 398 | > |
| 399 | |0⟩ |
| 400 | </text> |
| 401 | </g> |
| 402 | </g> |
| 403 | </g> |
| 404 | </a> |
| 405 | </g> |
| 406 | </svg> |
| 407 | </div> |
| 408 | </body> |
| 409 | </html> |
| 410 | |