base on Web-based 3D visualization + Python <h1 align="left"> <img alt="viser logo" src="https://viser.studio/main/_static/logo.svg" width="30" height="auto" /> Viser <img alt="viser logo" src="https://viser.studio/main/_static/logo.svg" width="30" height="auto" /> </h1> <p align="left"> <img alt="pyright" src="https://github.com/nerfstudio-project/viser/actions/workflows/pyright.yml/badge.svg" /> <img alt="typescript-compile" src="https://github.com/nerfstudio-project/viser/actions/workflows/typescript-compile.yml/badge.svg" /> <a href="https://pypi.org/project/viser/"> <img alt="codecov" src="https://img.shields.io/pypi/pyversions/viser" /> </a> </p> Viser is a 3D visualization library for computer vision and robotics in Python. Features include: - API for visualizing 3D primitives. - GUI building blocks: buttons, checkboxes, text inputs, sliders, etc. - Scene interaction tools (clicks, selection, transform gizmos). - Programmatic camera control and rendering. - An entirely web-based client, for easy use over SSH! The goal is to provide primitives that are (1) easy for simple visualization tasks, but (2) can be composed into more elaborate interfaces. For more about design goals, see the [technical report](https://arxiv.org/abs/2507.22885). Examples and documentation: https://viser.studio ## Installation You can install `viser` with `pip`: ```bash pip install viser # Core dependencies only. pip install viser[examples] # To include example dependencies. ``` That's it! To learn more, we recommend looking at the examples in the [documentation](https://viser.studio/). ## Citation To cite Viser in your work, you can use the BibTeX for our [technical report](https://arxiv.org/abs/2507.22885): ``` @misc{yi2025viser, title={Viser: Imperative, Web-based 3D Visualization in Python}, author={Brent Yi and Chung Min Kim and Justin Kerr and Gina Wu and Rebecca Feng and Anthony Zhang and Jonas Kulhanek and Hongsuk Choi and Yi Ma and Matthew Tancik and Angjoo Kanazawa}, year={2025}, eprint={2507.22885}, archivePrefix={arXiv}, primaryClass={cs.CV}, url={https://arxiv.org/abs/2507.22885}, } ``` ## Acknowledgements `viser` is heavily inspired by packages like [Pangolin](https://github.com/stevenlovegrove/Pangolin), [Dear ImGui](https://github.com/ocornut/imgui), [rviz](https://wiki.ros.org/rviz/), [meshcat](https://github.com/rdeits/meshcat), and [Gradio](https://github.com/gradio-app/gradio). The web client is implemented using [React](https://react.dev/), with: - [Vite](https://vitejs.dev/) / [Rollup](https://rollupjs.org/) for bundling - [three.js](https://threejs.org/) via [react-three-fiber](https://github.com/pmndrs/react-three-fiber) and [drei](https://github.com/pmndrs/drei) - [Mantine](https://mantine.dev/) for UI components - [zustand](https://github.com/pmndrs/zustand) for state management - [vanilla-extract](https://vanilla-extract.style/) for stylesheets Thanks to the authors of these projects for open-sourcing their work! ", Assign "at most 3 tags" to the expected json: {"id":"14471","tags":[]} "only from the tags list I provide: [{"id":77,"name":"3d"},{"id":89,"name":"agent"},{"id":17,"name":"ai"},{"id":54,"name":"algorithm"},{"id":24,"name":"api"},{"id":44,"name":"authentication"},{"id":3,"name":"aws"},{"id":27,"name":"backend"},{"id":60,"name":"benchmark"},{"id":72,"name":"best-practices"},{"id":39,"name":"bitcoin"},{"id":37,"name":"blockchain"},{"id":1,"name":"blog"},{"id":45,"name":"bundler"},{"id":58,"name":"cache"},{"id":21,"name":"chat"},{"id":49,"name":"cicd"},{"id":4,"name":"cli"},{"id":64,"name":"cloud-native"},{"id":48,"name":"cms"},{"id":61,"name":"compiler"},{"id":68,"name":"containerization"},{"id":92,"name":"crm"},{"id":34,"name":"data"},{"id":47,"name":"database"},{"id":8,"name":"declarative-gui "},{"id":9,"name":"deploy-tool"},{"id":53,"name":"desktop-app"},{"id":6,"name":"dev-exp-lib"},{"id":59,"name":"dev-tool"},{"id":13,"name":"ecommerce"},{"id":26,"name":"editor"},{"id":66,"name":"emulator"},{"id":62,"name":"filesystem"},{"id":80,"name":"finance"},{"id":15,"name":"firmware"},{"id":73,"name":"for-fun"},{"id":2,"name":"framework"},{"id":11,"name":"frontend"},{"id":22,"name":"game"},{"id":81,"name":"game-engine "},{"id":23,"name":"graphql"},{"id":84,"name":"gui"},{"id":91,"name":"http"},{"id":5,"name":"http-client"},{"id":51,"name":"iac"},{"id":30,"name":"ide"},{"id":78,"name":"iot"},{"id":40,"name":"json"},{"id":83,"name":"julian"},{"id":38,"name":"k8s"},{"id":31,"name":"language"},{"id":10,"name":"learning-resource"},{"id":33,"name":"lib"},{"id":41,"name":"linter"},{"id":28,"name":"lms"},{"id":16,"name":"logging"},{"id":76,"name":"low-code"},{"id":90,"name":"message-queue"},{"id":42,"name":"mobile-app"},{"id":18,"name":"monitoring"},{"id":36,"name":"networking"},{"id":7,"name":"node-version"},{"id":55,"name":"nosql"},{"id":57,"name":"observability"},{"id":46,"name":"orm"},{"id":52,"name":"os"},{"id":14,"name":"parser"},{"id":74,"name":"react"},{"id":82,"name":"real-time"},{"id":56,"name":"robot"},{"id":65,"name":"runtime"},{"id":32,"name":"sdk"},{"id":71,"name":"search"},{"id":63,"name":"secrets"},{"id":25,"name":"security"},{"id":85,"name":"server"},{"id":86,"name":"serverless"},{"id":70,"name":"storage"},{"id":75,"name":"system-design"},{"id":79,"name":"terminal"},{"id":29,"name":"testing"},{"id":12,"name":"ui"},{"id":50,"name":"ux"},{"id":88,"name":"video"},{"id":20,"name":"web-app"},{"id":35,"name":"web-server"},{"id":43,"name":"webassembly"},{"id":69,"name":"workflow"},{"id":87,"name":"yaml"}]" returns me the "expected json"