Visualizing data with JavaScript at Twitter

on YouTube ↗21m

" summary

Twitter Visual Insights shows actual, deployed interactives and the engineering behind them: uses 2D Canvas, WebGL, SVG and HTML chosen for element count, shape complexity and mobile load; ties State of the Union tweets to paragraph timestamps with topic analysis after 4–5 iterative prototypes in three weeks; open sources an extended multi-level agglomerative edge bundling that accounts for bundle weight and direction; World Cup and typhoon visualizations surface surprising country-relationship and geolocation patterns and prove the approaches work in production.

AI-written summary · about

" chapters (10)

1. 0:00Introduction
2. 0:52Main idea behind data visualisations
3. 1:46Data verticals
4. 2:39Government database
5. 9:23News database
6. 11:21Edge bundling
7. 13:54Interactive visualization
8. 17:33WebGL
9. 19:35Temperature anomalies
10. 20:18Key takeaways

" related talks

• 15mThe Future of Data Visualization on the WebAlan Mendelevich · You Gotta Love Frontend 2019
• 24mCreating Interactive Data Visualizations for the WebNicolas Garcia Belmonte · JSConf.eu 2010
• 01h 55mUse your data to tell storiesAstrid Belder, Charalampos Xanthopoulakis · Devoxx Belgium 2019
• 49mSaving the world with JavaScript: A Data Visualization storyMarko Letic · JS Fest 2019 Autumn
• 43mThe Future of Data Visualization on the WebAlan Mendelevich · NDC Oslo 2018
• 01h 30mCreating responsive data visualisationsGurman Bhatia · The Fifth Elephant 2020
• 05mThe Art of Data VisualizationDavid Holoboff · O'Reilly MySQL Conference & Expo 2011
• 48mData Visualization in PracticeRami Sayar · Spotlight Front-End 2014