Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

The Language of Shapes - Understanding the SVG Path

React Conferences by GitNation via YouTube

Overview

Explore the intricacies of SVG paths in this 31-minute conference talk from React Summit 2020. Dive deep into the language of SVG paths, learning to read and manipulate path data using React. Discover the benefits of SVG, including its style-ability, accessibility, and animation potential. Follow along as the speaker demonstrates how to edit paths programmatically, eliminating the need for design software. Gain insights into pseudocode, interactive tools, data visualization, drag handlers, curves, and D3 animation. Conclude with valuable resources, performance considerations, limitations, and tools for working with SVG, including morphing techniques. Enhance your understanding of this fundamental building block of SVG and unlock new possibilities for creating dynamic, scalable graphics in your React projects.

Syllabus

Introduction
The Path
Introducing an Edit
Pseudocode
Code
Interactive Tool
Data to Visual
Pseudo Code
Drag handlers
Curves
D3 Animation
Conclusion
Resources
Performance
Limitations
Resources and Tools
SVG Tools
SVG Morphing
Sources

Taught by

React Conferences by GitNation

Reviews

Start your review of The Language of Shapes - Understanding the SVG Path

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.