d3.js d3 javascript 120个图形展示实例,所见即所得

【实例简介】
D3 是最流行的可视化库之一，它被很多其他的表格插件所使用。它允许绑定任意数据到DOM，然后将数据驱动转换应用到Document中。你可以使用它用一个数组创建基本的HTML表格，或是利用它的流体过度和交互，用相似的数据创建惊人的各种条形图。本人在项目开发过程中主要用它来直观展示各类统计数据，生成的图形非常酷炫，同事们都说我技术好，其实我是站在巨人的肩膀上。喜欢的童鞋可以自己试试。
【实例截图】
【核心代码】
d3-demo
└── d3-cookbook-master
├── LICENSE
├── README.md
├── css
│   ├── dc.css
│   └── styles.css
├── data
│   ├── flare.json
│   ├── payment.json
│   ├── simple-flare.json
│   ├── unemployment.tsv
│   ├── us.json
│   └── world-50m.json
├── index.html
├── lib
│   ├── crossfilter.js
│   ├── d3.js
│   ├── dc.js
│   └── topojson.js
├── package.json
└── src
├── appendix-a
│   └── dc.html
├── chapter1
│   ├── functional-js.html
│   ├── npm-dev-env-ant
│   │   ├── README.md
│   │   ├── build.xml
│   │   ├── d3-project-template.js
│   │   ├── d3-project-template.min.js
│   │   ├── package.json
│   │   └── src
│   │   └── visualization.js
│   ├── npm-dev-env-grunt
│   │   ├── Gruntfile.js
│   │   ├── LICENSE
│   │   ├── README.md
│   │   ├── make
│   │   ├── package.json
│   │   ├── spec
│   │   │   ├── core_spec.js
│   │   │   └── spec_helper.js
│   │   └── src
│   │   ├── core.js
│   │   └── project.scss
│   └── simple-dev-env
│   ├── d3.v3.js
│   └── index.html
├── chapter10
│   ├── drag.html
│   ├── mouse.html
│   ├── touch.html
│   └── zoom.html
├── chapter11
│   ├── arbitrary-visualization.html
│   ├── force-directed-graph.html
│   ├── gravity-and-charge.html
│   ├── link-constraint.html
│   ├── momentum-and-friction.html
│   └── multi-foci.html
├── chapter12
│   ├── choropleth.html
│   ├── usa.html
│   └── world.html
├── chapter13
│   ├── SpecRunner.html
│   ├── lib
│   │   └── jasmine-1.3.1
│   │   ├── MIT.LICENSE
│   │   ├── jasmine-html.js
│   │   ├── jasmine.css
│   │   └── jasmine.js
│   ├── spec
│   │   ├── bar_chart_spec.js
│   │   └── spec_helper.js
│   ├── src
│   │   └── bar_chart.js
│   └── tdd-bar-chart.html
├── chapter2
│   ├── function-chain.html
│   ├── multiple-selection.html
│   ├── raw-selection.html
│   ├── selection-iteration.html
│   ├── single-selection.html
│   └── sub-selection.html
├── chapter3
│   ├── array-as-data.html
│   ├── asyn-data-load.html
│   ├── data-filter.html
│   ├── data-sort.html
│   ├── data.json
│   ├── function-as-data.html
│   ├── object-as-data.html
│   └── working-with-array.html
├── chapter4
│   ├── color-interpolation.html
│   ├── compound-interpolation.html
│   ├── custom-interpolator.html
│   ├── ordinal-scale.html
│   ├── quantitative-scales.html
│   ├── string-interpolation.html
│   └── time-scale.html
├── chapter5
│   ├── basic-axes.html
│   ├── grid-line.html
│   ├── rescaling.html
│   └── ticks.html
├── chapter6
│   ├── chaining.html
│   ├── custom-interpolator-transition.html
│   ├── easing.html
│   ├── events.html
│   ├── filtering.html
│   ├── multi-element-transition.html
│   ├── single-element-transition.html
│   ├── timer.html
│   └── tweening.html
├── chapter7
│   ├── arc-label.html
│   ├── arc-transition.html
│   ├── arc.html
│   ├── area-interpolation.html
│   ├── area.html
│   ├── line-interpolation.html
│   ├── line-tension.html
│   ├── line.html
│   └── simple-shapes.html
├── chapter8
│   ├── area-chart.html
│   ├── bar-chart.html
│   ├── bubble-chart.html
│   ├── line-chart.html
│   └── scatterplot-chart.html
└── chapter9
├── expanded-area-chart.html
├── pack.html
├── pie-chart.html
├── stacked-area-chart.html
├── streamgraph.html
├── tree.html
└── treemap.html

29 directories, 112 files