老师用的参考书是陈为的《数据可视化的基本原理和方法》。
1、收集5个优秀可视化案例,并且用文字描述每种视化图表的含义,以及整个案例讲述故事。列出5个案例种出现过的颜色,并大概估计每种颜色的使用比例。
解答:
a.标题及来源:按年龄段分布的美国人口百分比,from Pew Research.
图表含义:显示随着时间推移的人口统计数量的变化。随着上面年份的变化,左侧是男性的横向条形图,右侧是女性的横向图,最左侧从上到下依次为年龄85+往25-29到0岁的年龄段分布。
三种使用颜色主要为:134, 86, 36 | 239, 161, 39 | 197, 128, 49。
b.标题及来源:NFL(国家橄榄球联盟)的完整历史评级,from FiveThirtyEight网站.
图表含义:在国家橄榄球联盟史上的每一场比赛 – 根据比赛结果对球队实力进行简单的衡量 – 计算“等级分”,总共有超过30,000个评级。观众可以通过比较各个队伍的等级来了解每个队伍在数十年间的比赛表现。
三种使用颜色主要为:0, 43, 92 (折线颜色-每只队伍不同) | 233, 233, 233 (ELO背景色)|244, 244, 244 (底层背景色)。
c.标题及来源:预算计算器用来查看租房与买房成本价格对比,from Mike Bostock, Shan Carter和Archie Tse
图表含义:计算器包括几个直方图。每个图表都包含一个因素,比如房子的个人成本和抵押贷款利率,这些会影响需要付多少钱。每张图表底部有一个可移动的刻度表,可输入不同的数据,比如改变“每月租金成本”。如果能找到一个类似的房子,只需每月支付相同或更少租金,那么租房子显然更划算。
三种使用颜色主要为:186, 232, 18(价格及选中滑块及对应支付价格背景色) | 233, 233, 233 (直方图背景色)|37, 60, 1(字体色)。
d.标题及来源:听维基百科(Listen to Wikipedia),from Stephen LaPorte和Mahmoud Hashemi。
图表含义:信息图表显示了哪些词条正在被实时编辑。当一个词条被编辑的时候,点在屏幕上闪烁并消失,每个点都是编辑日志的链接。同时,一个音符伴随着每一个出现的圆点一起演奏,敲击出一个不断变化的旋律。
使用颜色主要为:28, 39, 51(背景色) | 138, 143, 149(灰色球)|49, 129, 92(绿色球)|87, 62, 111 (紫色球)。
e.标题及来源:在叙利亚,战斗关系图,from Slate网站。
图表含义:用三种基本关系表达11个团体在叙利亚结盟、敌对等状态。通过表格形式和视觉效果和色彩表现。点击后会有详细解释,见第二张图。
使用颜色主要为:255, 248, 54(选中背景色) | 237, 32, 36(红脸)|16, 173, 75(绿脸)|246, 235, 22(黄脸)。
颜色分布特征:
1.大面积或者背景选择为244, 244, 244或255, 255, 255纯色,例如白、灰或者28, 39, 51偏蓝的黑色;
2.需要突出的对比信息,或者着重表现的内容用高亮色显示或者加高亮背景来表现;
3.根据重要程度来给不同文本不同程度的黑色。
2、从kaggle网站选择并下载一个数据集,使用该数据集在tableau中设计一个信息可视化作品。
数据来源:graduate-admissions(以“education”为keyword搜索结果中找到数据体量较合适的数据集)
文字说明:获得入学许可的分数分布用树状图表示见下图1,高校比例及类型数用填充气泡图见下图2,CGPA计数与入学机会的趋势用双折线图表示见下图3。
颜色分布:图1中45, 92, 135 | 53, 126, 161 | 135, 199, 205 | 188, 228, 216 不同饱和度的蓝色,
图2中主要为105, 170, 165同颜色大小不同的气泡;
图3中主要是78, 121, 167(蓝)|242, 142, 43 (橙)两种折线颜色。
总结:作业主要参考了CSDN上优秀案例收集的两个网站,由于网站图片不清晰,部分动图无法插入word,所以使用博客形式完成作业,整理数据来源的同时查看了同类型可视化案例,用数据讲故事是可视化分析致力达到的效果,同时图表的展示型要清晰,不在于图表的复杂程度,用简单图表配合类型的梳理一样可以表达出数据间的信息,例如叙利亚十一个团队关系的表现,用的就是简单表格和三个icon形式。另外,可以合理分配颜色及留白,具体颜色分布特征见上一题总结。
参考资料:
1.这16个数据可视化案例,惊艳了全球数据行业 - 36大数据 - CSDN博客
2.惊艳全球数据行业的16个数据可视化例子 - 数据分析 - CSDN博客
3.15个数据可视化的绝妙案例 - hualalalalali的博客 - CSDN博客
4.(精)Tableau数据可视化设计 实验报告 - gdut_yy的博客 - CSDN博客
5.部分数据来源网站直接贴在数据来源后面以链接形式了