🤖🖌️ VizArt Computer Vision Drawing Platform

Create and share your artwork with the world using VizArt - a simple yet powerful air drawing platform.


💫 Inspiration

"Art is the signature of civilizations." - Beverly Sills

Art is a gateway to creative expression. With VizArt, we are pushing the boundaries of what's possible with computer vision and enabling a new level of artistic expression. We envision a world where people can interact with both the physical and digital realms in creative ways.

We started by pushing the limits of what's possible with customizable deep learning, streaming media, and AR technologies. With VizArt, you can draw in art, interact with the real world digitally, and share your creations with your friends!

"Art is the reflection of life, and life is the reflection of art." - Unknow

Air writing is made possible with hand gestures, such as a pen gesture to draw and an eraser gesture to erase lines. With VizArt, you can turn your ideas into reality by sketching in the air.




Our computer vision algorithm enables you to interact with the world using a color picker gesture and a snipping tool to manipulate real-world objects.

"Art is not what you see, but what you make others see." - Claude Monet

The features I listed above are great! But what's the point of creating something if you can't share it with the world? That's why we've built a platform for you to showcase your art. You'll be able to record and share your drawings with friends.



I hope you will enjoy using VizArt and share it with your friends. Remember: Make good gifts, Make good art.

❤️ Use Cases

Drawing Competition/Game

VizArt can be used to host a fun and interactive drawing competition or game. Players can challenge each other to create the best masterpiece, using the computer vision features such as the color picker and eraser.

Whiteboard Replacement

VizArt is a great alternative to traditional whiteboards. It can be used in classrooms and offices to present ideas, collaborate with others, and make annotations. Its computer vision features make drawing and erasing easier.

People with Disabilities

VizArt enables people with disabilities to express their creativity. Its computer vision capabilities facilitate drawing, erasing, and annotating without the need for physical tools or contact.

Strategy Games

VizArt can be used to create and play strategy games with friends. Players can draw their own boards and pieces, and then use the computer vision features to move them around the board. This allows for a more interactive and engaging experience than traditional board games.

Remote Collaboration

With VizArt, teams can collaborate remotely and in real-time. The platform is equipped with features such as the color picker, eraser, and snipping tool, making it easy to interact with the environment. It also has a sharing platform where users can record and share their drawings with anyone. This makes VizArt a great tool for remote collaboration and creativity.

👋 Gestures Tutorial

image image image image image

⚒️ Engineering

Ah, this is where even more fun begins!



We designed the frontend with Figma and after a few iterations, we had an initial design to begin working with. The frontend was made with React and Typescript and styled with Sass.


We wrote the backend in Flask. To implement uploading videos along with their thumbnails we simply use a filesystem database.

Computer Vision AI

We use MediaPipe to grab the coordinates of the joints and upload images. WIth the coordinates, we plot with CanvasRenderingContext2D on the canvas, where we use algorithms and vector calculations to determinate the gesture. Then, for image generation, we use the DeepAI open source library.


We were using generative AI to generate images, however we ran out of time.

image image

👨‍💻 Team (”The Sprint Team”)

@Sheheryar Pavaz

@Anton Otaner

@Jingxiang Mo

@Tommy He

Built With

  • ai
  • database
  • deep-learning
  • react
+ 29 more
Share this project: