浙大可视化暑期网上课程 day01(下午)

最新推荐文章于 2020-09-15 14:10:42 发布
最新推荐文章于 2020-09-15 14:10:42 发布
阅读量300 收藏
点赞数
分类专栏： 浙大暑期学校 可视化 文章标签： 可视化
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40625543/article/details/107172250
版权

内容记录2020年浙江大学开展的暑期课程，内容为可视化领域相关知识。

目录

一、内容&主讲者

内容：可视化工具的使用（以echarts为例）
主讲者：唐俊修

二、可视化工具的类别

在这里插入图片描述

2.1. 交互式可视化工具

tableau： 易用，适合大部分人使用。可以通过拖拽、上传数据等方式直接生成可用的图表，可交互式选择维度、选择图表，生成仪表板，还提供了数据分析、生成数据故事的功能。
在这里插入图片描述
适用于不同场景的交互式可视化工具
在这里插入图片描述

2.1. 配置式可视化工具

通常使用Json对象完成可视化的配置。

  • json数据格式
    在这里插入图片描述
  • Vega-Lite
    在这里插入图片描述
  • Echarts
    在这里插入图片描述
2.1. 编程式可视化工具

需要开发人员了解编程知识，上手难度比较高.

  • Processing： 诞生于MIT
    在这里插入图片描述
  • D3： 斯坦福大学
    在这里插入图片描述

二、echarts创建可视化图表，配置属性、样式

Echarts官网里面有详细的教程，不在此赘述

注
主办单位： 浙江大学、计算机科学与技术学院、CAD&CG国家重点实验室
内容：可视化领域基础知识与最新研究进展

未经授权，不得转载

