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)

Symbols supported in D3

If you look at the d3.shape API (, you can see all the different standard shapes provided by D3, and you'll notice that we've already discussed most of them in the previous chapters. However, there is one part of this API that we haven't explored yet, and that is the symbols.

D3 provides a number of standard symbols that you can use in your visualizations. For instance, when drawing a line chart, instead of drawing circles for each point of the chart, you could use a cross or a star. D3 comes with the following list of standard symbols:

  • d3.symbolCross: A cross symbol, or an addition (+) symbol
  • d3.symbolCircle: A simple circle
  • d3.symbolDiamond: A diamond symbol, as used on playing cards
  • d3.symbolSquare: A simple square
  • d3.symbolStar: A five pointed star
  • d3.symbolTriangle: A simple triangle, point up
  • d3.symbolWye: A Y symbol

Each of these symbols...