Loading video...

Video Failed to Load

Go Home

i made a tutorial for my 3D data visualization project it's how I imagine Tony Stark and Jarvis doing data analysis :] built with Three.js, mediapipe AI vision, and web speech API thread below with the code, tutorial, and live demo ↴

measure_plan's profile picture

AA

16,772 subscribers

84,065 views • 10 months ago •via X (Twitter)

Science & TechnologyGamingArts
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

which tutorial (+code) should I release next? > Left: 3D graph data viz > Right: Severance game projects are built with Three.js and mediapipe AI vision learn how to build real-time hand tracking apps for 3D design, games, etc.
0:12

which tutorial (+code) should I release next? > Left: 3D graph data viz > Right: Severance game projects are built with Three.js and mediapipe AI vision learn how to build real-time hand tracking apps for 3D design, games, etc.

AA

19,435 views • 11 months ago

Controlling a 3D graph with hand + voice commands ❋ Using speech recognition to toggle between drag / rotate / zoom interactions, and hand gestures to move the nodes of the graph Created with Three.js, Rosebud AI, mediapipe computer vision, web speech API, and Vasco Asturiano's 3D-force-graph library Please comment if you'd like a tutorial for this 🔗 demo link below
0:39

Controlling a 3D graph with hand + voice commands ❋ Using speech recognition to toggle between drag / rotate / zoom interactions, and hand gestures to move the nodes of the graph Created with Three.js, Rosebud AI, mediapipe computer vision, web speech API, and Vasco Asturiano's 3D-force-graph library Please comment if you'd like a tutorial for this 🔗 demo link below

AA

31,936 views • 1 year ago

I built an AI data visualization Agent. The AI Agent can automatically generate the code and visualize the data using code interpreter sandbox. 100% Opensource Code with step-by-step tutorial.
1:40

I built an AI data visualization Agent. The AI Agent can automatically generate the code and visualize the data using code interpreter sandbox. 100% Opensource Code with step-by-step tutorial.

Shubham Saboo

67,845 views • 1 year ago

controlling a 3D globe with hand gestures 🌎 map zoom, rotation, layer view toggle runs in real-time on the web with a regular laptop + webcam created with Cesium, Three.js, and mediapipe computer vision 🔗 demo + code + tutorial below GeoGuessr next?
1:02

controlling a 3D globe with hand gestures 🌎 map zoom, rotation, layer view toggle runs in real-time on the web with a regular laptop + webcam created with Cesium, Three.js, and mediapipe computer vision 🔗 demo + code + tutorial below GeoGuessr next?

AA

27,386 views • 11 months ago

Windows 98 x Jarvis 🗒️🤖 This UI is controlled using only hand gestures and voice. Built with Three.js, mediapipe computer vision, and web speech API Kindly leave a comment if you'd like a tutorial on building this (with code and prompts). If there's interest I'll put it together @levelsio plz send help, I'm stuck inside MS Paint
0:32

Windows 98 x Jarvis 🗒️🤖 This UI is controlled using only hand gestures and voice. Built with Three.js, mediapipe computer vision, and web speech API Kindly leave a comment if you'd like a tutorial on building this (with code and prompts). If there's interest I'll put it together @levelsio plz send help, I'm stuck inside MS Paint

AA

41,999 views • 1 year ago

3D design using hand gestures voxels are laid onto a parametric surface, with controls for amplitude, frequency, and color palette created with grok 4, threejs, and mediapipe AI vision 🧵 live demo, code, and tutorial ↴
0:32

3D design using hand gestures voxels are laid onto a parametric surface, with controls for amplitude, frequency, and color palette created with grok 4, threejs, and mediapipe AI vision 🧵 live demo, code, and tutorial ↴

AA

69,950 views • 10 months ago

I made a web game You protect kittens with eye lasers Made with Three.js, mediapipe AI vision, and endless inspiration from nolen 🔗 game link below
0:55

I made a web game You protect kittens with eye lasers Made with Three.js, mediapipe AI vision, and endless inspiration from nolen 🔗 game link below

AA

109,355 views • 10 months ago

say hello to my little friend 🤖 3D model control (move, rotate, scale, animate) using hand gestures and voice commands, running in real-time in the browser! created with Three.js, Rosebud AI, mediapipe computer vision, and web speech API credit to Quaternius for the robot model 🔗 demo below
0:52

say hello to my little friend 🤖 3D model control (move, rotate, scale, animate) using hand gestures and voice commands, running in real-time in the browser! created with Three.js, Rosebud AI, mediapipe computer vision, and web speech API credit to Quaternius for the robot model 🔗 demo below

AA

30,775 views • 1 year ago

I built an AI Data Analysis Agent. Just upload CSV/Excel files and analyze data through natural language. It uses DuckDB for lightning-fast processing. 100% Opensource Code with step-by-step tutorial.
1:10

I built an AI Data Analysis Agent. Just upload CSV/Excel files and analyze data through natural language. It uses DuckDB for lightning-fast processing. 100% Opensource Code with step-by-step tutorial.

Shubham Saboo

88,517 views • 1 year ago

it's a rainy friday afternoon, so I'm working on more Tony Stark lab technology 🦾 controlling a 3D globe with hand gestures, powered by Three.js, Cesium, MediaPipe computer vision, and my laptop webcam kindly leave a comment if you'd like a tutorial on building this (step-by-step with code and prompts). If there's interest I'll put that together next week :)
0:50

it's a rainy friday afternoon, so I'm working on more Tony Stark lab technology 🦾 controlling a 3D globe with hand gestures, powered by Three.js, Cesium, MediaPipe computer vision, and my laptop webcam kindly leave a comment if you'd like a tutorial on building this (step-by-step with code and prompts). If there's interest I'll put that together next week :)

