Visualizing different types of data
D3 is a project featured by the Stanford Visualization Group developed by Mike Bostock.
D3 provides us with web-based visualization, which is an excellent way to deploy information and illustrate things like proportions, relationships, correlations, patterns, and to discover things previously unknown. A web browser provides us with a very flexible and interactive interface on practically any device, such as a PC, tablet, or smartphone. D3 is an amazing tool for visualization based on data using HTML, JavaScript, SVG, and CSS.
In Chapter 1, Getting Started we talked about the importance of data visualization, but in this chapter, we will present examples for you to understand the use of D3.js. In the following screenshot, we can see the basic structure of an HTML document. D3 is going to be included in a basic script tag or into a JavaScript file (.js
).
HTML
Hyper Text Markup Language (HTML) provides the basic skeleton for our visualization. An HTML document...