Loading video...

Video Failed to Load

Go Home

i made a tool that visualizes sound as a 3D data structure notes are placed based on the circle of fifths and relative volume built with threejs and web midi api

measure_plan's profile picture

AA

25,569 subscribers

31,072 views • 3 days ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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 ↴
1:00

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 ↴

AA

84,065 views • 11 months ago

i made a website that turns music into geometric patterns, using midi data as input to threejs
0:32

i made a website that turns music into geometric patterns, using midi data as input to threejs

AA

56,064 views • 4 days ago

I built a Community Notes writer tool using the X API with Replit ⠕ and Grok 4 that allows you to write AI-assisted Community Notes ✍️
0:23

I built a Community Notes writer tool using the X API with Replit ⠕ and Grok 4 that allows you to write AI-assisted Community Notes ✍️

Suhem Parack

692,020 views • 11 months ago

Marblie is a web-based 3D marble run game that explores interactive building mechanics and real-time physics simulation in the browser.
1:21

Marblie is a web-based 3D marble run game that explores interactive building mechanics and real-time physics simulation in the browser.

Three.js

15,524 views • 1 year ago

i made a 3D stained glass type design tool it renders live in the browser using threejs and webgl shaders
0:30

i made a 3D stained glass type design tool it renders live in the browser using threejs and webgl shaders

AA

47,343 views • 2 months ago

Our Wilder World full 3d land map in browser. Every plot / building selectable with their corresponding blockchain data and various visualization style filtering. - Made together with OlegSoroko, coming soon to the Wilder Web! - Browser based map made possible by Three.js - #gamedev #threejs
2:00

Our Wilder World full 3d land map in browser. Every plot / building selectable with their corresponding blockchain data and various visualization style filtering. - Made together with OlegSoroko, coming soon to the Wilder Web! - Browser based map made possible by Three.js - #gamedev #threejs

ekim

21,583 views • 3 months ago

Introducing the LorisTools API. Built for teams that need clean crypto derivatives data without maintaining brittle exchange integrations. • Real-time and historical funding rates • Open interest, volume, markets, and liquidation data • Cross-venue coverage across 43+ perp exchanges • Normalized endpoints for dashboards, models, and alerts • Simple API-key access with free and paid tiers Useful for: • Quant traders building funding, basis, and relative-value strategies • Researchers analyzing perp market structure and exchange flows • Data teams powering internal dashboards and monitoring • Builders adding derivatives market data to apps, bots, and agents API: Docs: Pricing:
0:22

Introducing the LorisTools API. Built for teams that need clean crypto derivatives data without maintaining brittle exchange integrations. • Real-time and historical funding rates • Open interest, volume, markets, and liquidation data • Cross-venue coverage across 43+ perp exchanges • Normalized endpoints for dashboards, models, and alerts • Simple API-key access with free and paid tiers Useful for: • Quant traders building funding, basis, and relative-value strategies • Researchers analyzing perp market structure and exchange flows • Data teams powering internal dashboards and monitoring • Builders adding derivatives market data to apps, bots, and agents API: Docs: Pricing:

Loris Tools

29,445 views • 17 days ago

OpenAI's Swarm Web Extractor This can autonomously search the web, map entire websites, and extract data. This is built on top of OpenAI’s new multi-agent framework Swarm, Serp AI and Firecrawl API. - Swarm is a lightweight and experimental framework introduced by OpenAI to develop multi-agent systems. - Serp API A is a real-time API that allows users to access Google search results. - Firecrawl API turns entire websites into clean, LLM-ready markdown or structured data. Scrape, crawl and extract the web with a single API. Video credits: Eric Ciarla #webextraction #llms #nlproc #swarm #multiagents
0:51

OpenAI's Swarm Web Extractor This can autonomously search the web, map entire websites, and extract data. This is built on top of OpenAI’s new multi-agent framework Swarm, Serp AI and Firecrawl API. - Swarm is a lightweight and experimental framework introduced by OpenAI to develop multi-agent systems. - Serp API A is a real-time API that allows users to access Google search results. - Firecrawl API turns entire websites into clean, LLM-ready markdown or structured data. Scrape, crawl and extract the web with a single API. Video credits: Eric Ciarla #webextraction #llms #nlproc #swarm #multiagents

Kalyan KS

174,419 views • 1 year ago

DarkWeb Scraping DeepWebHarvester is a powerful tool designed to scrape onion sites on the dark web, enabling comprehensive crawling and extraction of valuable data. – A demo that illustrates how I extract data from an onion site ethically using the tool: #Cybersecurity
8:47

DarkWeb Scraping DeepWebHarvester is a powerful tool designed to scrape onion sites on the dark web, enabling comprehensive crawling and extraction of valuable data. – A demo that illustrates how I extract data from an onion site ethically using the tool: #Cybersecurity

