Lessons

lesson

In this lesson, we'll begin installing the testing libraries we are to use on the client application.

Jing Chen

K

Hassan Djirdeh

lesson

This is an introduction to the work we'll be doing in Module 2.0.

Hassan Djirdeh

Jing Chen

lesson

We take a look at how to combine d3 + Svelte.js, with a complete codebase.

Amelia Wattenberger

lesson

We take a look at how to combine d3 + Angular, with a complete codebase.

Amelia Wattenberger

lesson

We wrap up by talking about how to add interactions and look at the completed code for a Timeline, Scatter plot, and Histogram.

Amelia Wattenberger

lesson

We learn an alternate, less hacky solution for creating an Axis component that lets React do all of the rendering.

Amelia Wattenberger

lesson

We take a naive approach to creating an Axis component

Amelia Wattenberger

lesson

Next, we fill out our Line component for a flexible way to draw our data.

Amelia Wattenberger

lesson

Next, we need to create our scales. We also create scaled accessor functions to pass to the children of our Timeline, so they don't need to know about our scales.

Amelia Wattenberger

lesson

We create our wrapper and bounds within our Chart component to prevent from having to repeat ourselves for every chart we create.

Amelia Wattenberger

lesson

Creating dimensions in React can be really easy! We use a custom hook for watching the size of our wrapper and automatically calculating the dimensions of our bounds.

Amelia Wattenberger

lesson

Let's consolidate what we just learned with an exercise to play with this week.

Amelia Wattenberger