图表还能这样用!教你速成全球疫情可视化交互网页(含视频教程)

发布于:2023-07-12 16:30:44

疫情期间,很多平台都做了实时更新的疫情动态H5,点击页面我们就可以看到最新的疫情数据,点击相关图表,还能可以看到详细数据。

不会代码,我们也可以做简单的可视化交互网页吗?今天小镝就手把手教你用镝数完成自己的全球疫情可视化交互网页,先点击下方看看小镝速成的网页效果。

查看交互页面链接 https://sourl.cn/v5mPcq

在教给大家制作可视化网页的同时,小镝也要介绍一款实用“冷门”图表给你们!在思维导图流行的当下,你是否经常利用这种树图呢?

在教给大家制作可视化网页的同时,小镝也要介绍一款实用“冷门”图表给你们!在思维导图流行的当下,你是否经常利用这种树图呢?

但除了可以表现层次交互之外,有权重的树图,还能体现每一个分支的数值

有权重的树图中,每根树枝的粗细都体现了对应权重的大小,树图上一层级的节点也体现了本层级的数据总和,点击节点就可以查看总和数据,交互的同时还能选择关闭或开启次层级。

今天小镝就来带你边学习新图表,边学习可视化的网页制作,干货满满!依旧是视频版图文版皆有,快来学习吧~

重播
播放
00:00 / 00:00 直播
00:00
进入全屏
50
点击按住可拖动视频

➊. 电脑登录镝数www,dydata.io,登录账号。

点击【找数据】,在搜索栏找到热词“新型肺炎疫情“,下载数据《全球新型肺炎疫情跟踪》。

➋. 点击【做图表】-【图表】-【树图】,找到树图(有权重)并打开。

➌. 先点击【编辑数据】看看有权重的树图的数据结构。

表格0的数据表示层次,表格1的数据表示权重。

➍. 先来试试直接利用单个树图,展现全球疫情确诊情况。

在表格0中,将全球分为各大洲,再打开之前下载好的数据,将地区和国家复制进来,在表格1中,复制黏贴进各国家的确诊人数。

➎. 由于数据较多,在右边调整画布大小,让所有国家都完整显示出来。

树图每根树枝的粗细表示了数值的大小,鼠标悬停任意国家或地区都能看到详细数值。

➏. 还想要增加设计元素,让全球疫情可视化更加亮眼好看?用信息图试试。

回到主页面,点击【选模板】,选择热词“疫情”,点开全球疫情的模板。

➐. 模板中已经展现各大洲确诊数,我们可以利用多个树图列出各大洲国家的确诊详细数据。

删除原图中不需要的图表和相关元素,点击左侧【插入图表】,插入树图(有权重)。

➑. 将下载数据中亚洲部分的数据替换树图的原始数据。

调整颜色、标签大小和相关设计元素。

❾. 再用同样的方式,加入欧洲、北美洲、南美洲、大洋洲、非洲的树图,并调整相关元素。

❿.**后,用最新数据替换最上方条形图的数据和全球累计确诊数。

再修改成最新数据对应的时间,全球疫情可视化就完成啦!

⓫. 其实你刚刚已经制作了一个可分享可交互的网页。

点击右上方【分享】,手机扫描二维码或者打开此链接,一个全球疫情可视化网页就完成啦!

你可以在镝数的【项目管理】中更新最新的数据或者添加其他元素和数据。

(ps:同一个项目上进行更改会直接覆盖之前的链接,如果希望做多个网页建议建立新项目或者原项目的副本


免责声明:本站所有内容及图片均采集来源于网络,并无商业使用,如若侵权请联系删除。

上一篇:精选6大界面交互网站,个个好用到爆!

下一篇:中文领域*个基于交互式网页搜索的问答开源模型框架WebCPM发布

资讯 观察行业视觉,用专业的角度,讲出你们的心声。
MORE

I NEED TO BUILD WEBSITE

我需要建站

*请认真填写需求信息,我们会在24小时内与您取得联系。