"D3.js Starter Series---9" Common visual graphics

My personal blog is: www.ourd3js.com

CSDN Blog for: blog.csdn.net/lzhlzz

Reprint please indicate the source, thank you.

Layout, the literal translation is "arrangement, arrange". But that's not what it means in D3.

There are many layout functions in D3, which are not intended to be laid out in the picture, but to convert the input data into the data that is easier to visualize in the D3. When you actually visualize, you need additional code. We can simply interpret Layout as " a function of making common graphics ," such as pie charts and so on.

D3 provides a total of 12 Layout,api profiles visible: https://github.com/mbostock/d3/wiki/Layouts

1. Bundle----Bundle diagram

2. Chord----Chord Chart

3. Cluster----Cluster diagram

4. Force----Mechanics Diagram

5. Hierarchy----Hierarchy Chart

cannot be used directly, it should be used in conjunction with other layout.

6. Histogram----Column Chart

7. Pack----Pack Diagram

8. Partition----Partition Map

9. Pie----Pie chart

Stacks----Stack diagram

Tree----Trees

Treemap----Matrix Tree Map

Specific to each Layout of how to use, will be described in the following sections.