Mapping and Styling in D3

Mapping and Styling in D3

English | MP4 | AVC 1920×1080 | AAC 44KHz 2ch | 0h 57m | 251 MB

Find ways to work in the visual domain to perform transitions and animation.

D3.js is a JavaScript library designed to display digital data in dynamic graphical form. It helps you bring data to life using HTML, SVG, and CSS. D3 allows greater control over the final visual result, and it is the hottest and most powerful web-based data visualization technology on the market today.

In this course, you will learn how to map values in your data domain to the visual domain using scales, and use the various shape functions supported by D3 to create SVG shapes in visualizations. Moving on, you’ll see how to use and customize various D3 axes and master transition to add bells and whistles to otherwise dry visualizations.

This course is completely updated to cover and leverage the D3 v4 API, modular data structure, as well as revamped force implemented. It is designed to provide you with all the guidance you need to get to grips with data visualization with D3. With this course, you will create breathtaking data visualization with professional efficiency and precision with the help of practical videos, illustrations, and code samples.

What You Will Learn

  • Map values in your data domain to visual domain
  • Explore the usage of the axes component and related techniques commonly used in visualizations
  • See the transition and animation support provided by the D3 library
Table of Contents

01 The Course Overview
02 Using Continuous Scales
03 Using the Time Scale
04 Using the Ordinal Scale
05 Interpolating a String
06 Interpolating Colors
07 Interpolating Compound Objects
08 Working with Basic Axes
09 Customizing Ticks
10 Drawing Grid Lines
11 Dynamic Rescaling of Axes
12 Animating a Single Element
13 Animating Multiple Elements
14 Using Ease
15 Using Tweening
16 Using Transition Chaining
17 Using Transition Filter
18 Listening to Transitional Events
19 Working with Timer