Web-based data visualization on mobile devices

on YouTube ↗28m

" summary

Claims that web visualizations are viable on phones and tablets with concrete recipes: use D3/BL.ocks.org examples work on mobile but make layouts responsive via bootstrap grid + SVG viewBox preserveAspectRatio, choose Canvas or WebGL when redraw speed or battery matters, and handle touch with invisible touch areas or always‑on tooltips. Uses geolocation to pick a home region, debounces resize with underscore, shows a working device‑orientation globe demo, and reports a native touch‑wave prototype that successfully demonstrated multi‑finger deformation.

AI-written summary · about

" chapters (7)

1. 0:00Start
2. 5:16DESKTOP VS MOBILE
3. 9:04SCREEN SIZE?
4. 9:26RESPONSIVE WEB VIS
5. 12:37RWD DETAILS DEBOUNCE WHEN REDRAWING
6. 22:01INTERACTION HACKS INVISIBLE TOUCH AREAS
7. 24:59JSULTI-TOUCH/GESTURAL INTERACTIONS

" related talks

• 01h 30mCreating responsive data visualisationsGurman Bhatia · The Fifth Elephant 2020
• 43mThe Future of Data Visualization on the WebAlan Mendelevich · NDC Oslo 2018
• 15mThe Future of Data Visualization on the WebAlan Mendelevich · You Gotta Love Frontend 2019
• 13mScott Murray (USF) interviewed at Fluent 2014Scott Murray · Fluent 2014
• 24mCreating Interactive Data Visualizations for the WebNicolas Garcia Belmonte · JSConf.eu 2010
• 49mSaving the world with JavaScript: A Data Visualization storyMarko Letic · JS Fest 2019 Autumn
• 37mPainting with DataRichard Westenra · FrontCon 2019
• 06mCross-Platform Data Visualization with React and React NativePeggy Rayzis · React Conf 2017