实例介绍
《数据可视化实战:使用D3设计交互式图表》随书示例代码
【实例截图】
【核心代码】
数据可视化实战:使用D3设计交互式图表-示例代码
└── 0636920026938
├── README.md
├── chapter_04
│ └── 01_empty_page_template.html
├── chapter_05
│ ├── 01_empty_page_template.html
│ ├── 02_new_element.html
│ ├── 03_csv_loading_example.html
│ ├── 04_creating_paragraphs.html
│ ├── 05_creating_paragraphs_text.html
│ ├── 06_creating_paragraphs_counting.html
│ ├── 07_creating_paragraphs_with_style.html
│ ├── 08_creating_paragraphs_with_style_functions.html
│ └── food.csv
├── chapter_06
│ ├── 01_drawing_divs.html
│ ├── 02_drawing_divs_height.html
│ ├── 03_drawing_divs_spaced.html
│ ├── 04_power_of_data.html
│ ├── 05_power_of_data_more_points.html
│ ├── 06_power_of_data_random.html
│ ├── 07_power_of_data_rounded.html
│ ├── 08_drawing_svgs.html
│ ├── 09_drawing_svgs_size.html
│ ├── 10_drawing_svgs_circles.html
│ ├── 11_drawing_svgs_color.html
│ ├── 12_making_a_bar_chart_divs.html
│ ├── 13_making_a_bar_chart_rects.html
│ ├── 14_making_a_bar_chart_offset.html
│ ├── 15_making_a_bar_chart_even.html
│ ├── 16_making_a_bar_chart_widths.html
│ ├── 17_making_a_bar_chart_heights.html
│ ├── 18_making_a_bar_chart_teal.html
│ ├── 19_making_a_bar_chart_blues.html
│ ├── 20_making_a_bar_chart_labels.html
│ ├── 21_making_a_bar_chart_aligned.html
│ ├── 22_scatterplot.html
│ ├── 23_scatterplot_sqrt.html
│ └── 24_scatterplot_labels.html
├── chapter_07
│ ├── 01_scale_test.html
│ ├── 02_scaled_plot.html
│ ├── 03_scaled_plot_inverted.html
│ ├── 04_scaled_plot_padding.html
│ ├── 05_scaled_plot_radii.html
│ ├── 06_scaled_plot_big.html
│ └── 07_scaled_plot_large.html
├── chapter_08
│ ├── 01_axes.html
│ ├── 02_axes_bottom.html
│ ├── 03_axes_clean.html
│ ├── 04_axes_y.html
│ ├── 05_axes_random.html
│ ├── 06_axes_no_labels.html
│ └── 07_axes_format.html
├── chapter_09
│ ├── 01_bar_chart.html
│ ├── 02_bar_chart_with_scales.html
│ ├── 03_updates_all_data.html
│ ├── 04_updates_all_data_fixed.html
│ ├── 05_transition.html
│ ├── 06_duration.html
│ ├── 07_duration_slow.html
│ ├── 08_duration_slow_labels_fixed.html
│ ├── 09_ease_linear.html
│ ├── 10_ease_circle.html
│ ├── 11_ease_elastic.html
│ ├── 12_ease_bounce.html
│ ├── 13_delay_static.html
│ ├── 14_delay_dynamic.html
│ ├── 15_delay_dynamic_scaled.html
│ ├── 16_delay_dynamic_scaled_fewer.html
│ ├── 17_randomized_data.html
│ ├── 18_dynamic_scale.html
│ ├── 19_axes_static.html
│ ├── 20_axes_dynamic.html
│ ├── 21_each.html
│ ├── 22_each_combo_transition.html
│ ├── 23_each_combo_transition_chained.html
│ ├── 24_clip-path.html
│ ├── 25_adding_values.html
│ ├── 26_removing_values.html
│ ├── 27_data_join_with_key.html
│ ├── 28_adding_and_removing.html
│ └── 29_dynamic_labels.html
├── chapter_10
│ ├── 01_start.html
│ ├── 02_click.html
│ ├── 03_hover.html
│ ├── 04_mouseover.html
│ ├── 05_mouseout.html
│ ├── 06_smoother.html
│ ├── 07_sort.html
│ ├── 08_sort_hover.html
│ ├── 09_resort.html
│ ├── 10_delay.html
│ ├── 11_browser_tooltip.html
│ ├── 12_browser_tooltip_text.html
│ ├── 13_svg_tooltip.html
│ └── 14_div_tooltip.html
├── chapter_11
│ ├── 01_pie.html
│ ├── 02_ring.html
│ ├── 03_stacked_bar.html
│ └── 04_force.html
├── chapter_12
│ ├── 01_paths.html
│ ├── 02_projection.html
│ ├── 03_scaled.html
│ ├── 04_fill.html
│ ├── 05_choropleth.html
│ ├── 06_points.html
│ ├── 07_points_sized.html
│ ├── 08_oceans.html
│ ├── 09_mercator.html
│ ├── README.md
│ ├── oceans.json
│ ├── us-ag-productivity-2004.csv
│ ├── us-cities.csv
│ └── us-states.json
└── d3
└── d3.v3.js
11 directories, 111 files
标签:
小贴士
感谢您为本站写下的评论,您的评论对其它用户来说具有重要的参考价值,所以请认真填写。
- 类似“顶”、“沙发”之类没有营养的文字,对勤劳贡献的楼主来说是令人沮丧的反馈信息。
- 相信您也不想看到一排文字/表情墙,所以请不要反馈意义不大的重复字符,也请尽量不要纯表情的回复。
- 提问之前请再仔细看一遍楼主的说明,或许是您遗漏了。
- 请勿到处挖坑绊人、招贴广告。既占空间让人厌烦,又没人会搭理,于人于己都无利。
关于好例子网
本站旨在为广大IT学习爱好者提供一个非营利性互相学习交流分享平台。本站所有资源都可以被免费获取学习研究。本站资源来自网友分享,对搜索内容的合法性不具有预见性、识别性、控制性,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,平台无法对用户传输的作品、信息、内容的权属或合法性、安全性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论平台是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二与二十三条之规定,若资源存在侵权或相关问题请联系本站客服人员,点此联系我们。关于更多版权及免责申明参见 版权及免责申明
网友评论
我要评论