SVG Essentials & Animation, v2 Creating a Story Exercise

Learning Paths:

Data Visualization with D3.js
CSS
Design to Code

Topics:

Creative Coding
SVG

Sarah Drasner

Google

Transcript from the "Creating a Story Exercise" Lesson

[00:00:00]
>> Sarah Drasner: So we can put all of these things that we just learned about together to tell a story. Let's do an exercise. Combine two of the effects that we just learned to tell a simple story with SVG animation. Use either DrawSVG and Motion Along a Path or DrawSVG in Split Text or HSL, things like that.

[00:00:21] We should probably give you 15 minutes for that and then finish up the class from there.

Sarah instructs students to use two elements from the previous section to tell a simple story with SVG animation.