Data-Driven Documents (D3)
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 help us to see things such as proportions, relationships, correlations, and patterns, and discover things previously unknown. Since web browsers provide us with a very flexible and interactive interface in practically any device such as PC, tablet, and smart phone, D3 is an amazing tool for visualization based on data using HTML, JavaScript, SVG, and CSS.
In Chapter 1, Getting Started, we saw the importance of data visualization and in this chapter, we will present examples in order 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
HyperText Markup Language (HTML) provides the basic skeleton for our visualization. An HTML document will...