Data Visualize Data with D3.js The Easy Way

Course Curriculum

Chapter 1: Introduction

Lecture 1: Important – Download These First – Working Files

Lecture 2: Introduction To Data Visualization With D3

Lecture 3: What You Will Need

Lecture 4: Setting Up Your Development Environment

Lecture 5: Using The Project Template

Lecture 6: Reading The D3 Documentation

Lecture 7: How To Access Your Working Files

Chapter 2: Javascript Essentials

Lecture 1: Reviewing Arrays And Objects

Lecture 2: Using The Map And Filter Array Methods

Lecture 3: Using Special D3 Array Functions

Chapter 3: Creating A Simple Bar Chart

Lecture 1: Creating The SVG Element Programatically

Lecture 2: Creating Bars From Data

Lecture 3: Scaling Data

Lecture 4: Styling The Bars With CSS

Lecture 5: Adding Text To The Chart

Lecture 6: Adding Flexibility With A Chart Function

Lecture 7: Using SVG Groups

Chapter 4: Creating A Complex Bar Chart

Lecture 1: Working With Arrays Of Objects

Lecture 2: Creating An Ordinal Scale

Lecture 3: Setting Color With Color Scales

Lecture 4: Adding X And Y Axes

Lecture 5: Flipping The Axes

Lecture 6: Adding Gridlines

Lecture 7: Rotating The X Axis Text

Lecture 8: Adding Axis Labels

Lecture 9: Updating The Plot Function With Best Practices

Chapter 5: Making The Chart Interactive

Lecture 1: Adding A Sort Button To The Webpage

Lecture 2: Sorting Data

Lecture 3: Updating The Chart With Changes In Data

Lecture 4: Updating The Axes With Changes In Data

Lecture 5: Animating Changes In Data

Lecture 6: Responding To Other Mouse Events

Chapter 6: Creating A Line Chart

Lecture 1: Working With Dates

Lecture 2: Plotting Time Data

Lecture 3: Formatting A Time Scale Axis

Lecture 4: Drawing A Path

Lecture 5: Shading An Area Of The Chart

Lecture 6: Exploring Path Options And Styling

Chapter 7: Creating A Scatter-Plot

Lecture 1: Scatterplot Overview

Lecture 2: Examining The Data

Lecture 3: Plotting The Data

Lecture 4: Creatively Scaling The Data Points

Lecture 5: Plotting Groups Of Data Points

Lecture 6: Adding The Y Axis And Gridlines

Lecture 7: Adding The X Axis And Gridlines

Lecture 8: Styling The Data Categories

Lecture 9: Adding Interactivity – Data Detail

Lecture 10: Adding Interactivity – Chart Key And Labels

Lecture 11: Loading External CSV Data

Chapter 8: Conclusion

Lecture 1: 0801 Wrap Up