0x01确定主题

• 具体场景
  
• 业务问题
  

• 战略意图
  

  0x02提炼数据

  一.确定数据指标

  二.明确数据间关系

• 趋势型
  

• 对比型
  
• 比例型
  
• 分布型
  
• 区间型
  
• 关联型
  

• 地理型
  

  三.确定重点指标

• 指标排序

• only one 和 why me

  0x03确定图表

  一.趋势型

• 折线图
  

• 拟合曲线图
  
• 面积图
  
• 堆叠面积图
  

• 阶梯图
  

  二.对比型

• 柱状图
  

• 条形图
  
• 面积图
  
• 气泡图
  

• 词云
  

  三.比例型

• 饼图
  

• 环状图
  
• 矩形树图
  
• 堆叠面积图
  

• 堆叠柱状图
  

  四.分布型

• 散点图
  

• 气泡图
  
• 直方图
  
• 概率密度图
  • 正态分布
    
  • 均匀分布
    
  • 指数分布
    
• 茎叶图
  
• 箱线图
  
• 热力图
  

• 地图
  

  五.区间型

• 仪表盘
  

• 进度条
  

• 环形进度图
  

  六.关联型

• 韦恩图
  

• 漏斗图
  
• 桑葚图
  
• 矩形树图
  

• 节点关系图
  

  七.地理型

• 二维地图

  • 区域地图
    
  • 道路地图
    
  • 室内地图
    

• 三维地图

  • 全景地图
    

    0x04可视化

    一.页面布局

• 原则

  • 聚焦
    
  • 平衡
    
  • 简洁
    

• 布局方式

  • 顶部tab导航
    • tab是分析的各个指标，如流量，交易，商品等
      
  • 瀑布流平铺
    • 横条向下扩展
      
    • 无分层，指标少
      
  • 卡片式
    
  • 九宫格
    • 主题划分
      

      二.图表制作

      1.数据层面

      （1）数据项过多时精简

• 比例型，5～7
  

• “其它”的使用
  

• 柱状图条数过多，保留前后n名，比如5，10；中间用省略号折叠
  

  （2）趋势图，趋势不明显，y可不从0开始

• 要在页面提示不从0开始
  

• 柱状图纵轴要从0开始
  

  （3）类别文字太长，柱状图转条形图，不用歪头看

  （4）数据单位转化

• 建立统一转化规则

  • 千以下不变
    
  • 千以上，万以下：K
    
  • 万：W
    
  • 百万：M
    
  • 亿
    

• 通常以最大数值单位为准
  

  2.非数据层面

  （1）突出重点

• 位置

  • 中心
    
  • 上方
    
• 颜色
  • 突出
    

• 重要性和优先级排序
  

  （2）不必要元素的隐藏和弱化

• 删除无意义背景色填充，颜色区分
  

• 弱化或删除网格线
  

  （3）交互，直观可理解

• 移动，缩放
  

• 悬停，点击
  

• 图表联动
  

  三.工具

• excel
  

• tableau,powerbi
• finebi:https://www.finebi.com/
• echart：https://echarts.apache.org/zh/index.html
• highchart：https://www.highcharts.com/demo
• d3：https://d3js.org/，写代码
• antv：https://antv.vision/old-site/vis/doc/chart/classify/compare.html
• 花火：http://hanabi.data-viz.cn/index
• 图表秀：https://www.tubiaoxiu.com/
• GeoQ：http://www.geoq.cn/，地图制作
• 文图：带文字可视化报告，https://www.wentu.io/
• BDP个人版：https://me.bdp.cn/home.html，替代tableau
• python
  
• r
  

_