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 1
Getting into Shapes
Content Locked
Section 7
Using an Area Generator
D3 also provides a separate shape generator function specifically designed for drawing area. In this video, we will add a filled area to a pseudo line chart. - Add a filled area to a pseudo line chart - Define area generator and create an area