蛇年就要到了,值此新春佳节之际的最后一个工作日,摸个蛇蛇🐍的看板庆祝一下😄 PC端链接: PC端效果: 移动端链接:https://demo.guandata.com/m/share/e7e31ad355cd840838ff3721/page/kdc8d6da499a644b5af92ba3 移动端效果: 仪表盘搭建步骤: 一、数据获取及整理 1、搜索到一篇介绍我国蛇类分布的文章:https://baijiahao.baidu.com/s?id=1798825204167218022&wfr=spider&for=pc 2、把文章内容整理到word,然后交给豆包AI,帮我整理成一份结构化的数据表: 3、找一下每种蛇类的照片,将图片URL也整理进Excel表 4、将生成的Excel表导入“观远体验中心” 5、由于省份字段是合并的长字符串,需要在ETL中用explode函数扩展成多行 数据处理好了,开始搭看板~ 二、仪表盘制作 1、一共4张卡片,表格、地图都很简单,蛇蛇的照片用的是“条目视图“这个卡片类型,因为我们提前准备好了蛇蛇照片的URL字段,把这个字段也拖入到绘制区的“图片”就行了 2、卡片和筛选器的布局都调好后,用“页面样式”中最新上线的“春节皮肤套装”刷一下格式,然后再对各卡片的UI细节做下微调,PC端大功告成! 3、顺便做个移动端,只要切换到“移动端”的布局状态下,刚才的所有PC端的卡片就可以直接复用到移动端,简直不能再方便了😄 4、PC端和移动端都做好了,想给朋友们看看我的成果,用“公开链接“功能生成一个可分享的查阅链接发给大家吧🎉 (链接地址见本文开篇处~) 5、试了下效果,发现两个链接来回切换的体验不是很好,干脆在页面上再加个跳转按钮,方便直接在页面上实现PC端和移动端的切换 用“文本卡片”编辑按钮的样式,再加一个“跳转”的功能,指向移动端的分享链接就行了,移动端的做法类似。 蛇蛇🐍知识小看板摸完了, 预祝大家蛇年大吉,巳巳如意!🧧 (观远体验中心可以从观远官网免费注册:www.guandata.com,欢迎大家一起来发掘数据中的乐趣) |