ddddot
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
浙大可视化暑期课程(可视化工具介绍)
CHAINQWE的博客
07-12 564
目录一、可视化工具类别：1.1 交互式可视化工具1.1.1 以Tableau为例：1.2配置可视化工具1.2.1 以Vega-Lite为例1.2.2 国产可视化工具eCharts1.3 编程可视化工具1.3.1 Processing1.3.2 D31.3.3 其他编程式可视化工具 一、可视化工具类别： 易用性：使用者的编程能力的要求 1.1 交互式可视化工具 1.1.1 以Tableau为例： 1.2配置可视化工具 适用场景： 1.用户：对编程有简单了解 2.数据：简单 3.任务/需求：中
浙大可视化暑期网上课程 day01(上午)
qq_40625543的博客
07-07 326
内容记录2020年浙江大学开展的暑期课程，内容为可视化领域相关知识。 目录一、内容&主讲者二、数据可视化基础三、好的可视化 一、内容&主讲者 内容：数据可视化释义 主讲者：香港科技大学屈华民教授 二、数据可视化基础 数据可视化就是从数据到视觉表格（visual form）的转化 1. 读图力：能从图中读出多少信息，低级、中级、高级（更多的交互、联动） 2. 可视化经典例子： 霍乱 3. 可视化会议 VAST(Visual Analytics Science and Technolo
浙大可视化暑期网上课程 day02(上午)
qq_40625543的博客
07-10 360
内容记录2020年浙江大学开展的暑期课程，内容为可视化领域相关知识。 文章目录一、内容&主讲者二、目录与概念 一、内容&主讲者 内容： Perception & Congnition（感知与认知） 主讲者：浙江大学研究员巫英才 二、目录与概念 目录 概念 人的感知系统的特点 选择性地关注事物，有可能会忽略一些重要的信息 观察物体的变化时，需要高度集中注意力 相对判断而不是绝对判断 Lightness Constancy 相对性& 绝对性 形状 感知变化
浙大暑期学校总结
仰起脸笑得像满月
10-18 2484
    这次有幸前往杭州参加浙大举办的可视化暑期学校，这次杭州之行使我对一些可视化邻域内的研究者的工作有了一定的了解，也对其他的一些东西有了进一步的认识。     第一个做报告是来自奥地利的Tobias教授，这个报告是对可视化研究领域的一个综合的概述。主要讲了可视化的背景、以及进行可视化分析的基本原则等等。     第二天的报告是浙大自己的老师陈为教授，他的题目是Visual Percepti...
可视化使用工具总结
T Lai
07-06 1500
一、可视化交互工具
d3.js学习笔记-10(布局：树状图、集群图捆、捆图)
qq_40625543的博客
09-15 1819
d3.js学习笔记-09 目录d3.js学习笔记-091 树状图References 1 树状图 在区域内按规则布置节点，再用连线将节点连接起来，最终的图表形似一颗树杆 d3.layout.tree()：创建一个树状图布局 tree.size([width, height])：设定或获取尺寸，参数size是只有两个元素的数组，分别表示宽和高。 tree.nodeSize([nodeSize])：设定或获取各节点的大小，以数组的形式:[x,y] tree.value([value])：设定或获取值访问器，
d3.js学习笔记-09(布局：饼图、力导向图、弦图)
qq_40625543的博客
09-14 1794
d3.js学习笔记-09 目录d3.js学习笔记-091 饼状图(Pie)1.1 确定初始数据1.2 数据转换1.3 绘制2 力导向图(force)3 弦图(chord)References D3的12种布局：饼状图、力导向图、弦图、树状图、集群图、捆图、打包图、直方图、分区图、堆栈图、矩阵树图、层级图【不可直接使用】 布局的使用顺序：确定初始数据—>转换数据—>绘制 1 饼状图(Pie) d3.layout.pie()：创建一个饼状图布局。 pie(values[, index])：转换数据
d3.js学习笔记-08(导入和导出)
qq_40625543的博客
09-13 1343
d3.js学习笔记-09 目录d3.js学习笔记-091 json文件1.1 json数据格式1.2 读取json文件References 1 json文件 1.1 json数据格式 1.2 读取json文件 example.json：需要读取的json文件的地址 d3.json("example.json", function(erroe, data){ console.log(data) }) References [1] 吕之华.精通D3.js：交互式数据可视化高级编程[M].北京：
d3.js学习笔记-05(颜色、路径生成器)
qq_40625543的博客
09-08 1087
d3.js学习笔记-05 目录d3.js学习笔记-051. 颜色1.1 RGB1.2 HSL1.3 颜色插值2. 线段生成器2.1 生成线段方式汇总2.2 线段生成器3 区域生成器4 弧生成器5 符号生成器6 弦生成器7 对角线生成器References 1. 颜色 1.1 RGB RGB色彩模式通过叠加红绿蓝三个颜色通道得到各种颜色 d3.rgb(r,g,b)：使用r、g、b值来创建颜色，范围都为[0,255]。 d3.rgb(color)：输入字符串来创建颜色，例如："#ffeeaa“或缩写"#fe
d3.js学习笔记-07(交互)
qq_40625543的博客
09-12 784
d3.js学习笔记-07 目录d3.js学习笔记-071 交互基础1.1 鼠标的事件1.2 键盘的事件1.3 触屏2 事件3 行为3.1 拖拽References 1 交互基础 与图表进行交互，指子啊图形元素上设置一个或者多个监听器，当事件发生时，做出相应的反应。 1.1 鼠标的事件 click：鼠标单击某元素。 mouseover：光标放在某元素上。 mouseout：光标从某元素上移出来时。 mousemove：鼠标被移动的时候。 mousedown：鼠标按钮被按下。 mouseup：鼠标按钮被松开
d3.js学习笔记-04(比例尺、坐标轴)
qq_40625543的博客
09-07 680
d3.js学习笔记-02 目录d3.js学习笔记-021. 比例尺1.1 定量比例尺(连续)1.1 线性比例尺1.2 指数、对数比例尺1.3 量子、分位比例尺References 1. 比例尺 1.1 定量比例尺(连续) 每个比例尺都需要指定定义域(domain)和值域(range) 1.1 线性比例尺 d3.scale.linear()：创建线性比例尺 linear(x)：输入一个在定义域内的值x，返回值域内对应的值。 linear.invert(y)：输入一个在值域内的值，返回定义域内对应的值。 l
d3.js学习笔记-03(处理选择集、数组)
qq_40625543的博客
09-04 541
d3.js学习笔记-02 目录d3.js学习笔记-021. 绑定数据1.1 datum()1.2 data()1.3 data()绑定数据的顺序2 enter、exit和update2.1 enter：添加元素2.2 exit：删除元素2.3 统一处理的模板2.4 过滤器：selection.filter()2.5 选择集顺序：selection.sort()/d3.ascending2.6 each()2.7 call()3 数组处理3.1 排序3.2 求值3.3 操作数组3.4 映射(一种数据结构)3.
d3.js学习笔记-06(动画)
qq_40625543的博客
09-11 489
d3.js学习笔记-05 目录d3.js学习笔记-051 过渡1.1 启动过渡1.2 过渡的属性1.3 子元素References 1 过渡 过渡是一种动态效果，从初始状态转向目的状态 1.1 启动过渡 d3.transition([selection],[name])：创建一个过渡对象，参数为选择集；一般使用d3.select("rect").transition()格式，可多次调用产生多种过渡 transition.delay([delay])：设置延迟时间，过渡会经过一定时间后才开始发生，单位是毫
d3.js学习笔记-01(SVG、图形)
qq_40625543的博客
09-02 319
d3.js学习笔记-01 目录d3.js学习笔记-011. 基础概念1.1 D3的优势：1.2 D3的适用范围：1.3 D3学习网站2. 关键知识2.1 SVG定义2.2 SVG图形元素矩形：``圆形：``椭圆：``线段：``多边形 or 折线：` or `路径：``2.3 SVG文字2.4 SVG常用样式2.4 SVG标记(marker)2.3 SVG滤镜与渐变(省略)References 1. 基础概念 D3全称为Data-Driven Documents(数据驱动文档)，是一个JavaScript函
d3.js学习笔记-02(选择集)
qq_40625543的博客
09-04 230
d3.js学习笔记-02 目录d3.js学习笔记-021. 选择元素1.1 select1.2 selectAll2 选择集(selection)2.1 查看选择集状态2.2 设置/获取属性selection.attr()selection.classed()selection.style()selection.property()selection.text()selection.html()2.3 插入、删除、添加元素selection.insert()selection.remove()selecti
去去去去去去去去去前期前期前期
08-12
去去去去去去去去去前期前期前期前期前期前期
计组P1 单周期MIPS处理器
最新发布
08-12
实验报告+项目 Verilog语言
Spring Boot原创歌曲分享平台.zip
08-12
该平台严格按照需求分析制作相关模块，并利用所学知识尽力完成，但是本人由于学识浅薄，无法真正做到让该程序可以投入市场使用，仅仅简单实现部分功能，希望日后还能改善。 本平台具有以下优点： 该平台具有较高的适用性，选用B/S结构，可以在绝大部分个人平台上使用该平台。 平台将用户权限进行划分，管理员和用户都能看到及操作的信息不一样，两者具备不同的操作权限。 该平台操作界面简单明了，大部分人都可以正常使用。 但也存在以下问题需要改进： 运行时窗口不能被刷新，可以改进。 平台过于简单，显示的信息有限。 不能添加多个管理员账号，如果可以则将利于发展原创歌曲分享规模，便于原创歌曲分享信息集中管理。 不能实时预约接待消息，容易被忽视，不利于管理员服务用户。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值