WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
WeAreDevelopers LIVE β€’ Dec 1, 2020

Web-based Information Visualization

Johanna Schmidt

Are your SVG web charts bottlenecking browser performance or leaking sensitive raw data? Master visual aggregation and secure data decoupling to build presentation-ready JavaScript visualizations.

Pause
Mute Enter Fullscreen
#1 about 4 min

Bridging university concepts and industry needs via visual analytics

Applied research in visual analytics bridges theoretical university concepts with industry needs for temporal data.

#2 about 7 min

The importance of visual representation in data analysis

Plotted visual information reveals distinct data characteristics that identical statistical parameters completely obscure.

#3 about 4 min

Mapping abstract data attributes into geometric visual configurations

Creating intuitive visualizations requires carefully mapping raw data values to appropriate geometric attributes and colors.

#4 about 4 min

Comparing standalone visualization applications with programmatic charting libraries

The landscape of standalone business intelligence applications contrasts sharply with programmatic charting libraries for the web.

#5 about 7 min

Integrating visual elements using SVG and HTML canvas

Standard vector graphics naturally support interaction events while HTML canvas elements enable advanced rendering performance.

#6 about 4 min

Building interactive data visualizations using the D3.js library

Developers can connect data points directly to intricate user interfaces using specialized JavaScript layout libraries.

#7 about 10 min

Evaluating charting libraries for exploratory analysis and presentation

Selecting an appropriate component library depends on evaluating its flexibility against exploratory or presentation-focused goals.

#8 about 7 min

Handling large datasets and security risks in web clients

Aggregation techniques mitigate browser rendering limits while cautious payload design prevents unintended client-side data exposure.

Matching moments

3:07 min

Rendering visual data with web components and Chart.js

AndrΓ© Dietrich AndrΓ© Dietrich +1 Β· Europe 2026 Virtual

1:49 min

Selecting backend web frameworks and internal visualization tooling

Kateryna Hrytsaienko Β· LIVE

5:56 min

Rendering high-performance data visualizations in web browsers

Chris Heilmann +3 Β· LIVE

5:05 min

Identifying scenarios where JavaScript remains an essential tool

Aaron T. Grogg Β· Coffee With Developers

4:19 min

Exploring community-built data analysis tools and visualizations

Chris Heilmann +2 Β· LIVE

7:31 min

Resolving overplotting and color saturation issues in dense visualizations

Radovan KavickΓ½ Β· LIVE

More from WeAreDevelopers LIVE

WeAreDevelopers LIVE - Is CSS Catching Up to Flash? thumbnail
1:03:33
8 days ago

WeAreDevelopers LIVE - Is CSS Catching Up to Flash?

Chris Heilmann, Daniel Cranney, Bramus Van Damme

WeAreDevelopers LIVE - Project Chopin: Make Your Team and Agents Play Along thumbnail
1:21:17
15 days ago

WeAreDevelopers LIVE - Project Chopin: Make Your Team and Agents Play Along

Chris Heilmann, Daniel Cranney, Krzysztof CieΕ›lak

Fake or News - AI Toothbrushes, Carrier Pigeon Tech & Life on Mars - Krzysztof Cieślak thumbnail
4:23
17 days ago

Fake or News - AI Toothbrushes, Carrier Pigeon Tech & Life on Mars - Krzysztof Cieślak

Chris Heilmann, Daniel Cranney

WeAreDevelopers LIVE - Open Source Agent Toolkits thumbnail
1:00:38
22 days ago

WeAreDevelopers LIVE - Open Source Agent Toolkits

Chris Heilmann, Daniel Cranney, Eddie Jaoude

Fake or News - AI Music Detectors, Translating Ancient Languages & Tiny Heads in Teslas - Eddie Jaoude thumbnail
6:16
24 days ago

Fake or News - AI Music Detectors, Translating Ancient Languages & Tiny Heads in Teslas - Eddie Jaoude

Chris Heilmann, Daniel Cranney

Fake or News: AI Agents Hire Each Other, Spider-Man Ads in Cars & RAM Thieves - Marc Plogas thumbnail
5:46
29 days ago

Fake or News: AI Agents Hire Each Other, Spider-Man Ads in Cars & RAM Thieves - Marc Plogas

Chris Heilmann, Daniel Cranney, Marc Plogas

Upcoming sessions on this topic

Open session

World Congress 2026 North America

September 23, 2026 Β· 13:00–13:30

Stage 2

Build Interactive Copilot Experiences with Canvas Extensions

James Clancey

Principal Product Manager at GitHub

James Clancey
Open session

World Congress 2026 North America

September 24, 2026 Β· 12:50–13:20

Stage 7

Architecting Agentic Apps: WebMCP, A2UI, and Agent Experience

Ankita Sood

Sr. Principal Engineer @ Secureworks | Angular GDE

Ankita Sood
Open session

World Congress 2026 North America

September 25, 2026 Β· 15:30–16:00

Stage 6

Small LLM in your Browser: Huge Opportunities for Web Applications

Daniel Ostrovsky

UI/UX Architect at Payoneer | AI Architect | Full Cycle Development Expert | Public Speaker | Open Source Contributor |

Daniel Ostrovsky
Open session

World Congress 2026 North America

September 24, 2026 Β· 14:10–14:40

Stage 3

Real-Time Data Platforms at Trillion-Event Scale

Diptamay Sanyal

Principal Engineer | Data, AI & Cybersecurity Platforms

Diptamay Sanyal
Open session

World Congress 2026 North America

September 24, 2026 Β· 10:20–10:50

Stage 1

The Browser Is Becoming an AI Runtime

Ajit Varma, Will Bryk, Julia Love

Ajit Varma
Will Bryk
Julia Love
Open session

World Congress 2026 North America

September 25, 2026 Β· 16:10–16:40

Stage 2

Beyond SQL Generation: How to Teach Agents What Your Database Actually Means

Kris Jenkins

Host / Developer Voices

Kris Jenkins

Related videos

Can SVG be fast? Rendering a scatter chart with over 10k points thumbnail
7:42
World Congress 2026 Europe β€’ 3 months ago

Can SVG be fast? Rendering a scatter chart with over 10k points

Bernardo Belchior

WeAreDevelopers LIVE – From JavaScript to WebAssembly, High-Performance Charting and More thumbnail
1:09:56
LIVE β€’ 8 months ago

WeAreDevelopers LIVE – From JavaScript to WebAssembly, High-Performance Charting and More

Chris Heilmann, Daniel Cranney, Andrew Burnett-Thompson, David Burleigh

Python Data Visualization @ Deepnote (w/ PyViz overview) thumbnail
50:38
LIVE β€’ over 5 years ago

Python Data Visualization @ Deepnote (w/ PyViz overview)

Radovan KavickΓ½

Giving AI eyes: How to build a dashboard you can't see thumbnail
27:04
World Congress 2026 Europe β€’ 3 months ago

Giving AI eyes: How to build a dashboard you can't see

Josh Hobson

A journey of a long list in React thumbnail
43:08
World Congress 2021 β€’ about 5 years ago

A journey of a long list in React

Adam Klein

WeAreDevelopers LIVE - The Shape of SVG to Come! thumbnail
59:56
LIVE β€’ 3 months ago

WeAreDevelopers LIVE - The Shape of SVG to Come!

Chris Heilmann, Daniel Cranney, Lionel PΓ©ramo

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.