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.

近期下载者

相关文件


收藏者