Johanna Schmidt
Web-based Information Visualization
#1about 8 minutes
Why information visualization is essential for data analysis
Visualizing data is crucial because humans interpret images better than numbers, as demonstrated by Anscombe's Quartet where identical statistics hide vastly different datasets.
#2about 6 minutes
The process of mapping data to visual attributes
Data mapping is the core process of converting data attributes into visual representations like position, size, shape, and color to create effective charts.
#3about 4 minutes
A survey of visualization tools and libraries
An overview of the visualization landscape covers fully-featured applications like Tableau and Power BI, as well as programming libraries for Python, R, and JavaScript.
#4about 6 minutes
Using SVG and Canvas for web visualizations
Web-based visualizations are primarily built using SVG for its vector graphics and native interactivity, while Canvas offers more complex drawing capabilities with WebGL.
#5about 4 minutes
A closer look at the D3.js library
D3.js is a powerful and flexible open-source JavaScript library that binds data to DOM elements, enabling a wide range of custom and interactive visualizations.
#6about 10 minutes
Choosing tools for analysis versus presentation
Data visualization serves different use cases like exploration and presentation, and a comparative study shows how tools like D3.js excel at flexible presentation.
#7about 5 minutes
Overcoming challenges of data size and security
Web-based visualizations must address performance issues with large datasets through aggregation and sampling, and handle the security implications of client-side data transfer.
#8about 1 minute
Key takeaways for effective web-based visualization
To succeed with web-based visualization, it is crucial to know your users and use case, carefully select the data to be shown, and leverage open-source libraries.
Related jobs
Jobs that call for the skills explored in this talk.
WALTER GROUP
Wiener Neudorf, Austria
Intermediate
Senior
Python
Data Vizualization
+1
Hubert Burda Media
München, Germany
€80-95K
Intermediate
Senior
JavaScript
Node.js
+1
Douglas GmbH
Düsseldorf, Germany
Intermediate
Senior
TypeScript
React
Matching moments
03:16 MIN
Improving the developer feedback loop with specialized tools
Developer Time Is Valuable - Use the Right Tools - Kilian Valkhof
02:33 MIN
Why you might not need JavaScript for everything
WeAreDevelopers LIVE – You Don’t Need JavaScript, Modern CSS and More
03:31 MIN
The value of progressive enhancement and semantic HTML
WeAreDevelopers LIVE – You Don’t Need JavaScript, Modern CSS and More
01:54 MIN
The growing importance of data and technology in HR
From Data Keeper to Culture Shaper: The Evolution of HR Across Growth Stages
05:28 MIN
The origin story of the Polypane developer browser
Developer Time Is Valuable - Use the Right Tools - Kilian Valkhof
08:07 MIN
Exploring modern JavaScript performance and new CSS features
WeAreDevelopers LIVE – AI, Freelancing, Keeping Up with Tech and More
11:32 MIN
The industry's focus on frameworks over web fundamentals
WeAreDevelopers LIVE – Frontend Inspirations, Web Standards and more
03:58 MIN
Making accessibility tooling actionable and encouraging
Developer Time Is Valuable - Use the Right Tools - Kilian Valkhof
Featured Partners
Related Videos
Uncharted Territories of Web Performance - Andrew Burnett-Thompson and David Burleigh
Andrew Burnett-Thompson & David Burleigh
Python Data Visualization @ Deepnote (w/ PyViz overview)
Radovan Kavický
The Art and Craft of Type Development
Michael Hladky & Stefan Baumgartner
Web development best practices in 2021
Laurie Voss
Vision for Websites: Training Your Frontend to See
Daniel Madalitso Phiri
React and the power of visualisation
Daisy Muyldermans
Data Mining Accessibility
Karl Groves
Catching up on the basics you don't really need that much code
Chris Heilmann
Related Articles
View all articles



From learning to earning
Jobs that call for the skills explored in this talk.

Visonum GmbH
Remote
Junior
Intermediate
React
Redux
TypeScript


Porsche Lizenz- und Handelsgesellschaft mbH & Co. KG
Amazon Web Services (AWS)


Initialize IT
Charing Cross, United Kingdom
Senior
API
React
Python
Next.js
Tableau
+4

Initialize IT
Uxbridge, United Kingdom
Remote
£118-153K
Senior
API
React
Python
+6

Data Analytics And Visualisation Ltd
Rickmansworth, United Kingdom
Remote
£35-42K
API
Azure
Scripting (Bash/Python/Go/Ruby)

Open Partners
Manchester, United Kingdom

Espritek
Canton of Ivry-sur-Seine, France