张三老板的鸡店数据可视化——图表总结

在分析之前,假设一个场景:

地球上有个村落叫阿萨姆,这个村子盛产土鸡并形成了产业。张三就是这个产业中的佼佼者。他的鸡店在阿萨姆这个村落里年年是销冠,大家纷涌而至每天排队买他们家生产的土鸡。张三为了掌握土鸡销售情况和生产情况,以方便制定商业决策。便要求每家门店上报销量,土鸡厂报告每个年龄段的土鸡数量。在拿到这个数据之后,张三便找来村头的画匠大发,将每日数据汇总展示在图表上,挂在他的办公室里。

画匠大发将数据汇总并画出来的行为定义为“数据可视化”,并给自己起了新的title-数据设计画师。大发发现张三对于同一个数据,有时候会要求展示前后两天的变化,有时候会要求跟隔壁王麻家的鸡店比比销量,有时候会想看看整个市场中他家份额占了多少。大发作为一个资深的画师,将工作中张三的各种需求整理为7种主要的图表。

那么接下来看看张三是怎么经过大发的帮助开拓他的商业版图的。

数据可视化

大发通过图表的形式展示数据之间的关系,帮助张三发现其中的规律。

图表设计要素

图表要素


a.标题和注释   XXX直方图

b.图例   图表柱状图叠加这想吐

c.轴和单位   x轴、y轴

d.标签   xx-a,xx-b


通过这种形式,大发让张三可以更直观的观察数据。发现数据之间的商业奥秘,从而可以帮助决策者快速获得信息。 


如何设计数据可视化图表

在画师大发在经过多次与张三的合作之后,总结出了一套工作流程,形成标准化流程。



数据可视化设计流程

a.明确设计目标 明确张三想要通过观察数据得出什么结果

1.理解数据及指标的意义

2.分析数据之间的关系,提炼关键词

3.明确用户是谁

4.通过数据我们想要表达什么?

b.选择图表

c.视觉设计

d.细节优化


正文—7种基本图表


7种图表类型

一个阳关灿烂的工作日,张三突然登门造访大发的工作室,并带来了大发最喜欢吃的白切鸡。看着热情的张三,大发接过了白切鸡,也接过了张三的需求。张三的第一个需求便是将他的每个门店的每月销量制成图表好方便他看店铺的销量。

于是,大发便制作了一张柱状图,横坐标显示月份,纵坐标显示某个门店每个月卖了多少鸡。精心绘制之后放在了张三的像篮球场一样的办公室地面上,横向铺开。


1.柱状图 | 零散数据之间的对比

这里第一个知识点出现了,大发用到了柱 状图展示一个对象(土鸡)不同维度(销量)的对比

单一对象某一维度数据对比

柱状图的用法

 a.一个对象某一维度的数据对比

 b.多个对象某一维度的数据对比

    展示数据的对比关系

    展示数据比例关系

    展示分布关系


张三觉得最近市场份额第二的王麻的鸡店生意越来越好了,很有赶超自己的趋势。于是他又找到了大发,让他制作一张他与王麻每个月的土鸡销量图。于是,大发在原来柱状图的基础上增加了一个柱子展示王麻的销量。

多个对象某一个维度数据对比


延伸

分组柱状图

随时间变化(国家、城市...),多个对象的比较

堆叠柱形图

随时间变化(国家、城市...),部分和总体之间的关系

分组层叠柱状图

随时间变化(国家、城市...)。多个对象的比较,并展示某个由多个对象组成的对象的各个部分的比例

直方图

展示对象的分布关系

画师大发在线教你如何提升柱状图易读性

01 零基线

02 柱子之间的间距

单一对象,柱子与柱子之间的间距建议在1/2D与D

多个对象,簇形柱形图多个柱子之间的间距建议为1/8D,簇与簇之间间距建议为D,保证簇内数据的关联性,簇与簇之间合适的间距保证独立性和舒适的阅读体验。

对象太多或者文字太长时,可使用条形图


单一对象,柱子间距建议
多个对象,柱子间距建议

03 对象太多或者文字太长时,可使用条形图



老板张三最近想看看自己的各个分销商销量,并将排名从销量最高到最低排序,看看谁是销售冠军。大发便将柱状图横了过来,形成了一种新的图表-条形图

2.条形图(水平柱状图)

定义

多组数据之间的对比,比柱状图更直观

多对象单一数据的纵向对比

延伸

分组条形图

堆叠条形图

画师大发教你如何提升条形图易读性

文字分布

置于图例左侧,文字右对齐

置于图例上方,与图例左对齐



在分析了自家销量和竞争对后之后,张三又想看看自己的市场份额。于是画家大发便绘制了一张圆饼图,清楚地展示了张三鸡店的销量和市场份额。

反应百分比

3.饼图

定义

【比例关系】反映各项目之间占比

延伸

01 面包圈、环图:通过弧长表示数值

02 南丁格尔图:圆形直方图

03 嵌套饼图:子类别与主类别的合并展示 

画师大发在线教你如何提升饼图易用性

01 饼图展示的标签维度不要超过9个

02 图例和数据的展示形式

使用引导线

使用引导线 数据变化时,排版难以掌控

   不使用引导线

数据标注在图例上

数据不标注在图例上,与标签一块显示

数据不标注在图例上,点击显示数值

03 当饼图只展示两个维度的标签时,并且某个维度的标签具有特别的意义,可以弱化另一个标签,突出这个标签

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 217,509评论 6 504
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,806评论 3 394
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 163,875评论 0 354
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,441评论 1 293
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,488评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,365评论 1 302
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,190评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,062评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,500评论 1 314
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,706评论 3 335
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,834评论 1 347
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,559评论 5 345
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,167评论 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,779评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,912评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,958评论 2 370
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,779评论 2 354