Description
Course info
Rating
(89)
Level
Beginner
Updated
Aug 16, 2016
Duration
1h 26m
Description

D3 is an incredibly popular way to visualize data on the web, and it's being used by many web apps you use regularly, as well as data journalist and data scientists. In this course, D3: The Big Picture, you are going to learn all about D3 at a high level. This is just a high-level overview so you won't be writing any code, but that doesn't mean you won't leave with a good technical understanding of the platform. First, you're going to learn all about how D3 works. Next, you'll learn about all the concepts that make D3 so powerful. Finally, you'll see lots of fun examples to see the variety of ways in which D3 can create data visualizations. By the end this course, you'll have a great understanding of what D3 is, why it's useful, and when you should use it.

About the author
About the author

I work as a feedback mechanism for organizations and teams to help them understand what’s going on with their products and processes. I do this by collecting and organizing their data, visually exploring it, enriching it with other data and metrics, then presenting my findings using creative information design techniques. This leads to improved business performance and often sparks a data-driven culture throughout my clients organizations.

More from the author
What's New in Tableau 10
Intermediate
1h 50m
Aug 30, 2016
Force Layout Graphs in D3
Intermediate
2h 33m
Aug 29, 2016
More courses by Ben Sullins
Section Introduction Transcripts
Section Introduction Transcripts

Course Overview
Hi everyone, this is Ben from bensullins. com, and welcome to my course, D3: The Big Picture. I've been a data geek for nearly 20 years now, working to extract meaning from heaps of data, and the best way I've found to do this is through engaging data visualizations. That's why I'm excited to walk you through the most expressive way to make data visualizations on the web with D3. Now D3 is an incredibly popular way to visualize data on the web as being used by many web apps you currently use, as well as data journalists and data scientists. In this course, we're going to learn what is D3 all about, how D3 works, all the concepts that make D3 so powerful, and we'll go through lots of fun examples to see the variety of ways that D3 is used throughout the web. By the end of this course you'll have a great understanding of what D3 is, why it's useful, and when you should use it. Now this is just a high-level course, so we won't be writing any code here, but that doesn't mean you won't leave with a good technical understanding of the platform. I hope you'll join me on this journey to learn D3: The Big Picture, with this course at Pluralsight.

Introducing D3
Hi, this is Ben with bensullins. com, and welcome to this course, D3: The Big Picture. In this module we're going to go over introducing D3. First, we're going to talk about different JavaScript charting libraries, the more popular ones out there on the web, we'll go into a definition of D3, go through kind of the history, and how D3 came about, then we'll look at some examples of D3, we'll actually dig in and I'll show you some code. We're not actually going to be coding in this course, but I want to show you the differences in how D3 actually works functionally. And lastly, like every module, I'll have some additional links where you can dive deeper into the different topics we covered in that module. Alright, let's get going.

Understanding D3 Concepts
Hi, this is Ben with bensullins. com, and welcome to this module, D3 Concepts. We're going to get started here, just talking about an overview of the concepts, then we'll get into each one. So we'll start with selections, what those are, how those work. The dynamic functions we use in D3, and the dynamic nature of D3. Real-time updating and why that's such an important part of why D3 is so amazing. Get into animations and interactivity to finish it off, and these will show us kind of why D3 is so engaging, and part of the reason why it's so popular. Let's get started.

Understanding Why to Use D3
Hi, this is Ben with bensullins. com, and welcome to this module, Understanding Why to Use D3. There are three things we're going to talk about here. First, we're going to look at compatibility and D3's compatibility with modern web browsers and mobile devices. Then we'll talk about flexibility, and kind of why D3 is so flexible and why it's such an attractive option for many web app developers. Then we'll get into performance and scale. There's some challenges here, and it's important to understand them now so that if you do go down this route, there's going to be some things that you're going to think about in terms of your strategy of how to actually deploy D3. Let's get started.

Using D3 in Real Life
Hi, this is Ben with bensullins. com, and welcome to this module, Using D3 in Real Life. We're going to start by looking at arguments for and against D3. I'm going to compare D3 to a typical BI tool, that's a business intelligence tool, things that do similar things to D3, but there's definitely different use cases here. So, after we do the arguments we'll talk about the use cases, then we'll go through 3 popular examples to use D3, a web app, where it's actually embedded into the product, a data journalism example, in fact where D3 was born from with Mike Bostock working at the New York Times, and lastly a data science example. Let's get started.

Architecting D3
Hi this is Ben with bensullins. com, and welcome to this module, Architecting D3. Here we're going to start by talking about an overview of the D3 library, we'll look at the different components of it, and all the different functions that are in there, there's literally hundreds, so we're not going to go into each one, just kind of the high-level categories in the library. Then I'll take a look at SVG elements, and break down what an SVG element is, why we use them, and kind of what their effect is on HTML. So, in the end we'll take a look at an example of D3 and what it does to our web page when it actually is rendered and when we move things around on the page using some animations. Let's get started.