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

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

1:20 min

Identifying performance bottlenecks in large data scatter charts

Bernardo Belchior Bernardo Belchior · WWC Europe 2026

More from WeAreDevelopers LIVE

Aliens in Quarantine, Python Deprecates Loops, and AI Buys Old Books - Zbyszek Tenerowicz thumbnail
5:43
5 days ago

Aliens in Quarantine, Python Deprecates Loops, and AI Buys Old Books - Zbyszek Tenerowicz

Chris Heilmann, Daniel Cranney

WeAreDevelopers LIVE - Node and Package Security thumbnail
1:08:30
5 days ago

WeAreDevelopers LIVE - Node and Package Security

Chris Heilmann, Daniel Cranney, Zbyszek Tenerowicz

WeAreDevelopers LIVE - Streaming HTML thumbnail
1:10:26
12 days ago

WeAreDevelopers LIVE - Streaming HTML

Chris Heilmann, Daniel Cranney, Jad Joubran

WeAreDevelopers LIVE - CODE100 at WeAreDevelopers Europe thumbnail
1:02:34
19 days ago

WeAreDevelopers LIVE - CODE100 at WeAreDevelopers Europe

Chris Heilmann, Daniel Cranney, Justin Halsall, Werner Jeschko, Nicole Jeschko, Mirco Tomić

WeAreDevelopers LIVE - Web Performance in an AI World thumbnail
1:07:59
26 days ago

WeAreDevelopers LIVE - Web Performance in an AI World

Chris Heilmann, Daniel Cranney

FIFA Hack, Midjourney Does Ultrasounds, and Trampoline Traffic Lights - Nicole Jeschko and Werner Jeschko thumbnail
5:55
about 2 months ago

FIFA Hack, Midjourney Does Ultrasounds, and Trampoline Traffic Lights - Nicole Jeschko and Werner Jeschko

Chris Heilmann, Daniel Cranney

Upcoming sessions on this topic

Open session

World Congress 2026 North America

Architecting AI in Angular: WebMCP, A2UI, and the Agent Experience

Ankita Sood

Sr. Principal Engineer @ Secureworks | Angular GDE

Ankita Sood
Open session

World Congress 2026 North America

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

Fast by Design: A Masterclass in High-Performance Web Engineering

Aaron Grogg

Senior web developer, committed to improving the user experience by improving web performance

Aaron Grogg
Open session

World Congress 2026 North America

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

Kris Jenkins

Lead Developer Advocate at Snowflake

Kris Jenkins
Open session

World Congress 2026 North America

Secure-by-Inclusion: Preventing Accessibility Barriers from Becoming Security Vulnerabilities

Radostina (Ina) Tsvetkova

Norwegian Directorate of Labour and Welfare (NAV), Senior Advisor in Digital Accessibility and Inclusive Design

Radostina (Ina) Tsvetkova
Open session

World Congress 2026 North America

Beyond Vibe Coding: Using CLI Tools as Your AI Counterpart in Pair Programming

Ron Veen

Java enthusiast and Special agent for Team Rockstars IT

Ron Veen

Related videos

Can SVG be fast? Rendering a scatter chart with over 10k points thumbnail
7:42
WWC Europe 2026 • about 1 month 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 • 6 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
WWC Europe 2026 • about 1 month 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
WWC 2021 • about 5 years ago

A journey of a long list in React

Adam Klein

React and the power of visualisation thumbnail
40:19
LIVE • over 5 years ago

React and the power of visualisation

Daisy Muyldermans

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.