by | Released April 2015 | ISBN: 9781783985784

Master the art of creating interesting and effective data visualizations with D3.jsAbout This VideoWatch a real data visualization grow from nothing to something awesome right before your eyesScrape data from the web and learn to process it effectively to build a great appMaster D3.js with real-world code samples, tips and tricks, and hard-earned lessons about clean codeIn DetailEveryone 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! Show and hide more

1. Chapter 1 : Layouts
   • What Are Layouts? 00:03:15
   • Pie Charting Manually 00:04:29
   • Using a Layout 00:03:02
   • Default D3.js Layouts 00:04:49
2. Chapter 2 : Creating Layouts
   • Sketching Out the Idea 00:04:00
   • Making Our Code Reusable 00:08:27
   • Final Tweaks 00:03:55
3. Chapter 3 : Data Manipulation
   • Getting the Raw Dataset 00:03:59
   • Parsing and Cleaning the Data 00:07:25
   • Scope and Functional Style Coding 00:08:14
4. Chpater 4 : Geography
   • Drawing a Map 00:05:37
   • Adding Data to a Map 00:06:35
   • Geo Data 00:11:10
5. Chapter 5 : Creating Animations
   • Housekeeping 00:02:36
   • Animating with Timers 00:07:36
   • Delta-based Animations 00:03:05
   • Transitions and Easing 00:07:49
6. Chapter 6 : Interactivity
   • Improving the Main Animation Loop 00:08:07
   • User Animation Controls 00:08:26
   • More Interactions 00:05:28
   • Making the Visualization Responsive 00:08:59
7. Chapter 7 : Debugging and Best Practices
   • Structuring Your Code 00:06:45
   • Debugging the D3.js Code 00:06:39
   • Helpful Libraries 00:04:55
8. Chapter 8 : Visualization Design Primer
   • How to Approach a Visualization 00:05:02
   • Going from meh to wow 00:05:49
   • Some of My Favorite Visualizations 00:06:24
Show and hide more