| Sumario: | Overview Visual Storytelling with D3 LiveLessons provides developers and designers with a hands-on introduction to D3, a powerful JavaScript library for making data visualizations on the web. Description In this video training, Ritchie starts by introducing D3: the beautiful interactive data visualizations it’s capable of creating, the reasons why it’s such a powerful library, and how to start using it. He then takes a brief, but necessary, detour to introduce Scalable Vector Graphics (SVG)—a standard for rendering graphical elements on the web that D3 works particularly well with. From there, he walks through how to construct an interactive bar chart, rendered in SVG, but built entirely with D3, starting with very basic D3 concepts and adding more and more sophistication, lesson by lesson. Finally, he covers how to strike out on your own. After watching this video, designers and developers will feel comfortable diving right in to D3 and telling elegant visual stories with web graphics. About the Instructor Ritchie S. King is a reporter and visual journalist at FiveThirtyEight.com, focusing on data visualization and interactive features. Prior to that, he occupied a similar role at Quartz (qz.com). In a previous life, he was a chemical engineer at a startup that was trying to turn wood chips and switchgrass into fuel. Though he left the world of engineering to become a journalist, he’s still into math and likes to muck with data. His stories and graphics have appeared in the New York Times , Bloomberg Businessweek , Popular Science , and IEEE Spectrum . Skill Level Beginner Intermediate What You Will Learn The tools you’ll need to use D3 How to create stunning graphics using SVG How to make an interactive chart with D3 How to build graphics based on CSV files, and other external data sources How to best take advantage of D3’s vast online community and ecosystem Who Should Take This Course Designers and visual storytellers who want to make custom interactive web graphics and developers looking to quickly get started with D3 Course Requirements Familiarity with HTML and CSS Some familiarity with JavaScript Table of Contents Lesson 1: Welcome to the World of D3 1.1 Appreciate the beauty of D3 1.2 Take a tour of D3’s code, documentation, and ecosystem 1.3 Download the tools you’ll need to use D3 Lesson 2: Scalable Vector Graphics (SVG) 2.1 Understand what SVG is 2.2 Understand the connection between SVG and D3 2.3 Make basic graphics in your brows...
|
|---|
