Lessons
Explore all newline lessons
lesson
Adding freezingFullstack D3 MasterclassTo ease into our drawing data step, let's start by adding a circle that shows what temperatures are below freezing.
lesson
Adding gridlinesFullstack D3 MasterclassWe're going to skip step 5 and use step 6 to get our feet wet with angular math. We'll draw angular grid lines for each month, circular grid lines for temperature, and label both axes.
lesson
Getting set upFullstack D3 MasterclassWe're going to breeze through the first four steps: accessing our data, creating our dimensions, drawing our canvas, and creating our scales.
lesson
Radar Weather ChartFullstack D3 MasterclassLet's dive into a complicated data visualization: a circular chart showing overall weather for the whole year
lesson
Color scalesFullstack D3 MasterclassChoosing colors is one of the hardest parts of designing a data visualization! We talk about the three main types of color scales, and related functions that are built into d3.
lesson
Example redesignFullstack D3 MasterclassWe run through a full redesign of a chart, learning about the motivation and implementation of each change.
lesson
Chart designFullstack D3 MasterclassWe talk through a few tips & tricks that I use when designing charts.
lesson
Ways to visualize a metricFullstack D3 MasterclassWe talk about the different ways to visualize a single metric, and how to combine that with the different data types.
lesson
Types of dataFullstack D3 MasterclassWe talk about the different types of data: the main buckets of qualitative and quantitative metrics, and their sub-categorizations.
lesson
Data Visualization BasicsFullstack D3 MasterclassIt's really important that we understand the fundamentals of data visualization design, and what kind of chart to create.
lesson
Digging inFullstack D3 MasterclassWe walk through the structure of our React application, then dive into the first step of our chart drawing checklist: accessing our data