D3.js Data Visualization Fundamentals

D3.js gives you great flexibility on how to visualize your data on the web. This course will help you master D3 conceptually and practically in order to produce meaningful interactive charts and visual tools.
Course info
Rating
(37)
Level
Intermediate
Updated
May 30, 2019
Duration
3h 29m
Table of contents
Course Overview
Covering the Basics
Shaping the Data
Drawing a Bar Chart with Data
Making a Scatter Plot and a Line Chart
Updating Data
Updating Your Bar Chart Data
Adding Interactivity
Working with Hierarchical Layouts
The Reusable Module Pattern
Description
Course info
Rating
(37)
Level
Intermediate
Updated
May 30, 2019
Duration
3h 29m
Description

D3.js is a deep and flexible library that allows you to visualize your data on the web. It provides you with a set of useful tools to turn your data into bespoke, dynamic, and interactive visualizations. In this course, D3.js Data Visualization Fundamentals, you’ll learn to build the visual displays that best represent your data and ideas with D3. First, you’ll explore D3's key concepts. Then, you'll learn about how D3 binds data to graphical elements and how this helps you to build out any imaginable graphical representation of your data. Next, you’ll discover how to make your charts dynamic and how to add interactivity to your visuals to let your users explore the data. Finally, you'll delve into structuring your code in a configurable and reusable form by writing your own small charting library, allowing you to reuse your designs. When you’re finished with this course, you’ll have the D3 skills and knowledge needed to build your bespoke and interactive visualizations on the web.

About the author
About the author

Lars has been modeling and visualizing data for 20 years. He works as an independent data visualization designer and developer, focusing on interactive displays built with web technologies - mainly Javascript/D3 and Canvas.

Section Introduction Transcripts
Section Introduction Transcripts

Course Overview
Hey everyone. My name is Lars Verspohl, and welcome to my course, D3.js Data Visualization Fundamentals. I'm an independent data visualization designer and developer at Datamake, building usually interactive and bespoke visualizations, stories, and tools. I've been using D3 on a day-to-day basis for many years, and I'm very happy doing so as it has all tools you'd need to build bespoke and expressive visualizations fast. D3 is a broad but flexible open-source JavaScript library that helps utilize your data. It doesn't do it all for you, but gives you a lot of control to draw data as you wish or require. In this course, we'll be covering the fundamentals of visualizing data with D3 conceptually and practically. Great if you have some prior knowledge in web technologies, like mainly HTML, JavaScript, but no prior D3 experience is required. We'll start with looking at what D3 is and how it can help you. We'll be covering data shaping and transformation with D3 and JavaScript, a natural starting point for any data visualization project. You'll learn how to draw with D3 using Scalable Vector Graphics, or SVG, to give shape to your data and how D3 establishes a link between your data and graphical elements with its data binding concept. From here, we'll draw classic charts like, for example, bond line charts and see how we can use built-in data layouts to draw more specialized graphics like circle packings, tree maps, and trees. One focus will be on how to visualize state changes with animated transitions and how to add interactivity to allow user exploration. By the end of this course, you'll be fully equipped with all means to build your own interactive data visualizations on the web. I hope you'll join me on this journey to learn D3 with the D3.js Data Visualization Fundamentals course, at Pluralsight.