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 2
Chart Them Up
Content Locked
Section 3
Creating a Scatter Plot Chart
A scatterplot or scattergraph is another common type of diagram used to display data points on Cartesian coordinates with two different variables. In this video, we will learn how to implement a multi-series scatterplot chart in D3. - Define an ordinal scale for mapping of data series index - Create a set of svg:path elements - Generate the d attribute using the d3.svg.symbol generator