Book Image

Expert Data Visualization

By : Jos Dirksen
Book Image

Expert Data Visualization

By: Jos Dirksen

Overview of this book

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
Table of Contents (10 chapters)

What this book covers

Chapter 1, Getting Started with D3, shows you how to get the code for this book and set up your development environment. We'll also explain the basic concepts behind D3.js and create our very first visualizations.

Chapter 2, Basic Charts and Shapes, explains how you can use the D3.js APIs to create basic shapes and charts. We'll show you how to create interactive line charts and animate pie charts.

Chapter 3, Working with Hierarchical Data, shows which APIs D3.js provides to work with hierarchical data. We'll use D3.js to created different kinds of trees, and also show treemap and pack visualizations.

Chapter 4, Visualizing Graphs, uses the force layout to visualize graphs of data. We'll use this D3.js API to visualize relations between Simpson characters in different and interactive ways. We'll also show a custom matrix visualization, which can be used to visualize a large matrix of interconnected relations.

Chapter 5, Working with Geo Data, shows one of the most interesting features of D3.js, that is, how to work with geographical data. We'll show you all the various map projections provided by D3.js and also how easy it is to manipulate and enrich maps through D3.js.

Chapter 6, Visualizing Streaming Data, explores different options on how you can use D3.js to visualize real-time streaming data. We'll show you how to receive information through websockets and visualize that information in different ways.

Chapter 7, Voronoi Diagrams and Heatmaps, shows two final ways of visualizing data. We'll show various Voronoi-based visualizations and approach, which you can use to generate art, using these Voronoi diagrams. In this chapter, we'll also show you a way to create heatmaps, which show a way to visualize occurrence data during a specific period of time.

Chapter 8, Custom Shapes and Paths and Using a Brush Selection, goes deeper into the tools provided by D3.js to create custom shapes and paths. We'll also explore the brush API provided by D3.js, which can be used to easily select elements from a visualization.

Chapter 9, ES6, TypeScript, and External D3.js Libraries, concludes this book by looking at how you can use D3.js together with ES6 and TypeScript, and we'll explore a couple of libraries build on top of D3.js that provide a number of standard charts out of the box.