D3.js First Knowledge

D3.js A simple primer

D3 is a JavaScript framework: The main purpose is to visualize data,

So he developed it under JavaScript, and currently has the D3.js 3.0 and D3.js 4.0 versions.

The use of the method is very simple, 1. Download d3.js to the website and add it in HTML.

2. Or link directly to the official website on the line.

It can only be used currently on the IE 8 version.

1. A few simple operations

D3.select//SELECT element

D3.selectall//Select all elements

D3.attr//Modify Properties

D3.append//Add Element

d3.classed//Add CSS Class

D3.style//Add a style to the specified element

D3.text//Get or set text messages

d3.html//used to modify HTML within an element

2. Introduction of Knowledge

Svg

3. Simple graphics

4. Scale

5. Axis

6. Add some special effects

7. Simple Chart Processing bar chart

8. Simple Chart Processing Line chart

9. Area chart of Simple chart processing

10. Simple Chart Processing pie chart

11. Come on some interaction

Simple bar Chart steps:

1. Define a canvas

2. Defining data and scale bars

3. Define a axis

4. Add a rectangle

5. Add text messages

6. Adding axis elements

D3.js First Knowledge