疫情期间,很多平台都做了实时更新的疫情动态H5,点击页面我们就可以看到最新的疫情数据,点击相关图表,还能可以看到详细数据。
不会代码,我们也可以做简单的可视化交互网页吗?今天小镝就手把手教你用镝数完成自己的全球疫情可视化交互网页,先点击下方看看小镝速成的网页效果。
查看交互页面链接 https://sourl.cn/v5mPcq
在教给大家制作可视化网页的同时,小镝也要介绍一款实用“冷门”图表给你们!在思维导图流行的当下,你是否经常利用这种树图呢?
在教给大家制作可视化网页的同时,小镝也要介绍一款实用“冷门”图表给你们!在思维导图流行的当下,你是否经常利用这种树图呢?
但除了可以表现层次和交互之外,有权重的树图,还能体现每一个分支的数值。
有权重的树图中,每根树枝的粗细都体现了对应权重的大小,树图上一层级的节点也体现了本层级的数据总和,点击节点就可以查看总和数据,交互的同时还能选择关闭或开启次层级。
今天小镝就来带你边学习新图表,边学习可视化的网页制作,干货满满!依旧是视频版和图文版皆有,快来学习吧~
➊. 电脑登录镝数www,dydata.io,登录账号。
点击【找数据】,在搜索栏找到热词“新型肺炎疫情“,下载数据《全球新型肺炎疫情跟踪》。
➋. 点击【做图表】-【图表】-【树图】,找到树图(有权重)并打开。
➌. 先点击【编辑数据】看看有权重的树图的数据结构。
表格0的数据表示层次,表格1的数据表示权重。
➍. 先来试试直接利用单个树图,展现全球疫情确诊情况。
在表格0中,将全球分为各大洲,再打开之前下载好的数据,将地区和国家复制进来,在表格1中,复制黏贴进各国家的确诊人数。
➎. 由于数据较多,在右边调整画布大小,让所有国家都完整显示出来。
树图每根树枝的粗细表示了数值的大小,鼠标悬停任意国家或地区都能看到详细数值。
➏. 还想要增加设计元素,让全球疫情可视化更加亮眼好看?用信息图试试。
回到主页面,点击【选模板】,选择热词“疫情”,点开全球疫情的模板。
➐. 模板中已经展现各大洲确诊数,我们可以利用多个树图列出各大洲国家的确诊详细数据。
删除原图中不需要的图表和相关元素,点击左侧【插入图表】,插入树图(有权重)。
➑. 将下载数据中亚洲部分的数据替换树图的原始数据。
调整颜色、标签大小和相关设计元素。
❾. 再用同样的方式,加入欧洲、北美洲、南美洲、大洋洲、非洲的树图,并调整相关元素。
❿.**后,用最新数据替换最上方条形图的数据和全球累计确诊数。
再修改成最新数据对应的时间,全球疫情可视化就完成啦!
⓫. 其实你刚刚已经制作了一个可分享可交互的网页。
点击右上方【分享】,手机扫描二维码或者打开此链接,一个全球疫情可视化网页就完成啦!
你可以在镝数的【项目管理】中更新最新的数据或者添加其他元素和数据。
(ps:同一个项目上进行更改会直接覆盖之前的链接,如果希望做多个网页建议建立新项目或者原项目的副本
免责声明:本站所有内容及图片均采集来源于网络,并无商业使用,如若侵权请联系删除。