learning D3.js
Interactive Data Visualization for the Web
[01_div_sample.html] (chapter_01/01_div_sample.html) 演示了如何使用div创建条形图。 通过这个例子,可以了解如果通过D3绑定数据,了解利用D3通过简单的语句就可以将数据展示为图形。
02_svg_sample.html 演示了D3创建SVG的过程。通过SVG,D3可以创建 丰富的图形。
03_svg_label.html 在SVG中为条形图增加标签,并调整位置。
04_svg_color.html 调整条形图的颜色。
05_scatterplot_labels.html散点图的例子。
01_scaled_plot.html 演示如何设置scale.
02_axes.html 增加数轴。
01_bar_chart_with_scales.html 为条形图增加scale
02_updates_all_data.html更新数据,并演示如何增加事件处理。
03_transition.html 更漂亮。过度动画。
04_duration_slow_labels_fixed.html 动画时间以及延迟。
05_ease_elastic.html动画类型。
06_axes_dynamic.html 更新数据时数轴也要更新。
01_each_combo_transition_chained.html动画转换时的动画链。
02_adding_and_removing.html动态增加删除数据。
01_click.html本章演示了事件处理。这个例子演示了如何选择一个图形元素。
02_smoother.html 平滑演示mouse hover。
04_resort.html 深入排序
05_browser_tooltip_text.html为图形元素显示图形框。 (浏览器方式)
06_svg_tooltip.html为图形元素显示图形框。 (SVG方式)
07_div_tooltip.html为图形元素显示图形框。 (DIV方式)
01_pie.html 本章演示了更多的图形方式。这个例子是饼图。
02_ring.html环形图。
04_force.htmlforce布局。
地理信息 地理信息的例子。