dj2016_d3
所属分类:数据可视化
开发工具:HTML
文件大小:16462KB
下载次数:0
上传日期:2018-12-19 07:28:07
上 传 者:
sh-1993
说明: 这是中国传媒大学2016年数据新闻专业“数据可视化工具”课程报告。
(This is a Class repo of "Data Visualization Tool" for 2016 Data Journalism Major of CUC.)
文件列表:
Lesson1 (0, 2018-12-19)
Lesson1\1.txt (0, 2018-12-19)
Lesson1\1_homework_style.html (992, 2018-12-19)
Lesson1\2_project_style.html (634, 2018-12-19)
Lesson1\3_console_javascript.html (3064, 2018-12-19)
Lesson1\4_d3_load_data.html (1268, 2018-12-19)
Lesson1\5_table.html (2689, 2018-12-19)
Lesson1\6_table_d3_data.html (2037, 2018-12-19)
Lesson1\7_heatmap_table.html (4959, 2018-12-19)
Lesson1\Mortality_rate_infant.csv (13136, 2018-12-19)
Lesson1\dist (0, 2018-12-19)
Lesson1\dist\d3.v4.min.js (213970, 2018-12-19)
Lesson1\dist\jquery-1.11.3.min.js (95995, 2018-12-19)
Lesson1\list.csv (167, 2018-12-19)
Lesson2 (0, 2018-12-19)
Lesson2\1_heatmap_table.html (5052, 2018-12-19)
Lesson2\2_svg.html (1685, 2018-12-19)
Lesson2\3_svg_excercise.html (135, 2018-12-19)
Lesson2\4_margin.html (1353, 2018-12-19)
Lesson2\5_scale.html (2506, 2018-12-19)
Lesson2\6_scatter_plot.html (4118, 2018-12-19)
Lesson2\alberto.png (874042, 2018-12-19)
Lesson2\betterlifeindex.csv (4230, 2018-12-19)
Lesson2\dual-scaled_axes.pdf (265261, 2018-12-19)
Lesson2\lesson2_js_bug.html (1532, 2018-12-19)
Lesson2\margins.png (60813, 2018-12-19)
Lesson2\mortality_rate_infant.csv (13136, 2018-12-19)
Lesson2\stupidtable.js (4577, 2018-12-19)
Lesson2\unemployment_and_GDPgrowth.xlsx (17437, 2018-12-19)
Lesson3 (0, 2018-12-19)
Lesson3\0_bars.html (3273, 2018-12-19)
Lesson3\1_d3_bars.html (6010, 2018-12-19)
Lesson3\2_d3_time_format.html (3482, 2018-12-19)
Lesson3\3_d3_time_parse.html (1225, 2018-12-19)
Lesson3\4_d3_data_datum.html (2084, 2018-12-19)
Lesson3\5_emissons_line_chart.html (4996, 2018-12-19)
Lesson3\6_emissions_line_label.html (5892, 2018-12-19)
... ...
# dj2016_d3
This is a repo of "Data Visualization Tool" for 2016 Data Journalism Major of CUC.
## PART I. SETTING UP
1. 下载MAMP server:https://www.mamp.info/en/downloads/ ,windows系统下载“WAMP”http://www.wampserver.com/
2. 安装MAMP:参考https://www.cnblogs.com/little-turtle/p/6233597.html 完成5.3之前的部分;WAMP 步骤类似
3. 注册Github账号:https://desktop.github.com/
4. 下载Github APP
5. Clone 课程repository(repo): https://github.com/theopenwindow/d3Class 到你server指定的路径下
6. Build Your Gist & d3作业链接如何生成 https://shimo.im/docs/Eewhf0C0DXIc7Lpx/
7. 怎么交作业?
* 邮件:jxl631@miami.edu
* 主题:2016dj_d3_lessonX_name
* 内容:Homework 1 https://bl.ocks.org/yourusername/自动生成的blahblahblah 见↑
Homework 2 https://bl.ocks.org/yourusername/自动生成的blahblahblah
## PART II. 重要的求助平台
* **stackoverflow** https://stackoverflow.com/ 学会"HOW to..." #一个巧遇大神的地方
* **jsFiddle** https://jsfiddle.net/ 代码HTML、CSS、JS与页面效果同屏展现
* 或直接用上面GitHub建立gist的方式亦可
## PART III. D3 Books and Tutorial Materials (Borrowed from my professor Lynn Cherny @arnicas)
* **Interactive Data Visualization for the Web** ("IDVW"), Scott Murray’s book: http://alignedleft.com/work/d3-book
Online version: http://chimera.labs.oreilly.com/books/1230000000345. [Code samples here](https://github.com/alignedleft/d3-book). *This is the book I'll assign most intro D3 readings from.*
* **D3 Tips and Tricks** book by Malcolm MacLean, and http://www.d3noob.org/
* **D3.js in Action** ("D3IA"), by Elijah Meeks. If you want ebook, order via Manning: http://www.manning.com/. This is a more advanced book than Scott's, and covers many D3 layouts we won't get to in class. Recommended for going further.
* **Developing a D3 Edge** by By Chris Viau, Andrew Thornton, Ger Hobbelt, and Roland Dunn: http://bleedingedgepress.com/our-books/developing-a-d3-js-edge/ (intermediate (i.e., more advanced than the ones above; covers good coding patterns too.)
* Tutorials by **Mike Bostock**, primary author of D3: https://github.com/mbostock/d3/wiki/Tutorials (and some others listed).
* **Learn JS Data** from Bocoup.com: http://learnjsdata.com/index.html
* **Blocksplorer**: search for code examples in D3 blocks! http://bl.ocksplorer.org/
* Great overall tips: https://northlandia.wordpress.com/2014/10/23/ten-best-practices-for-coding-with-d3/
* **D3 examples of Chart Types**: http://christopheviau.com/d3list/gallery.html
* **D3 Newbie FAQ**: https://github.com/arnicas/d3-faq
* Videos:
* Knight Center D3 Course video playlists: I'll recommend some of Scott Murray's videos as backup or weekend viewing. (They don't seem to be well-indexed on YouTube, but start [here](https://www.youtube.com/user/KnightCenterMOOC/playlists). The code examples are [here](https://github.com/alignedleft/data-vis-d3).
* These intro videos seem good too: https://www.youtube.com/user/d3Vienno/videos
## PART IV. JS Refreshers
* These books on HTML/CSS and JS/JQuery are good: http://www.amazon.com/Web-Design-HTML-JavaScript-jQuery/dp/1118907442/ref=sr_1_1?ie=UTF8&qid=1440438330&sr=8-1&keywords=jon+duckett
* A short recap: http://learnxinyminutes.com/docs/javascript/
* A super simple intro with gif demos is JS For Cats: http://jsforcats.com/
* Useful for your code style: **[Airbnb JS Style Guide](https://github.com/airbnb/javascript/tree/master/es5)**
* More online courses: https://www.javascript.com/resources.
近期下载者:
相关文件:
收藏者: