3D city and data visualization platform  Demo

Libraries and resources used

• OpenStreetMap – Map data
• Three.js – WebGL
• D3.js – Geographic coordinate conversion
• Underscore.js – General helpers
• Q – Promises
• Throat - Limiting concurrency
• Catiline – Web Workers
• Dat.gui – Debug control panel
• FPSMeter – FPS meter
• Moment.js – Date processing
• Simplify.js – Polygon simplification
• Grunt – Build system 

WebGL is an in-browser 3D renderer based on OpenGL, which lets you display your 3D content directly into an HTML5 page. Throughout this series I will cover all the essentials you need to get started using this framework. We'll start with an introduction, then we'll be building on to the framework that we used in part one as well as adding a model importer and a custom class for 3D objects. You will also be introduced to animation and controls. Lastly, we’ll take a look at lighting and adding 2D objects to your scene.