Book Image

SVG and Interactive Visualization in D3 [Video]

By : Nick Zhu
Book Image

SVG and Interactive Visualization in D3 [Video]

By: Nick Zhu

Overview of this book

<p><span id="description" class="sugar_field">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.</span></p> <h2><span class="sugar_field">Style and Approach</span></h2> <p><span class="sugar_field"><span id="trade_selling_points_c" class="sugar_field">This course 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 illustrations, and code samples.</span></span></p>
Table of Contents (7 chapters)
Chapter 3
Lay Them Out
Content Locked
Section 2
Building a Stacked Area Chart
Stacked area chart is a variation of the standard area chart. In this video, we will build a stacked area chart. - Create d3.stack - Generate stacked lines - Change the d3.area generator setting