Learn to Build a 3D Data Visualization · Aprende a Construir
This is a free, step-by-step guide for Oakland students who want to learn how to build interactive websites using real city data.
A live, interactive 3D bar chart showing the languages spoken in Oakland — built with Three.js and real city data. No experience needed. Free forever.
👁 See the finished project8 Lessons · 8 Lecciones
Estructura HTML · The bones of the page
📂 Lesson 2Cargando Datos · CSV → 3D bars
🎨 Lesson 3Colores y Estilo · Make it your own
📐 Lesson 4Posiciones 3D · X, Y, Z axes explained
💡 Lesson 5Escena y Luces · Set the mood
✨ Lesson 6Animación · Make things move
🚀 Lesson 7Publicar · Put it on the internet
🐱 Lesson 8Mascota Bailando · Add animated 3D characters
Start with Lesson 1 and go in order.
Each lesson builds on the last. You only need a text editor and a browser — no installation required!
Empieza con la Lección 1 y ve en orden. Solo necesitas un editor de texto y un navegador.