Skip to content

smallnest/LearningD3

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

LearningD3

learning D3.js

Reference

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。

03_sort_hover.html排序动画

04_resort.html 深入排序

05_browser_tooltip_text.html为图形元素显示图形框。 (浏览器方式)

06_svg_tooltip.html为图形元素显示图形框。 (SVG方式)

07_div_tooltip.html为图形元素显示图形框。 (DIV方式)


01_pie.html 本章演示了更多的图形方式。这个例子是饼图。

02_ring.html环形图。

03_stacked_bar.html堆叠图。

04_force.htmlforce布局。


地理信息 地理信息的例子。

About

learning D3.js

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published