Original graphics libraries powering web dataviz

on YouTube ↗37m

" summary

Shows how web data-visualization can combine separate algorithm engines (often using d3.js for layout) with a variety of rendering technologies beyond SVG, including Canvas, WebGL and libraries like Pixi.js and three.js. Presents examples of original visualizations that mix these different rendering options to demonstrate the richness of the web graphics ecosystem.

AI-written summary · about

" chapters (10)

1. 0:00Web data visualization
2. 3:34Flash legacy and graphics
3. 7:04CSS and SVG metaballs
4. 12:24WebGL dataviz challenges
5. 17:03Three.js for 3D accessibility
6. 22:05AR.js and 3D pie charts
7. 25:53Picto-graphs intuitive viz
8. 27:16PixiJS smooth animations
9. 34:49PixiJS demos
10. 36:58Conclusion

" related talks

• 15mThe Future of Data Visualization on the WebAlan Mendelevich · You Gotta Love Frontend 2019
• 43mThe Future of Data Visualization on the WebAlan Mendelevich · NDC Oslo 2018
• 01h 08mThe quest for the graphical webVincent Hardy · Meta Refresh 2013
• 51mD3 js: Easy and flexible data visualisation using Web standardsJos Dirksen · Devoxx Belgium 2017
• 24mCreating Interactive Data Visualizations for the WebNicolas Garcia Belmonte · JSConf.eu 2010
• 48mVisual Storytelling w/D3-A Conceptual Intro to Visualizing Data w/JavaScriptR King · Philly ETE 2015
• 29m"Hand Coded Artisanal Data-Visualization"Nathan E. Lilly · Frontrunners 2024
• 33mVisualizations using SVG, Canvas, and WebGL in VueChris Fritz · Vue.js Amsterdam 2019