Packt Publishing – Mastering D3.js

Packt Publishing – Mastering D3.js

Master the art of creating interesting and effective data visualizations with D3.js

Master the art of creating interesting and effective data visualizations with D3.jsAbout This Video

Watch a real data visualization grow from nothing to something awesome right before your eyes

Scrape data from the web and learn to process it effectively to build a great app

Master D3.js with real-world code samples, tips and tricks, and hard-earned lessons about clean code

In Detail

Everyone collects data, but few ever understand their data. That’s because they need a graph or a diagram to force them to notice what they never expected to see. Data is useless without a picture and D3.js is the workhorse of turning data into pictures. Most charting libraries on the Web rely on it.

Mastering D3.js will show you everything that goes into a data visualization from start to finish. You will learn about the details of using D3.js, structuring and debugging your code, and the logic behind data visualization.

You will start the course with some data and a goal. You will then be guided on the quest of turning that data into an interactive picture for the Web. Following the example, you will master D3 layouts, learn about adding animations and user interaction to make your visualization responsive, scrape more data when needed, and learn about making pretty maps. You will learn to use libraries such as Bootstrap, Figue, and Lo-dash to add those extra features. If an obstacle appears, you will conquer it. Finally you’ll learn to debug your code and learn the best practices of this trade. You’ll also see some interesting examples of good
visualization and information design.

When you finish the course, you will have mastered data visualization with D3.js. You will be an expert!

Get Packt Publishing – Mastering D3.js At tenco.pro

Course Curriculum

Layouts

• What Are Layouts? (3:15)
• Pie Charting Manually (4:29)
• Using a Layout (3:01)
• Default D3.js Layouts (4:48)

Creating Layouts

• Sketching Out the Idea (3:59)
• Making Our Code Reusable (8:27)
• Final Tweaks (3:54)

Data Manipulation

• Getting the Raw Dataset (3:58)
• Parsing and Cleaning the Data (7:25)
• Scope and Functional Style Coding (8:13)

Geography

• Drawing a Map (5:37)
• Adding Data to a Map (6:35)
• Geo Data (11:09)

Creating Animations

• Housekeeping (2:36)
• Animating with Timers (7:35)
• Delta-based Animations (3:04)
• Transitions and Easing (7:49)

Interactivity

• Improving the Main Animation Loop (8:07)
• User Animation Controls (8:26)
• More Interactions (5:27)rt
• Making the Visualization Responsive (8:59)

Debugging and Best Practices

• Structuring Your Code (6:45)w
• Debugging the D3.js Code (6:39)t
• Helpful Libraries (4:54)

Visualization Design Primer

• How to Approach a Visualization (5:01)
• Going from meh to wow (5:49)
• Some of My Favorite Visualizations (6:24)

Get Packt Publishing – Mastering D3.js At tenco.pro