数据可视化
文章平均质量分 84
Pitter_Patter_Bee
这个作者很懒,什么都没留下…
展开
-
d3.js学习10----折线图的制作
一切尽在注释中………………ZheXian var dataset=[5,3,1,5,2,4,2];varxMarks=['Mon','Tues','Wed','Thur','Fri','Sat','Sun'];var w=600;var h=400;var title="Beijing";var subTitl原创 2016-10-24 20:45:08 · 3183 阅读 · 0 评论 -
d3.js学习8----饼图的制作
1. 数据 有如下数据,需要可视化: vardataset = [ 30 , 10 , 43 , 55 , 13 ]; 这样的值是不能直接绘图的。例如绘制饼状图的一个部分,需要知道一段弧的起始角度和终止角度,这些值都不存在于数组 dataset 中。因此,需要用到布局,布局的作用就是:计算出适合于作图的数据。 这一转载 2016-10-20 16:35:30 · 655 阅读 · 0 评论 -
d3.js学习7----交互
与图表的交互,指在图形元素上设置一个或多个监听器,当事件发生时,做出相应的反应。 1. 什么是交互 交互,指的是用户输入了某种指令,程序接受到指令之后必须做出某种响应。对可视化图表来说,交互能使图表更加生动,能表现更多内容。例如,拖动图表中某些图形、鼠标滑到图形上出现提示框、用触屏放大或缩小图形等等。 用户用于交互的工具一般有三种:鼠标、键盘、触屏。 2. 如何添加转载 2016-10-20 16:33:54 · 959 阅读 · 0 评论 -
d3.js学习6----完整的条形图表
一个完整的柱形图包含三部分:矩形、文字、坐标轴。本章将对前几章的内容进行综合的运用,制作一个实用的柱形图,内容包括:选择集、数据绑定、比例尺、坐标轴等内容。 1. 添加 SVG 画布 //画布大小var width = 400;var height = 400; //在 body里添加一个 SVG 画布 var svg = d3.select("bo转载 2016-10-20 14:36:37 · 1221 阅读 · 0 评论 -
d3.js学习3----选择、插入、删除元素
本文介绍在 D3 中选择、插入、删除元素的方法。1. 选择元素在【入门 – 第 2.0 章】中,已经讲解了 select 和 selectAll,以及选择集的概念。本节具体讲解这两个函数的用法。假设在 body 中有三个段落元素:ApplePearBanana现在,要分别完成以下四种选择元素的任务。1.1 选择第一个 p 元素使用转载 2016-10-19 22:55:29 · 3757 阅读 · 0 评论 -
d3.js学习5----比例尺和坐标轴
【 D3.js 入门系列 — 4 】 比例尺的使用发表于2014/06/20比例尺是 D3 中很重要的一个概念,上一章里曾经提到过直接用数值的大小来代表像素不是一种好方法,本章正是要解决此问题。1. 为什么需要比例尺上一章制作了一个柱形图,当时有一个数组:var dataset = [ 250 , 210 , 170 , 130 , 90 ];转载 2016-10-20 11:24:47 · 1022 阅读 · 0 评论 -
d3.js学习2----一些基本文本操作
D3.JS总的来说,D3是这样一个特殊的JavaScript库,它利用现有的Web标准,通过更简单的(数据驱动)方式来制作炫目的可视化效果。先来看一下helloworld的实现----从HTML到javascript到d3.js的改进:Html版: HelloWorld转载 2016-10-19 15:45:30 · 4059 阅读 · 0 评论 -
d3.js学习1----json文件格式
1. JSON 格式JSON(JavaScript Object Notation)就是javascript对象表示法, 是一种轻量级的数据交换语言,以文字为基础,且易于让人阅读。尽管 JSON 是 Javascript 的一个子集,但 JSON 是独立于语言的文本格式,并且采用了类似于C语言家族的一些习惯。json简单说就是javascript中的对象和数组,所以这两种结构就是对象和数组转载 2016-10-18 16:54:29 · 4200 阅读 · 0 评论 -
echarts学习2----地图的改造以及主图副图的联动
完成一幅北京地图以及两幅 副图 的联动翻译 2016-10-17 17:45:52 · 2639 阅读 · 2 评论 -
echarts学习1----格式整理以及地图入门
echarts的入门,最起码能跑出一个东西出来翻译 2016-10-16 23:32:46 · 1242 阅读 · 2 评论 -
d3.js学习9----地图的制作
首先是 地图数据的获取制作地图需要 JSON 文件。 将 JSON 的格式应用于地理上的文件,叫做 GeoJSON 文件。本文就是用这种文件绘制地图。那么如何获取中国地图的 GeoJSON 文件呢,真的有点麻烦,可以参照: https://github.com/clemsos/d3-china-map 进行制作。这不仅需要安装一些东西,还要研究一下制作方法,对想直接下载获取转载 2016-10-20 17:04:32 · 673 阅读 · 0 评论