Data Sketches
SVG Courses
Create Scalable Vector Graphics that look sharp on any device. Learn about Scalable Vector Graphics (SVG) through a variety of courses and resources from Frontend Masters.
Introduction to D3.js
Build custom charts with D3.js using data binding with the enter-update-exit pattern. Learn scales and animation between different D3 layouts.
![Introduction to D3.js](https://static.frontendmasters.com/assets/courses/2020-09-25-d3/thumb.webp)
drag handle
SVG Essentials & Animation, v2
Google
Learn how to build and optimize SVG – the scalable graphics format for the web that can achieve impressively small filesizes for fast-loading websites!
![SVG Essentials & Animation, v2](https://static.frontendmasters.com/assets/courses/2019-01-14-svg-essentials-animation/thumb.webp)
drag handle
Building Custom Data Visualizations
Data Sketches
Learn visualization principles and process for building custom advanced data visualizations with D3.js and SVG with Shirley Wu.
![Building Custom Data Visualizations](https://static.frontendmasters.com/assets/courses/2018-09-11-d3-js-custom-charts/thumb.webp)
drag handle