Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

Rendering a 125GB Protomaps vector tile dataset dynamically in Three.js using compute passes and workers

Three.js

114,689 subscribers

81,437 views • 3 months ago •via X (Twitter)

Science & Technology

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Rendering some glass dispersion and caustics in #threejs using WebGPU for my Three.js Conf Paris talk. Live link coming soon 🤗

Rendering some glass dispersion and caustics in #threejs using WebGPU for my Three.js Conf Paris talk. Live link coming soon 🤗

Anderson Mancini

15,382 views • 1 month ago

🚀 Visualize Big Vector Data in Python—FAST! Tired of slow and clunky tools for visualizing big vector dataset in Python? Discover this one-line Python trick using Leafmap + DuckDB to instantly render huge vector datasets—even gigabytes in size—right in your Jupyter notebook. In this video, you'll learn how to: ✅ Visualize millions of vector features with ease ✅ Use Leafmap + DuckDB to serve vector tiles dynamically ✅ Handle GeoParquet, GeoPackage, cloud-hosted data & more ✅ Create fully interactive maps—without crashing your browser! 📌 Watch the full video tutorial on YouTube: 👉 Notebook example: #Visualization #Leafmap #BigData #DuckDB #GeoPython #GIS #OpenSource

🚀 Visualize Big Vector Data in Python—FAST! Tired of slow and clunky tools for visualizing big vector dataset in Python? Discover this one-line Python trick using Leafmap + DuckDB to instantly render huge vector datasets—even gigabytes in size—right in your Jupyter notebook. In this video, you'll learn how to: ✅ Visualize millions of vector features with ease ✅ Use Leafmap + DuckDB to serve vector tiles dynamically ✅ Handle GeoParquet, GeoPackage, cloud-hosted data & more ✅ Create fully interactive maps—without crashing your browser! 📌 Watch the full video tutorial on YouTube: 👉 Notebook example: #Visualization #Leafmap #BigData #DuckDB #GeoPython #GIS #OpenSource

Qiusheng Wu

13,147 views • 11 months ago

The 1.4 release of DuckDB supports using a DuckDB database to serve vector tiles! Of course, I had to try this out in R. Check it out: all 242,000 US Census block groups dynamically served as vector tiles from a DuckDB database, displayed on a MapLibre map from R in Positron.

The 1.4 release of DuckDB supports using a DuckDB database to serve vector tiles! Of course, I had to try this out in R. Check it out: all 242,000 US Census block groups dynamically served as vector tiles from a DuckDB database, displayed on a MapLibre map from R in Positron.

Kyle Walker

45,518 views • 11 months ago

An interactive 3D simulation and visualization of a black hole, leveraging Three.js for rendering and custom GLSL shaders to achieve stunning details in the event horizon, starfield, and accretion disk. Coded using newly released Grok 4 from xAI

An interactive 3D simulation and visualization of a black hole, leveraging Three.js for rendering and custom GLSL shaders to achieve stunning details in the event horizon, starfield, and accretion disk. Coded using newly released Grok 4 from xAI

Techartist

2,988,153 views • 1 year ago

Liquid glass, but actually liquid 💧 A hero secton built with Three.js and a TSL fluid sim running in compute shaders

Liquid glass, but actually liquid 💧 A hero secton built with Three.js and a TSL fluid sim running in compute shaders

Shader Development Studio

43,777 views • 4 days ago

Inspired by 2swap's Klotski visualization video, I asked claude to make interactive state-space adjacency graph visualization, using Three.js and InstancedMesh for optimized rendering. It nearly zero-shot it. Absolutely wild time we live in.

Inspired by 2swap's Klotski visualization video, I asked claude to make interactive state-space adjacency graph visualization, using Three.js and InstancedMesh for optimized rendering. It nearly zero-shot it. Absolutely wild time we live in.

Simo Ryu

29,162 views • 1 year ago

