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 - Project Chopin: Make Your Team and Agents Play Along thumbnail

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 Cieślak thumbnail

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

Chris Heilmann, Daniel Cranney

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

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

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

Chris Heilmann, Daniel Cranney, Marc Plogas

WeAreDevelopers - Of Agents and Robots thumbnail

WeAreDevelopers - Of Agents and Robots

Chris Heilmann, Daniel Cranney, Marc Plogas

WeAreDevelopers LIVE - How DevRel Makes Tech More Human thumbnail

WeAreDevelopers LIVE - How DevRel Makes Tech More Human

Chris Heilmann, Daniel Cranney

Upcoming sessions on this topic

World Congress 2026 North America

September 23, 2026 · 14:20–14:50

Stage 2

Build Interactive Copilot Experiences with Canvas Extensions

James Clancey

Principal Product Manager at GitHub

James Clancey

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

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

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

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

Ajit Varma

Will Bryk

World Congress 2026 North America

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

Stage 6

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

World Congress 2026 Europe • 2 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

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

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

World Congress 2026 Europe • 2 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

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

LIVE • 3 months ago

WeAreDevelopers LIVE - The Shape of SVG to Come!

Chris Heilmann, Daniel Cranney, Lionel Péramo

Related articles

EM

Eli McGarvie

Top 7 JavaScript Charting Libraries

If you’re a web designer or content creator, data visualisation is something you probably think about a lot. When you’re dealing with interesting data you want to be able to communicate that in a v...

over 3 years ago

different chart library logos

S

SciChart

The Fastest JavaScript Charts - Built for React and Beyond

For most developers, browser charting works fine — until it doesn’t. Once you push beyond tens of thousands of points, add live streaming, or need advanced interactions, the story changes: frame dr...

11 months ago

SciChart

DC

Daniel Cranney

The Overflow: 5 Tools for Working with SVGs

In last week’s edition, we looked at tools for working JSON and so this week we’re pivoting to something a little more visual, with tools for scalable vector graphics (or SVGs to you and me). As al...

6 months ago

The letters SVG in SVG format, with a color picker UI element

CH

Chris Heilmann

Dev Digest 139 - Soft and hard queries

News and ArticlesLet's start with Amelia Wattenberger's excellent essay Bridging the hard and the soft talking about humans and data. Do you sometimes also miss aspects of the early web like a lack...

almost 2 years ago

Dev Digest 139 - Soft and hard queries

From learning to earning

Jobs that call for the skills explored in this talk.

20 days ago • Verified

Sr Data Analyst

Expert Remote Tableau PostgreSQL Data analysis

Senior Software Engineer, Angular

Barcelona, Spain

Remote Backend Caching ReactJS

GIS Web AI Developer

Hartford, WI, United States

Expert $77k–202k Data Analysis Software Suite Data Management

about 1 month ago

Senior Design Engineer

San Francisco, CA, United States

Expert $329k HTML Figma Github

about 1 month ago

Senior AI Frontend Engineer

TeamViewer Germany GmbH,

Austin, TX, United States

Expert ReactJS TypeScript Material UI

GIS Web AI Developer, Senior Associate

Portland, OR, United States

Expert $77k–202k Data Analysis Software Suite Data Management