向金牌出发 | 用 DataV 打造你自己的奖牌榜!

简介: 向金牌出发 | 用 DataV 打造你自己的奖牌榜!

刚刚结束的巴黎奥运会,大家肯定都被各种奖牌排行榜刷屏了。“排行榜”作为数据可视化最常见最有用的一种形式,让我们来用 DataV 个人版(只要69.3元/年)拿捏一下!


一个好的🏆排行榜可视化看板有哪些特点?


🌸 好看,必须好看!可以展示图片、配置各种颜色和动效。


🤳🏻 移动端友好!排行榜是最核心的数据之一,随时随地会看,最适合移动端。

数据接入简单!业务部门也能轻松使用。


如何用 DataV 制作一个排行榜?


创建移动看板 - 进入DataV工作台,选择“创建移动端看板”,即可进入移动端编辑器。


搭建排行榜看板 - 与PC端看板编辑器不同,DataV 移动端编辑器提供了专门针对移动端场景多列容器/格子系统,方便各类可视化图表进行排版布局。同时针对移动端设备的特点,DataV 移动端组件进行了性能/视觉优化,在移动端获得更流畅体验。选择“轮播列表”组件,支持丰富的样式外观设置,满足“排行榜”定制化样式需求:


接入数据源 - 搭建完排行榜静态应用之后,接入已经上传的 CSV 数据,并将轮播列表各类字段对应于 CSV 数据源:


动效设置 - 如果排行榜数据很多,为了避免用户翻屏操作疲劳,可以设置自动滚屏效果:


发布测试 - “排行榜”完成样式和数据设置之后,可以预览调试,并测试不同移动设备的展示效果:


至此,一个DataV移动端的“排行榜”应用就开发完成了。除了排行数据展示,DataV 还有更多的数据地图、交互编排、AIGC 等功能,快来试试吧!个人版购买点击「阅读原文」直达

相关实践学习
基于Hologres轻量实时的高性能OLAP分析
本教程基于GitHub Archive公开数据集,通过DataWorks将GitHub中的项⽬、行为等20多种事件类型数据实时采集至Hologres进行分析,同时使用DataV内置模板,快速搭建实时可视化数据大屏,从开发者、项⽬、编程语⾔等多个维度了解GitHub实时数据变化情况。
阿里云实时数仓实战 - 用户行为数仓搭建
课程简介 1)学习搭建一个数据仓库的过程,理解数据在整个数仓架构的从采集、存储、计算、输出、展示的整个业务流程。 2)整个数仓体系完全搭建在阿里云架构上,理解并学会运用各个服务组件,了解各个组件之间如何配合联动。 3 )前置知识要求:熟练掌握 SQL 语法熟悉 Linux 命令,对 Hadoop 大数据体系有一定的了解   课程大纲 第一章 了解数据仓库概念 初步了解数据仓库是干什么的 第二章 按照企业开发的标准去搭建一个数据仓库 数据仓库的需求是什么 架构 怎么选型怎么购买服务器 第三章 数据生成模块 用户形成数据的一个准备 按照企业的标准,准备了十一张用户行为表 方便使用 第四章 采集模块的搭建 购买阿里云服务器 安装 JDK 安装 Flume 第五章 用户行为数据仓库 严格按照企业的标准开发 第六章 搭建业务数仓理论基础和对表的分类同步 第七章 业务数仓的搭建  业务行为数仓效果图  
相关文章
|
7月前
|
人工智能 数据可视化 JavaScript
上新 | DataV AI 助手已在线
上新 | DataV AI 助手已在线
200 5
|
JavaScript
Qt视频播放器[QMediaPlayer+QVideowidget]
本代码在Window10下运行,利用qMediaPlayer和qvideowidget实现视频文件mp4的播放,并且提供进度显示,还可以通过拖动进度条来变换播放位置
1379 0
|
新零售 存储 分布式计算
关于用户画像那些事,看这一文章就够了
数据科学家介绍了向量化技巧,简单的数学变化可以通过可迭代对象执行。
14478 0
|
监控 前端开发 API
实战指南:使用Python Flask与WebSocket实现高效的前后端分离实时系统
【7月更文挑战第18天】构建实时Web应用,如聊天室,可借助Python的Flask和WebSocket。安装Flask及Flask-SocketIO库,创建Flask应用,处理WebSocket事件。前端模板通过Socket.IO库连接服务器,发送和接收消息。运行应用,实现实时通信。此示例展现了Flask结合WebSocket实现前后端实时交互的能力。
1300 3
|
Linux 开发者 iOS开发
QT:基于QMediaPlayer制作的视频播放器(最下方有整合包,可直接运行)
QMediaPlayer是Qt多媒体模块中的一个核心类,它提供了播放音频和视频内容的功能。这个类的设计旨在简化跨平台的媒体播放,使得开发者能够在多种操作系统(如Linux、Windows、macOS及移动平台)上轻松集成多媒体播放能力到他们的应用中,而无需关心底层实现细节。以下是关于QMediaPlayer的一些关键点:
1717 1
|
SQL 数据采集 BI
SQL CASE WHEN语句详解
SQL CASE WHEN语句详解
|
机器学习/深度学习 人工智能 语音技术
QT界面中实现视频帧显示的多种方法及应用(三)
QT界面中实现视频帧显示的多种方法及应用
1224 0
|
JavaScript 前端开发
如何在 TypeScript 中使用 async/await?
如何在 TypeScript 中使用 async/await?
444 0
|
运维 监控 前端开发
程序员告别 996 第一步:1 人搞定一个项目,摆脱“重复造轮子”
程序员告别 996 第一步:1 人搞定一个项目,摆脱“重复造轮子”
374 0
程序员告别 996 第一步:1 人搞定一个项目,摆脱“重复造轮子”
|
传感器 算法 网络协议
一文搞懂PID控制算法
一文搞懂PID控制算法
一文搞懂PID控制算法