Browse Month: 七月 2016

数据可视化基本概念

定义

分为信息可视化和数据可视化

广义数据可视化: 2D,3D,运动等

狭义数据可视化: 将数据生成常见的二维图表

历史

起源18世纪,最早的图表是柱形图和折线图。

目的

有效地,明确地传递数据

构成要素

  • 大小
  • 颜色
  • 标签
  • 坐标
  • 关联

受欢迎

  • 作为大数据一部分
  • 比较简单
  • 好玩

常用工具

  • D3
  • Highcharts
  • Echarts
  • Processing.js

D3

  • 数据与DOM绑定
  • 数据转换与绘制独立
  • 代码简介
  • 大量布局
  • 基于SVG

基础概念

  • 选择集: 所有被选择元素的集合
  • 数据绑定
  • 比例尺
  • 生成器: 生成绘图所需的SVG元素
  • 过度: 控制元素的运动
  • 布局: 将输入数据转换成用于绘图的数据

选择集