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 5
Creating a Bar Chart
A bar chart is a visualization that uses either horizontal (row charts) or vertical (column charts) rectangular bars with length proportional to the values that they represent. In this video, we will implement a column chart using D3. - Stores a single set of data points in the _data array - Generate an svg:rect element for each data point - Calculate the optimal width for each bar