今年春节期间发生了许多冠状病毒疫情app疫情地图已经上线。


疫情地图采用数据可视化设计，帮助公众快速了解疫情现状和发展趋势。


今天我们来谈谈疫情地图中的数据可视化设计。


什么是数据可视化？ 数据可视化是一种以直观图形描述密集和复杂信息的表达形式，旨在使用户更容易理解和理解数据，并传达更清晰的信息（Material Design数据可视化设计规范指南)。


图表是一种常见的数据可视化表达方式，好的图表能清晰高效地传递信息，简洁美观，不过多地修饰干扰信息的清晰度。


选择下面的部分APP分析疫情地图表： 1. 地图 如下图所示，疫情期间，许多平台使用地图显示全国各省现有确诊人数。


地图适用于与地理位置相关的数据分析。


比如不同城市的人口统计信息。


疫情期间，用地图统计各省市确诊人数，人们可以通过地图上的色块深度直观感受到各省市确诊人数的密集性。


点击地图上的某个区域，气泡也可以显示当前区域的具体数值信息。


使用地图的注意事项： 不要用图案或剖面线强调某个区域，强调色块。


制作地图轮廓不要太复杂，尽量标准简洁。


地图的线框是表达区域信息的一种方式，可以清楚地表明当前区域已经达到了目的，地图不能帮助传达区域的线条和装饰是干扰。


图例用色块表示数值范围时，注意色块颜色一般根据数值大小从深到浅逐渐变化，或从浅到深逐渐变化。


没有明暗交替渐变，会让人困惑。


2. 折线图 折线图可以显示随时间而变化的连续数据，因此非常适合在相同时间间隔内显示数据的趋势。


在疫情地图中，折线图描述了全国疫情的新趋势。


折线图还支持点击图上的点显示。


当前横坐标对应的纵坐标值有助于查看更详细的信息。


使用折线图的注意事项： (1)用折线图表示数据增减趋势时，不建议在曲线下着色 曲线下的着色看起来更像面积图，很容易想到用色块来表示数量，比如用条形图来统计离散数据时的面积大小。


在下面的左图中，很难区分折线上的点是2994，还是2994。


猜测是因为页面上有很多彩色数字，设计师想用色块来平衡点和表面。


然而，折线图下方的着色很容易引起误解。


您可以考虑在折线图表区域添加灰色背景色，折线下方不着色。


去除色块后，图表曲线的趋势更加明显，更容易看到折线上的点代表现有的确诊人数，确诊人数先上升后下降。


(2)折线高度 折线图表不易过高或过低。


一般来说，折线区域占整个图表的三分之二。


图表中的刻度可以包含一些参考点，以帮助用户阅读图表。


(3)折线厚度 折线不宜过粗或过细。


如果折线太粗，折线变化的细节就看不清楚了；折线太细，容易与背景和辅助线混淆。


(4)折线数量 不建议在同一图表中放置太多的折叠线，一般不超过4条。


如果有更多的折叠线，则可以单独显示列表。


此外，折叠线的颜色也在传达信息。


当多个折叠线在同一图表中时，需要考虑选择合适的颜色来突出最重要的折叠线，如用红色代表最重要的折叠线。


(5)折线图例/标签 图例和标签文本应简洁，限制标签文本的数量。


如果空间足够大，标签图例可以直接标记在图表上，更方便用户阅读。


如果标签图例不在图表上，请注意，标签图例不应离图表太远，太远的图例和图表不会一一对应。


图例应放置在表格上方，更符合首先理解曲线的意义，然后理解曲线趋势的阅读顺序。


由于节点是一个明显的数据点，用户将更容易根据折线节点逐一阅读相应的图例。


(6)标记折线坐标轴 图表坐标轴标注应简洁，常见X轴标注时间，Y轴显示适当的增量。


X轴标记时，应注意屏幕上的水平坐标数量和每个坐标间隔保持在可读范围内。


有时水平坐标可以简要描述。


如果涉及年份，第一个坐标显示2006，然后显示07、08和09…… Y尽量使用常用增量，如0、5、10、15、20……在某些情况下，Y轴基数较大，数值变化相对较小，无需从0开始显示曲线趋势。


相反，如果是条形图，面积代表值，则Y轴必须从0开始标记。


此外，尽量不要使用左右双Y轴的刻度，除非表示如何连接相关数据，否则使用双Y轴应小心，以避免误解。


3. 表格 表格适用于数据多、空间有限的场景，如湖北省新增/确诊/治愈/死亡的详细数据。


使用表格的注意事项： （1）如上图所示，建议右对齐排列表中的数字，以便用户更方便地比较表中纵向数据的位数和大小。


当移动数据有足够的空间时，有时在中间排列。


如果数字相对较小，如大多数一位数或两位数，则可以考虑中间排列。


小数点的数字需要小数点对齐排列，小数点的数量应尽可能一致。


(2)如果需要在表格中显示单位，只需在表格第一行显示一次单位即可。


(3)数据之间的网格线不要太深，尽量弱化网格线。


当表格较宽时，可以在3-5行之间添加一条细线，以帮助读者横向阅读表格。


如果只有两列数字，就不需要横向细线。


(4)可以用色块打底或者特殊颜色强调一列数字或者一个项目。


如下图所示，每日新增确诊人数用特殊颜色强调。


（5）有多个数据系列表，垂直显示数据更方便读者分析。


如下图所示，比较不同区域的诊断和治愈人数。


如果诊断数据显示在水平上，比较数据将不方便，更方便用户在垂直显示后进行比较。


以上是疫情地图涉及的可视化图表及相应的设计注意事项。


使用不同类型的图表显示相同的数据会传达不同的信息。


首先要明确页面内容用场景、特征和限制条件的基础上，首先要明确页面内容想要传达给用户的信息，选择合适的图表来显示信息。


界面显示应抓住重点，去除不必要的装饰，轻量化显示重要信息，确保内容传达准确、有效、清晰。


参考文献： 作者:黄慧敏 特别说明：本网站的主要目的是收集与互联网运营相关的干货知识，为运营伙伴提供便利。


本网站收集的公共内容来自互联网或用户的贡献，这并不意味着本网站同意其观点，也不对网站内容的真实性负责。


如有侵权行为，请联系网站管理员删除，。