3D Data Visualization Using Three.js

on YouTube ↗10m

" summary

Demo shows a working Postman Visualizer that pulls a public COVID-19 dataset and renders an interactive 3D view using Three.js and t-chart.js by creating a WebGL context. Users can rotate, pan, tilt and zoom the scene; bars, lines and pie charts render inside Postman without a separate webpage. Code uses Three.js primitives (meshes, planes, spheres), can combine with D3 or 3.ar.js for AR, and the demo functions end-to-end.

AI-written summary · about

" chapters (9)

1. 0:00Introduction and speaker intro
2. 1:30What is data visualization
3. 2:55About Three.js library
4. 3:58Live demo of 3D visualization
5. 5:01Code walkthrough and setup
6. 6:03Advantages of the solution
7. 7:49Customization and integration
8. 8:10Postman Visualizer benefits
9. 9:15Q&A and closing remarks

" related talks

• 15mThe Future of Data Visualization on the WebAlan Mendelevich · You Gotta Love Frontend 2019
• 51mD3 js: Easy and flexible data visualisation using Web standardsJos Dirksen · Devoxx Belgium 2017
• 01h 55mUse your data to tell storiesAstrid Belder, Charalampos Xanthopoulakis · Devoxx Belgium 2019
• 29m"Getting Started with WebGL"Joanne Cheng · DinosaurJS 2016
• 48mVisual Storytelling w/D3-A Conceptual Intro to Visualizing Data w/JavaScriptR King · Philly ETE 2015
• 49mSaving the world with JavaScript: A Data Visualization storyMarko Letic · JS Fest 2019 Autumn
• 37mVisualizing Large Datasets with JavaScript Using deck.glMarko Letic · RVA JavaScript Conf 2019
• 37m3DGraphics with Threejs by Ruben Meschian (Eng) | JSConfAM19Rouben Meschian · JS Conf Armenia 2019