[0] Introduction and installation of D3.js

want to learn more about D3.js's friends, welcome to http://www.ourd3js.com/discussion

D3 's full name is (Data-driven Documents), as the name implies can be known as a data-driven documentation JavaScript class Library. If you don't know what JavaScript is, learn about JavaScript first.

to put it simply, d3.js is primarily used to manipulate data by injecting life into your data using HTML, SVG, and CSS, which translates to a variety of easy-to-understand, brilliant graphics.

let's look at a simple example.

Now there is a set of data, "4, 32, 15, 16, 42, 25", now I want to let people see their size relationship at a glance, how to do? Of course, the data here is not much, there is the sighted of the guy stood up and said I can see it! But the more intuitive is the graphical display, such as:

through the graphical display, it is clear to know their size relationship. Of course, D3 ability is much more than that, it's just a small application. With the use of D3, you can display tedious and complicated data in a very simple and clear form, which is also calledVisualization of data.

the best places to learn d3.js are: http://d3js.org/, and of course it's all in English.
here are two ways to use D3.js with the installation:
1. Download the d3.js file

• D3.zip

after decompression, in the html,jsp and other files include the relevant JS file can be
     
2. You can also directly include links to the network, this method is more simple

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

but the use of the time to keep the network connection is valid, can not be used in the case of network disconnection.
Well, you can start your D3 trip.