Quartzcode svg import6/12/2023 ![]() Grades will be determined based on the following breakdown:Īttendance in all classes is mandatory. 'Envisioning information’ by Edward Tufte ‘The Visual Display of Quantitative Information’ by Edward Tufte * Week 4: Track locations about places you goįrom week 5 to week 7, students will learn technologies related to larger dataset and work on their final projects. * Week 3: Record audios about sound you listen * Week 2: Take photos about people or things you see * Week 1: Capture data about stuff you eat or drink in text In the first 4 weeks, students will capture one data series per week, sketch out the data in paper as Monday assignment learn some related computer technology, and sketch out the same data in code as Wednesday assignment. There are 4 assignments and 1 final project in this course. * Students will explore online data through APIs. * Students will learn basic technologies of capturing and visualizing data. * Students will understand data compositions behind objects. Student projects can be digital, physical, visual, musical, or (with approval) take any form imagined. Students will learn basic techniques for data collection and filtering. However, what kinds of data are meaningful to us? How do we capture and collect that data? What are the best ways to present it? What stories do we want to tell with data? This course will explore these questions and more. Human beings are producing, consuming and sharing data at any given moment. I’m teaching a 7-week class at NYU Shanghai called ‘Expressing Data’. Here is a version of the full animation made in After Effects. It has been a great collaboration experience with the design team at Maple. Also, if one path animated more than once overtime, you better duplicate it, since when you apply an ease or custom animation, it applies to the whole lifespan of the path, which is very annoying. Overall it works, however, there are some small issues always bug me, such as, it’s not allowed to move multi paths on the timeline at the same time. ![]() ![]() ![]() QuartzCode’s interface is very simple, it reminds me of Flash sometimes. BodyMovin is still in beta, one issue I experienced is that, when one path transforming into anohter, both paths should have the same number of anchor point, otherwise, the BodyMovin will fail.įor iOS version, I used QuartzCode. After reviewing the designs and feeling their passion of perfection, I took the challenge.įor the web version, I chose After Effects with BodyMovin ( a plugin which export shape animation into svg graphics ). The animation needs to be created by vector graphics, meaning SVG in web and CoreAnimation in iOS. A month ago, Maple asked me whether I can make a simple line animation for both their website and iOS. ![]()
0 Comments
Leave a Reply. |