中国传媒大学-数据可视化2020-1-数据可视化基础篇-HTML&CSS&JS(1).pptx

数据可视化基础篇第一章 概述;疫情可视化;/CSSEGISandData/COVID-19;电影频道：影响-中国改革开放电影40年;历史上票房最高的电影是？;《流浪地球》;数据可视化;数据可视化：大数据基本科学问题之一;计算机学会大数据专委会2019趋势预测;数据可视化？信息记录支持对信息的推理和分析信息传播与协同;数据可视化？从认识世界的角度;英国医生John Snow发现霍乱和水井的关系，即著名的ghost map自：datavis.ca;数据可视化？从大数据的角度;数据可视化的作用：视物致知 宽物善知; 浙大 陈为：/home/chenwei 北大 袁晓如：/yuanxiaoru/ 微软亚研院/清华 刘世霞：/ 北航 任磊 大数据可视分析综述 传媒大学 数据可视化应用&数据新闻 沈浩 财新网 媒体数据可视化 任远http://renyuan.co/ 清华美院 向帆：秘密的设计（爱奇艺）;数据可视化：API/产品;数据可视化=数据+可视化;课程网站：;;课程内容;90%能开发软件 60%参与大创项目 工程技能 科研创新 ;中传可视化相关课程;授课;可视化研究：软件可视化&算法可视化;词云示例;研究生毕设：聚类算法可视化/色彩提取;研究生毕设：用于网站配色;2017级本科：刘晓豪作品https://wykxldz.github.io/MUX_Artists/;本科：获奖作品;科研&项目;基于SaaS的云端大数据+智能+剧本创作系统;数据可视化？分类;可视分析;数据可视化的作用：视物致知 宽物善知;数据可视化：国外研究团队; ;可视化是认知的过程，即形成某个物体的感知图像，强化认知理解。可视化的终极目的是对事物规律的洞悉，而非所绘制的可视化结果本身。导航认知;示例：BY 袁晓如;教学形式;D3.JS优势;实践;Header;HTML+CSS;CSS:类选择器;CSS:ID选择器;JavaScript;JavaScript;JavaScript;JavaScript;DOM：Document Object Model;访问HTML元素;ＨＴＭＬ常用属性;添加删除节点;事件;SVG：Scalable Vector Graphics;SVG;SVG;JS获得屏幕分辨率;数据可视化=数据+可视化与语言无关：C/C++/Java/Python/R/JavaScript为什么是JavaScript,嵌入软件使用D3.JS/Echart是对JavaScript可视???的封装可以写原生态的JavaScript实现可视化数学知识：几何学;小结;作业要求;期待你们的作品