2D Artist Vaskange uses Endless Paper app and Apple Pencil, powered by Fractile, a vector rendering engine, creating illustrations that can be infinitely zoomed in [Instagram:

2D Artist Vaskange uses Endless Paper app and Apple Pencil, powered by Fractile, a vector rendering engine, creating illustrations that can be infinitely zoomed in [Instagram:

Massimo

318,350 views • 3 years ago

Casually rendering ~a hundred million triangles, in the browser. All thanks to Sunag's cool Nanite-style renderer for Three.js. I've added GLB-to-meshlet and PBR rendering to it, very exciting to see where this is going!

Casually rendering ~a hundred million triangles, in the browser. All thanks to Sunag's cool Nanite-style renderer for Three.js. I've added GLB-to-meshlet and PBR rendering to it, very exciting to see where this is going!

herbst

207,202 views • 4 months ago

Meta announces Aria Everyday Activities Dataset present Aria Everyday Activities (AEA) Dataset, an egocentric multimodal open dataset recorded using Project Aria glasses. AEA contains 143 daily activity sequences recorded by multiple wearers in five geographically diverse indoor locations. Each of the recording contains multimodal sensor data recorded through the Project Aria glasses. In addition, AEA provides machine perception data including high frequency globally aligned 3D trajectories, scene point cloud, per-frame 3D eye gaze vector and time aligned speech transcription. In this paper, we demonstrate a few exemplar research applications enabled by this dataset, including neural scene reconstruction and prompted segmentation.

Meta announces Aria Everyday Activities Dataset present Aria Everyday Activities (AEA) Dataset, an egocentric multimodal open dataset recorded using Project Aria glasses. AEA contains 143 daily activity sequences recorded by multiple wearers in five geographically diverse indoor locations. Each of the recording contains multimodal sensor data recorded through the Project Aria glasses. In addition, AEA provides machine perception data including high frequency globally aligned 3D trajectories, scene point cloud, per-frame 3D eye gaze vector and time aligned speech transcription. In this paper, we demonstrate a few exemplar research applications enabled by this dataset, including neural scene reconstruction and prompted segmentation.

AK

71,225 views • 2 years ago

Our voxel engine rendering technique heavily uses levels of details to try and keep high performance in the browser! Made with Three.js on #webgpu

Our voxel engine rendering technique heavily uses levels of details to try and keep high performance in the browser! Made with Three.js on #webgpu

AresRPG - The Sui MMORPG

14,893 views • 2 months ago

Introducing SYNTHETIC-1: Collaboratively generating the largest synthetic dataset of verified reasoning traces for math, coding and science using DeepSeek-R1. Join us to contribute compute towards state-of-the-art open reasoning models.

Introducing SYNTHETIC-1: Collaboratively generating the largest synthetic dataset of verified reasoning traces for math, coding and science using DeepSeek-R1. Join us to contribute compute towards state-of-the-art open reasoning models.

Prime Intellect

198,754 views • 1 year ago

I created 24 vector badge designs in about a day. Using Claude, Quiver, and Figma. Here's the full process.

I created 24 vector badge designs in about a day. Using Claude, Quiver, and Figma. Here's the full process.

DANN©

138,601 views • 3 months ago

Trained a single layer neural network in C to predict AND GATE from scratch using gradient descent and Batch training of dataset in almost 300K epochs

Trained a single layer neural network in C to predict AND GATE from scratch using gradient descent and Batch training of dataset in almost 300K epochs

AADITYANSHA

81,395 views • 5 months ago

webgi - realistic rendering for three.js is now free! With a new website for developers. Instantly create photo-realistic 3D e-commerce experiences without going deep into three.js graphics and shaders. Play around with the demo docs here -

webgi - realistic rendering for three.js is now free! With a new website for developers. Instantly create photo-realistic 3D e-commerce experiences without going deep into three.js graphics and shaders. Play around with the demo docs here -

Palash Bansal

45,281 views • 1 year ago

I tried rendering in 4K, but the Nokia N95 runs out of memory (although rendering the frame in tiles and stitching it together should make it possible). 1080p, however, works. This video shows a 720p render with four compositing passes: Color, Alpha, Normal, and Z-buffer

I tried rendering in 4K, but the Nokia N95 runs out of memory (although rendering the frame in tiles and stitching it together should make it possible). 1080p, however, works. This video shows a 720p render with four compositing passes: Color, Alpha, Normal, and Z-buffer

Dante D. Leoncini

11,324 views • 2 months ago

#OctaneX was featured in today’s Apple keynote! Apple users can augment the massive increase in rendering power on the M4 with access to near unlimited high performance decentralized GPU compute power on The Render Network using Octane X.

#OctaneX was featured in today’s Apple keynote! Apple users can augment the massive increase in rendering power on the M4 with access to near unlimited high performance decentralized GPU compute power on The Render Network using Octane X.

The Render Network

537,038 views • 2 years ago