Home is my personal blog: http://www.ourd3js.com/, csdn Blog home for: http://blog.csdn.net/lzhlzz/. Reprint please indicate the source, thank you.
D3 's full name is (Data-driven Documents), as the name implies to know is a data-driven documentation JavaScript class Library. Suppose 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 people to see their size relationship at a glance, what to do? Of course, there's not much data here. There's that sighted guy standing out and saying I can see it!
But it is more intuitive to use graphical display. For example, with:
through the graphical display, it is possible to know their size relationship very clearly. Of course, D3 is much more than that, it's just a very small application. With the use of D3, you can display tedious and complex data in very easy 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
after decompression. Include the relevant JS file in a file such as html,jsp to
2. Can also directly include links to the network. Such a method is simpler
<script src= "Http://d3js.org/d3.v3.min.js" charset= "Utf-8" ></script>
but use to keep the network connection valid. Can no longer be used in the case of network disconnection.
OK, you can start D3 tour.
Copyright notice: This article Bo Master original article. Blog, not reproduced without consent.
Introduction and installation of "D3.js Starter Series---0"