{"id":26786934,"url":"https://github.com/quantum-flytrap/bra-ket-vue","last_synced_at":"2025-04-19T19:34:30.253Z","repository":{"id":39257697,"uuid":"235415023","full_name":"Quantum-Flytrap/bra-ket-vue","owner":"Quantum-Flytrap","description":"⟨𝜑|𝜓⟩.vue - a Vue-based visualization of quantum states and operations","archived":false,"fork":false,"pushed_at":"2023-10-27T05:32:46.000Z","size":4336,"stargazers_count":32,"open_issues_count":6,"forks_count":8,"subscribers_count":6,"default_branch":"master","last_synced_at":"2025-03-29T12:17:16.634Z","etag":null,"topics":["complex-numbers","javascript","ket","matrices","quantum","quantum-game","visualizer","vuejs"],"latest_commit_sha":null,"homepage":"https://codesandbox.io/s/bra-ket-vue-cydtt","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Quantum-Flytrap.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-01-21T18:41:31.000Z","updated_at":"2025-01-14T03:48:22.000Z","dependencies_parsed_at":"2024-06-20T00:02:57.306Z","dependency_job_id":"2c872a23-24ea-4c30-8cbe-11e7ce175199","html_url":"https://github.com/Quantum-Flytrap/bra-ket-vue","commit_stats":null,"previous_names":["quantum-game/bra-ket-vue"],"tags_count":24,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Quantum-Flytrap%2Fbra-ket-vue","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Quantum-Flytrap%2Fbra-ket-vue/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Quantum-Flytrap%2Fbra-ket-vue/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Quantum-Flytrap%2Fbra-ket-vue/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Quantum-Flytrap","download_url":"https://codeload.github.com/Quantum-Flytrap/bra-ket-vue/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":249780495,"owners_count":21324558,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["complex-numbers","javascript","ket","matrices","quantum","quantum-game","visualizer","vuejs"],"created_at":"2025-03-29T12:17:20.469Z","updated_at":"2025-04-19T19:34:30.222Z","avatar_url":"https://github.com/Quantum-Flytrap.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"# bra-ket-vue / ⟨𝜑|𝜓⟩.vue\n\n[![npm version](https://badge.fury.io/js/bra-ket-vue.svg)](https://badge.fury.io/js/bra-ket-vue)\n![License](https://img.shields.io/npm/l/bra-ket-vue)\n![Build](https://github.com/Quantum-Flytrap/bra-ket-vue/actions/workflows/build_lint.yml/badge.svg)\n[![Twitter @QuantumFlytrap](https://img.shields.io/twitter/follow/QuantumFlytrap)](https://twitter.com/QuantumFlytrap)\n\nAn interactive visualizer for quantum states and matrices.\n\n* Developed by [Quantum Flytrap](https://quantumflytrap.com): [Piotr Migdał](https://p.migdal.pl/) (quantum physics \u0026 programming) and [Klem Jankiewicz](http://jankiewiczstudio.com/) (UX \u0026 design) from [Quantum Flytrap](https://quantumflytrap.com/).\n* Based on [Quantum Tensors](https://www.npmjs.com/package/quantum-tensors) numerics library, developed at the [Centre for Quantum Technologies, National University of Singapore](https://www.quantumlah.org/).\n* It is being useed in [Quantum Gamne](https://quantumgame.io) and [Virtual Lab by Quantum Flytrap](https://quantumflytrap.com/).\n* Supported by the [Unitary Fund](https://unitary.fund/).\n\nFor more details, see our preprint:\n\n- P. Migdał, K. Jankiewicz, P. Grabarz, et al., [Visualizing quantum mechanics in an interactive simulation - Virtual Lab by Quantum Flytrap](https://arxiv.org/abs/2203.13300), arXiv:2203.13300\n\n[![Unitary Fund](https://img.shields.io/badge/Supported%20By-UNITARY%20FUND-brightgreen.svg?style=for-the-badge)](http://unitary.fund)\n\n## Examples\n\nHere are examples in the dark style. All components are available in two styles: dark and bright.\nBy default we use the dark style.\nEach `vector` is a `Vector` object from Quantum Tensors, and each `operator` is an `Operator` object.\n\n### States (vectors)\n\n![Ket list for quantum computing](imgs/quantum_computing.png)\n\n![Ket list for quantum optics](imgs/ket_list.png)\n\n```{html}\n\u003cket-viewer :vector=\"vector\" :dark-mode=\"true\" /\u003e\n```\n\n![Ket](imgs/ket.gif)\n\n### Operators (matrices)\n\n```{html}\n\u003cmatrix-viewer :operator=\"operator\" :dark-mode=\"true\" /\u003e\n```\n\n![Matrix - beam-splitter](imgs/beam_splitter.png)\n\n![Matrix - CNOT gate](imgs/cnot_gate.png)\n\n![Matrix - Toffoli gate](imgs/toffoli.gif)\n\n## Installation\n\nFor a node project use:\n\n```{bash}\nnpm install bra-ket-vue\n```\n\nor for yarn:\n\n```{bash}\nyarn add bra-ket-vue\n```\n\nFor browser HTML files, put in `\u003chead\u003e...\u003c/head\u003e`:\n\n```{html}\n\u003cscript src=\"https://www.unpkg.com/vue@3\"\u003e\u003c/script\u003e\n\u003cscript src=\"https://unpkg.com/quantum-tensors\"\u003e\u003c/script\u003e\n\u003cscript src=\"https://unpkg.com/bra-ket-vue\"\u003e\u003c/script\u003e\n```\n\nOr if you want to stick to specific versions\n\n```{html}\n\u003cscript src=\"https://www.unpkg.com/vue@3.2.31/dist/vue.global.prod.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"https://unpkg.com/quantum-tensors@0.4.15/dist/quantum-tensors.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"https://unpkg.com/bra-ket-vue@0.4.3/dist/bra-ket-vue.min.js\"\u003e\u003c/script\u003e\n```\n\nNote: up to 0.3.1 it used [Vue 2](https://v2.vuejs.org/). Starting from 0.4.0, BraKetVue uses [Vue 3](https://vuejs.org/).\n\n### Code examples\n\nFolder [examples](./examples/) contains two examples: a plain HTML file and a Vue 3 project.\n\nAnd interactive version of the Vue 3 demo: \u003chttps://codesandbox.io/s/braketvue-f2rgub\u003e.\n\nThe easiest one to create a single visualization is to use JSFiddle (see [this example](https://jsfiddle.net/stared/m8gzp4n2/)) and embed it.\n\n* In-action:\n  * Presentation with Reveal.js (RISE in Jupyter Notebook): \u003chttps://p.migdal.pl/piterpy-matrix/#/17\u003e\n  * Presentation with R Markdown Raveal.js \u003chttp://p.migdal.pl/nyc-qc-braketvue/#/\u003e\n  * Distill in R Markdown: \u003chttps://p.migdal.pl/bra-ket-vue-art/\u003e\n    * [Quantum computing states and operators](https://p.migdal.pl/bra-ket-vue-art/ket.html)\n    * [Classic logic operation truth tables](https://p.migdal.pl/bra-ket-vue-art/logic_operations.html)\n\n\n## Notes\n\nThis repo was created using a script [vue-sfc-rollup](https://www.npmjs.com/package/vue-sfc-rollup)  (a Vue component library generator, for JavaScript and TypeScript).\n\n## Citing\n\n- P. Migdał, K. Jankiewicz, P. Grabarz, et al., [Visualizing quantum mechanics in an interactive simulation - Virtual Lab by Quantum Flytrap](https://arxiv.org/abs/2203.13300), arXiv:2203.13300\n\n```\n@article{migdal_visualizing_2022,\n\ttitle = {Visualizing quantum mechanics in an interactive simulation -- {Virtual} {Lab} by {Quantum} {Flytrap}},\n\turl = {http://arxiv.org/abs/2203.13300},\n\tjournal = {arXiv:2203.13300 [quant-ph]},\n\tauthor = {Migdał, Piotr and Jankiewicz, Klementyna and Grabarz, Paweł and Decaroli, Chiara and Cochin, Philippe},\n\tmonth = mar,\n\tyear = {2022},\n\tnote = {arXiv: 2203.13300}\n}\n```","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fquantum-flytrap%2Fbra-ket-vue","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fquantum-flytrap%2Fbra-ket-vue","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fquantum-flytrap%2Fbra-ket-vue/lists"}