AA

36,482 views • 1 year ago

creating / controlling 3D shapes with hand gestures 👋💠 built with Three.js and MediaPipe computer vision 🔗 demo + code in the comments let me know of any requests for future demos / tutorials!
0:58

creating / controlling 3D shapes with hand gestures 👋💠 built with Three.js and MediaPipe computer vision 🔗 demo + code in the comments let me know of any requests for future demos / tutorials!

AA

221,547 views • 1 year ago

Controlling a 3D particle animation with hand gestures / voice 🎇🤖 "Jarvis, change to a sphere" > voice commands trigger a transformation into different shape types > hand gestures control the rotation speed and zoom created with Three.js, mediapipe computer vision, and web speech API. Runs in real-time in the browser, using a regular webcam / mic 🔗 demo + code in the comments let me know of any requests for future demos / tutorials!
1:12

Controlling a 3D particle animation with hand gestures / voice 🎇🤖 "Jarvis, change to a sphere" > voice commands trigger a transformation into different shape types > hand gestures control the rotation speed and zoom created with Three.js, mediapipe computer vision, and web speech API. Runs in real-time in the browser, using a regular webcam / mic 🔗 demo + code in the comments let me know of any requests for future demos / tutorials!

AA

24,376 views • 1 year ago

operating my computer with voice + hand gestures 📎 🖥️ introducing Iron OS: it's like a regular computer, but much more inconvenient created with Three.js, Rosebud AI, and mediapipe computer vision 🔗demo link below
0:49

operating my computer with voice + hand gestures 📎 🖥️ introducing Iron OS: it's like a regular computer, but much more inconvenient created with Three.js, Rosebud AI, and mediapipe computer vision 🔗demo link below

AA

30,648 views • 1 year ago

An interactive cyberpunk data visualization built with xAI's Grok 4 using Three.js. Clicking "Execute" morphs thousands of particles between three procedural forms. Dragging rotates the view and the on-screen switches toggle animations. Demo/code in the reply below. 👇
0:36

An interactive cyberpunk data visualization built with xAI's Grok 4 using Three.js. Clicking "Execute" morphs thousands of particles between three procedural forms. Dragging rotates the view and the on-screen switches toggle animations. Demo/code in the reply below. 👇

Techartist

1,421,031 views • 11 months ago

Editing 3D shapes with hand gestures 👋♦️ Let me know if you want to try it / see the code. It's WIP and clunky but I can clean it up and publish Created with Three.js and mediapipe computer vision
1:02

Editing 3D shapes with hand gestures 👋♦️ Let me know if you want to try it / see the code. It's WIP and clunky but I can clean it up and publish Created with Three.js and mediapipe computer vision

AA

43,550 views • 1 year ago

I've open sourced this project! - use voice commands to change interaction mode (drag, rotate, scale, animate) - use hand gestures to control the 3D model - drag/drop to import other models (only GLTF format supported rn) created using Three.js, Rosebud AI, mediapipe computer vision, web speech API, and Quaternius 3D models 🔗 github repo below
1:00

I've open sourced this project! - use voice commands to change interaction mode (drag, rotate, scale, animate) - use hand gestures to control the 3D model - drag/drop to import other models (only GLTF format supported rn) created using Three.js, Rosebud AI, mediapipe computer vision, web speech API, and Quaternius 3D models 🔗 github repo below

AA

40,230 views • 1 year ago

do a push-up, save a puppy 🐾 I made this fitness game with mediapipe AI vision, Three.js, and tonejs for sound effects which exercise should I add next?
0:41

do a push-up, save a puppy 🐾 I made this fitness game with mediapipe AI vision, Three.js, and tonejs for sound effects which exercise should I add next?

AA

29,366 views • 11 months ago

How to Create a Spinning Globe 🌍 with Your Own Data Layers (No Coding Required) Learn how to create a spinning 3D globe map without writing any code using a simple web-based tool. In this step-by-step geospatial tutorial, you'll see how to build an interactive spinning globe, overlay raster and vector data layers, and visualize datasets directly in your browser or in a Jupyter Notebook environment. Web-based demo: Jupyter notebook demo: Video tutorial: #geospatial #opensource #python #jupyter #maplibre
0:29

How to Create a Spinning Globe 🌍 with Your Own Data Layers (No Coding Required) Learn how to create a spinning 3D globe map without writing any code using a simple web-based tool. In this step-by-step geospatial tutorial, you'll see how to build an interactive spinning globe, overlay raster and vector data layers, and visualize datasets directly in your browser or in a Jupyter Notebook environment. Web-based demo: Jupyter notebook demo: Video tutorial: #geospatial #opensource #python #jupyter #maplibre

Qiusheng Wu

12,637 views • 3 months ago

i made a game make music, make cat spin created with Three.js, mediapipe AI vision, grok 4 oiiai oiiiai OIIAI OIIIAI it's live, who wants to play?
0:43

i made a game make music, make cat spin created with Three.js, mediapipe AI vision, grok 4 oiiai oiiiai OIIAI OIIIAI it's live, who wants to play?

AA

79,576 views • 10 months ago

I'm sharing a tutorial on creating interactive 3D experiences, combining Three.js and MediaPipe hand tracking 👋💠 In this 🧵: - a step-by-step guide including the 4 prompts I used to build this demo - the open source code - Other thoughts about vibe coding
0:31

I'm sharing a tutorial on creating interactive 3D experiences, combining Three.js and MediaPipe hand tracking 👋💠 In this 🧵: - a step-by-step guide including the 4 prompts I used to build this demo - the open source code - Other thoughts about vibe coding

AA

151,255 views • 1 year ago