0% completed

Overview

Introduction Understanding D3 & Data Visualization

SVG Basics

Getting to Know SVG Basic Shapes in SVG Paths Quiz: SVG

D3 Fundamentals

Adding D3 Selections Appending Elements Transformation Methods Classes and Styles Joining Data The Enter Selection The Exit Selection Displaying Data Enter, Update, and Exit The Update Pattern Loading Data Externally Quiz: Fundamentals

Drawing a Scatter Plot

Drawing the Image

Accessor Functions

Understanding Scales

Applying Scales to Visualizations

Refining Scales

Refining the X-axis

Flipping the Y-axis

Refining the Axis Ticks

Quiz: Scatter plot

Scales

Continuous vs. Discrete

The ‘scaleLinear()’ Scale

Introduction to Heatmaps

Drawing the Heatmap

Colors with a Linear Scale

The ‘scaleQuantize()’ Scale

The ‘scaleQuantile()’ Scale

The ‘scaleThreshold()’ Scale

Quantize vs. Quantile vs. Threshold

Understanding the Log Scale

The ‘scaleLog()’ Scale

Animations & Interactivity

Introduction to Animations & Interactivity What is a Histogram?Preparing the Histogram Understanding the Problem Creating Bins Histogram Finishing Touches Changing Metrics with Events Updating the Chart Transitions Understanding the Problem Fixing the Transition Fixing the Exit Transition Tweaking the Bars and Labels Adding the Mean Adding a Tooltip Mouse Events Formatting Understanding the Voronoi Diagram Creating a Voronoi Diagram Fixing the Voronoi Diagram Quiz: Animations & Interactivity

Even More Charts!

What's next Preparing the Line Chart Time Scales & Parsing Line Generator Adding an Axis Preparing the Tooltip Understanding Bisectors Custom Bisectors Finishing the Tooltip Getting Started with Pie Charts Drawing Arcs Understanding Ordinal Scales Using Ordinal Scales Adding Labels Fixing the Pie Chart Preparing the Stacked Bar Chart The Stack Function Band Scales Drawing the Stacked Bars Drawing the Axis Finishing Touches Responsive Charts Quiz: Even more charts!

Conclusion

Final Thoughts Setting up your Editor Appendix

Master D3.js for Data Visualization/

...

/

Summary

Summary

Let's review everything we've learned thus far about scales and data.

We'll cover the following...

- Main takeaway

In this section, we explored various scales for drawing charts. Every scale has its use, and we encountered scenarios that required different scales. What might work for one chart might not work for another. ...