[0] Introduction and installation of D3.js

If you want to know more about D3.js, welcome to http://www.ourd3js.com/discussion

D3 is a javascript class library for Data-Driven Documents. If you do not know what javascript is, learn about javascript first.

To put it simply, D3.js is mainly used to operate data. It injects life into your data by using HTML, SVG, and CSS, which is converted into various easy-to-understand and beautiful images.

Let's take a look at a simple example.

Now there is a set of data, [4, 32, 15, 16, 42, 25]. Now I want people to see their relationship at a Glance. What should I do? Of course, there is not much data here. A guy with that eye is coming up and saying that I can see it at a glance! However, it is more intuitive to display images, such:

You can clearly understand the relationship between their sizes through graphic display. Of course, D3 is far more powerful than that. This is just a small application. Through the use of D3, you can display boring and complex data in a simple and clear form, which is also called data visualization.

The best thing to learn about D3.js is: http://d3js.org/, of course, which is in English.
The following describes how to install and use D3.js in two ways:
1. Download The D3.js File

• D3.zip

After decompression, You can include related js files in html, jsp, and other files.

2. You can also directly include network connections. This method is relatively simple.

<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>

However, you must keep the network connection valid when using the service.
Now, you can start your D3 journey.