Introduction and installation of "D3.js Starter Series---0"

Source: Internet
Author: User

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

    • D3.zip
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"

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.