Tech Enthusiast

18,787 views • 11 months ago

Sunday v0: a web-based 3D Jenga game. Everything is procedurally generated: the structure, the bricks, the wooden texture, the sounds, the carved-in ▲ on the top pieces. I tweaked the physics enough that it feels as fun and frustrating as the real thing 😂 Cool technical detail: v0 loaded a R3F (react-three-fiber) Skill automatically when I first asked for a 3d game. Anecdotally it seems that it totally nailed how to work with 3D!
1:10

Sunday v0: a web-based 3D Jenga game. Everything is procedurally generated: the structure, the bricks, the wooden texture, the sounds, the carved-in ▲ on the top pieces. I tweaked the physics enough that it feels as fun and frustrating as the real thing 😂 Cool technical detail: v0 loaded a R3F (react-three-fiber) Skill automatically when I first asked for a 3d game. Anecdotally it seems that it totally nailed how to work with 3D!

Guillermo Rauch

52,838 views • 3 months ago

The Live Globe is back on Sphere 100% live data, rendered in real-time, built with threejs, React, and a lot of shaders 3…2…1…
1:01

The Live Globe is back on Sphere 100% live data, rendered in real-time, built with threejs, React, and a lot of shaders 3…2…1…

tobi lutke

72,749 views • 7 months ago

🚨 BREAKING: Someone just built a tool that generates and visualizes complex 3d particle systems just by typing a prompt. You tell it what you want, it builds the physics, and you export the react or three.js code instantly. 100% Free.
1:01

🚨 BREAKING: Someone just built a tool that generates and visualizes complex 3d particle systems just by typing a prompt. You tell it what you want, it builds the physics, and you export the react or three.js code instantly. 100% Free.

Simplifying AI

190,654 views • 3 months ago

i connected my piano to threejs and made an audioreactive midi visualizer
0:21

i connected my piano to threejs and made an audioreactive midi visualizer

AA

470,151 views • 5 months ago

🎮 React Three Game on Three.js Resources Learn how to build 3D games using React Three Fiber and #threejs. A great starting point for understanding game logic, interactivity, and real-time 3D on the web. 👉 #threejs #WebGL #GameDev #ReactThreeFiber #3D #Learning
1:05

🎮 React Three Game on Three.js Resources Learn how to build 3D games using React Three Fiber and #threejs. A great starting point for understanding game logic, interactivity, and real-time 3D on the web. 👉 #threejs #WebGL #GameDev #ReactThreeFiber #3D #Learning

Three.js Resources

15,838 views • 5 months ago

What could be better than a portal?! A portal that lets you switch between point clouds and 3D Gaussian Splats. Built a web-based 3D Gaussian Splat viewer with SparkJS, letting me freely fly through the three locations I just captured using the #PortalCam. #GaussianSplatting
1:33

What could be better than a portal?! A portal that lets you switch between point clouds and 3D Gaussian Splats. Built a web-based 3D Gaussian Splat viewer with SparkJS, letting me freely fly through the three locations I just captured using the #PortalCam. #GaussianSplatting

Hugues Bruyère

28,232 views • 5 months ago

I made a tool that generates UIs with a design system that's copyable as prompts. Everything is a prompt: font pairings, color system, spacing, icon sets, buttons and even webgl & threejs with full code samples. This made explorations with Gemini 3.1 Pro so precise and fun.
0:51

I made a tool that generates UIs with a design system that's copyable as prompts. Everything is a prompt: font pairings, color system, spacing, icon sets, buttons and even webgl & threejs with full code samples. This made explorations with Gemini 3.1 Pro so precise and fun.

Meng To

94,732 views • 3 months ago

I got a smart meter recently and saw you can download a HDF file with the data so I had the idea of writing a script that could parse that and show the data in a useful manner. However I discovered that someone has already done this and done a really good job on it. The video explains how it works. In simple terms it uses the ESB smart meter data and shows a breakdown of how much data you are using and when and also recommends plans and estimates what each one would cost based on the data. The tool is available at easier to read on Laptop or Tablet or then your phone to Landscape.
1:26

I got a smart meter recently and saw you can download a HDF file with the data so I had the idea of writing a script that could parse that and show the data in a useful manner. However I discovered that someone has already done this and done a really good job on it. The video explains how it works. In simple terms it uses the ESB smart meter data and shows a breakdown of how much data you are using and when and also recommends plans and estimates what each one would cost based on the data. The tool is available at easier to read on Laptop or Tablet or then your phone to Landscape.

Carlow Weather

298,521 views • 2 years ago

made a tool to visualise your discord friends – creates a graph based on your mutual friends and renders it in 3d space
0:36

made a tool to visualise your discord friends – creates a graph based on your mutual friends and renders it in 3d space

moni

113,218 views • 2 years ago