Expert Data Visualization: Advanced information visualization with D3.js 4.x

What do you get with eBook?

Instant access to your Digital eBook purchase

Download this book in EPUB and PDF formats

Access this title in our online reader with advanced features

DRM FREE - Read whenever, wherever and however you want

Basic Charts and Shapes

In the previous chapter, we created a simple bar chart using the SVG rect element. While this works for simple charts, using the standard SVG elements for more complex charts can be difficult. Luckily, D3 provides an extensive set of helper functions that we can use to easily create more complex visualizations, without having to manipulate basic SVG elements ourselves. In this chapter, we're going to create visualizations based on data from the US Census Bureau (http://www.census.gov). To be more precise, we're going to create the following data visualizations:

How long have American firms been in business visualized with pies and donuts: The US census releases an overview that shows how long firms have been in business. This provides a nice data set to show how D3 allows you to create pie and donut charts.
Real Median Household income in the US visualized with a line chart: In...

Key benefits

-Create complex visualizations powered by D3.js and open data.

-Provides an extensive set of visualizations that explore all the functionality provided by D3.js V4.

-Shows how to set up an easy–to-use environment to create stunning visualizations.

Description

Do you want to make sense of your data? Do you want to create interactive charts, data trees, info-graphics, geospatial charts, and maps efficiently? This book is your ideal choice to master interactive data visualization with D3.js V4. The book includes a number of extensive examples that to help you hone your skills with data visualization. Throughout nine chapters these examples will help you acquire a clear practical understanding of the various techniques, tools and functionality provided by D3.js. You will first setup your D3.JS development environment and learn the basic patterns needed to visualize your data. After that you will learn techniques to optimize different processes such as working with selections; animating data transitions; creating graps and charts, integrating external resources (static as well as streaming); visualizing information on maps; working with colors and scales; utilizing the different D3.js APIs; and much more. The book will also guide you through creating custom graphs and visualizations, and show you how to go from the raw data to beautiful visualizations. The extensive examples will include working with complex and realtime data streams, such as seismic data, geospatial data, scientific data, and more. Towards the end of the book, you will learn to add more functionality on top of D3.js by using it with other external libraries and integrating it with Ecmascript 6 and Typescript

Who is this book for?

The typical target audience of this book is JavaScript developers, designers, and visual artists who have some basic JavaScript programming knowledge and who now want to master pro-level techniques to create interactive data visualizations using web standards which work on desktop as well as mobile devices.

What you will learn

-Learn how D3.js works to declaratively define visualizations.

-Create charts from scratch by using SVG and the D3.js APIs

-See how to prepare data for easy visualization using D3.js.

-Visualize hierarchical data using chart types provided by D3.js

-Explore the different options provided by D3.js to visualize linked data such as graphs.

-Spice up your visualizations by adding interactivity and animations.

-Learn how to use D3.js to visualize and interact with Geo- and Gis-related information sources.

-Create visualization by streaming data over WebSockets

What do you get with eBook?