![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
可视化学习
文章平均质量分 92
创建人:18届范雨莎 王任之
学习可视化过程记录
中南大学苹果实验室
中南大学苹果实验室在2014年由时任张校长主持,苹果公司和中南大学共同出资建立的第一个本科生实验室。指导老师为可亲可敬的鲁鸣鸣老师。苹果实验室本着小而精而又开放的理念,每年面向全计算机院招收6-8名主动性强、动手能力高、热爱计算机专业而又负责任的大二学生。实验室在计算机范畴内不硬性规定研究方向,鼓励成员在学长经验的加持下自由探索自己的兴趣爱好与方向,这也造就了届届相似而不同+多点开花的现状。我们营造着良好的实验室学习与生活的氛围,崇尚劳逸结合,坚持在保证专业素质过硬的同时不忘体验生活的乐趣。欢迎各位加入苹果实验室的大家庭。
展开
-
D3:Ordinal Scales & Band Scales
日期:2020-10-12作者:18届 WRZ标签:数据可视化一.序数比例尺Ordinal Scales序数比例尺的输入域和输出域都是离散的。它可以将输入域的值按照数据集中数据的顺序分别映射到输出域中。首先我们来定义一个序数比例尺 var scale=d3.scale.Ordiinal() .domain(d3.range(3)) .range(["a","b","c"]); console.log(scale(0));原创 2020-10-13 10:04:06 · 450 阅读 · 0 评论 -
D3:基于数据绘图总结
D3:基于数据绘图总结日期:2020.10.9作者:2018届FYS标签:数据可视化一、D3使用的数据D3能使用保存到 .txt 纯文本文件, 或者 .csv 逗号分隔值文件,或者 .json JSON 文档中的数据。csv文件中的值都是字符串型。二、连缀方法.select(“body”):向 select() 方法传入一个 CSS 选择符作为输入,它就会返回一个对 DOM 中匹配的第一个元素的引用。(如果想取得多个元素,可以使用 selectAll() 方法。) 这里只是取得文档的原创 2020-10-10 17:36:54 · 568 阅读 · 2 评论 -
D3:比例尺
日期:2020-10-09作者:18届WRZ标签:数据可视化一.比例尺简介简单理解,比例尺是可以把输入数据的值域映射为输出范围的一个函数。比例尺的输入值域:可能的输入值的范围比例尺的输出范围:输出值可能的范围,一般用像素作为单位二.创建比例尺var scale = d3.scale.linear() //新版写法为d3.scaleLinear() .domain([100, 500]) //输入值域 .range([10, 350]); //原创 2020-10-09 19:48:04 · 228 阅读 · 1 评论 -
D3技术基础:SVG元素
日期:2020-09-26作者:18届 WRZ标签:数据可视化一.SVG简介SVG(可伸缩矢量图标)是一种文本格式。SVG代码可以直接包含在HTML文档中,或者动态插入到DOM中。(对DOM还不太熟悉的铁子可以浏览一下这篇文章)。除了IE8及之前版本,所有浏览器都支持SVG。SVG也是一种XML语言,那些不包含结束标签的元素要自关闭。二.SVG简单图形绘制1.SVG矩形先来熟悉一下SVG的坐标系统<rect x="0" y="0" width="500" height="50"/&g原创 2020-09-26 10:59:56 · 826 阅读 · 2 评论 -
HTML:DOM知识点总结
日期:2020-09-24作者:18届 WRZ标签:数据可视化学习D3需要一定的技术基础,包括HTML,CSS,JavaScript等。在这里详细介绍一下HTML DOM。一.DOM简介HTML DOM 定义了访问和操作 HTML 文档的标准。HTML DOM 是关于如何获取、修改、添加或删除 HTML 元素的标准。下图是一个DOM Tree通过 HTML DOM,树中的所有节点均可通过 JavaScript 进行访问。所有 HTML 元素(节点)均可被修改,也可以创建或删除节点。节点树中的原创 2020-09-24 20:16:55 · 241 阅读 · 1 评论