Using paths in Canvas

D3 builds SVG paths for us. How can we use it in a canvas context? Let's make a donhut chart.

Members only

4 minutes read

We've seen how powerful D3 is for transforming a dataset into an SVG path. For example, give it a radius and angle, and it can easily generate an arc path.

But how can we use this same data to draw the shape with canvas? Let's explore.

Oh no! 😱

This lesson isn’t available just yet.

Take a look at the status badges next to each lesson in the sidebar to see when it’s coming out.

Thanks for your patience! 🙏

← Previous

Combining SVG and Canvas

Hover effect