Mapping and Styling in D3 [Video]

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

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. 

Style and Approach

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

Authors

Nick Zhu

Nick Zhu is a professional programmer and data engineer with more than a decade experience in software development, big data, and machine learning. Currently, he is one of the founders and CTO of Yroo.com - meta search engine for online shopping. He is also the creator of dc.js—a popular multidimensional charting library built on D3.