Book Image

Mastering D3.js 5 [Video]

By : James Cross
Book Image

Mastering D3.js 5 [Video]

By: James Cross

Overview of this book

<p>Curious about creating advanced visual representations of your data? Do you want to go beyond adding stunning interactive charts to your web project? Are you looking to build a reusable library of charts for your work? Then, this course is for you! </p><p> </p><p>This course focuses on the features in the latest version of D3. D3’s comprehensive JavaScript library for interacting with the dom, connecting data to elements in the dom, animating elements, and working with data are supremely helpful for crafting unique, styled, and reusable visualizations for the browser. </p><p> </p><p>Take this course and you’ll learn to make powerful visual representations of data using D3. Become a master at topics like making visualizations responsive, integrating 3rd party API data into visualizations, interactive and color-coded mapping, linking charts together for updates across visualizations, and more. </p><p> </p><p>Please note that Knowledge of JavaScript is assumed, together with some prior familiarity with D3.js </p><p> </p><p>All the code files for this course are available on Github at -https://github.com/PacktPublishing/Mastering-D3.js-5-</p>
Table of Contents (8 chapters)
Chapter 7
Building a Map of the World
Content Locked
Section 4
Color-Coding a Map
Filling countries with colors, based on income levels seems like a great feature, but the complications of mapping alone may seem like too much to handle. Here, we add color-coding to countries, based on income level data. - Collect & refine the GNI values - Build a colorScale to handle matching colors to countries - Update the fill of each country path in the enterMap function