DataVisualization–基于Vue+D3.js可视化柱状动态排名
今天给大家分享一个超赞的动态排名可视化柱状图表 DataVisualization。
一个基于d3.js构建的将历史排名数据转换为可视化动态柱状图，star高达4.5K 。轻松制作排名可视化动画。
特性
- 支持外部csv格式数据源
- 支持图表自定义设置
- 支持动态颜色及自定义渐变色
- 柱状图支持圆角矩形
快速开始
打开src目录下的bargraph.html。点击选择文件按钮，选择csv格式的数据文件，便可以看到可视化结果。
csv数据格式
“名称”在柱状图左侧为Y轴，“类型-名称”会出现在柱状图上。值与柱状图的长度绑定，必须是整数或浮点数。日期建议使用的格式为”YYYY-MM-DD”。
大家可以发挥自己的创造力，制作类似如下非常炫酷的可视化动画效果。
非常棒的一个历史数据排名可视化动画，感兴趣的同学不可错过哟！
# 示例地址
http://data.viggo.site/
# 仓库地址
https://github.com/Jannchie/Historical-ranking-data-visualization-based-on-d3.jsok，今天就介绍到这里。希望能喜欢哈！
内容出处：，
声明：本网站所收集的部分公开资料来源于互联网，转载的目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。如果您发现网站上有侵犯您的知识产权的作品，请与我们取得联系，我们会及时修改或删除。文章链接：http://www.yixao.com/procedure/12602.html
微信扫一扫
支付宝扫一扫
相关推荐
-
程序开发
鸿蒙开发APP：“底部导航栏”如何实现？新增依赖包，实现更简单
鸿蒙APP的开发想要变得更简单，我们不但要熟悉其应用开发流程，更要关注并了解相关的鸿蒙开发文档和openHarmony相关的项目源码，不再为复杂的功能需求而绞尽脑汁，让自己快乐的编程。
Vedu
-
资源分享
ARDM：免费开源的Redis可视化管理工具
Redis，作为如今最为热门的键值型数据库之一，得到了极为广泛的应用。Redis 服务提供了自带了命令行客户端 redis-cli，可以进行 Redis 服务的连接和命令的执行。然…
Vedu
-
资源分享
电商零基础知识大全新手指南，信息量很大，建议先收藏
疫情过后电商将会是许多人眼中的肥肉，今天的主要目的是介绍当你进入电商后，一些基本名词或者推广方法之类，电商小白可以学习一下，资深大佬们有什么好的知识或者指点也可以留言，有什么错误也…
Vedu
-
资源分享
阿里开源跨组件体系的表单渲染引擎–form-render
介绍 form-render是阿里开源的跨组件体系的表单渲染引擎 – 通过 JSON Schema 快速生成自定义表单配置界面，常用于自定义搭建配置界面生成。 &nbs…
Vedu
-
资源分享
DocSys–基于Web的文件管理系统
介绍 DocSys是国内Gitee上开源的一个基于Web的文件管理系统，DocSys实现了日常本机文件管理的操作，某些方面比本地更加实用。DocSys基于开源协议GPL 2.0！D…
Vedu
-
资源分享
基于Vue3后台管理平台：Vue3.x-Admin
今天给大家分享一个Vue3.0框架搭建的后台管理模板Vue3.xAdmin。 vue3.x-admin 使用vue3开发的后台管理系统。主要包括CSS3特效、可拖拽的div、图表、…
Vedu
-
程序开发
基于Redis消息的订阅发布应用场景
基于Redis消息的订阅发布应用场景 1.应用背景 在物联网采集管控系统中，前后端隔离的情况下，前端通过表单（比如按钮，开关，表格等）输入数据到数据库（比如MySql，通过WEBA…
Vedu
-
去除discuz中discuz.gtimg.cn/cloud/scripts/discuz_tips.js代码最完美方法，不影响伪静态
最近一直在用discuz二次开发一个新项目，发现模版 footer.htm 里面是用 调用的一段代码一直拖慢页面，还会影响部份js的效果，有网页去除方法是在模版底部去掉 代码，但…
程序开发 Vedu
-
资源分享
WordPress Tinection v1.1.9高级版主题使用指南（含前端会员中心+商城系统的多功能CMS响应式主题）
价值119元的WordPress Tinection v1.1.9高级版主题，Tinection Pro主题是已发布的基础版主题的升级版，相比基础版，有商城、会员、支付等部分功能的…
Vedu
-
资源分享
推荐10款有灵魂的谷歌浏览器插件，更科技的上网
其实，我一直是 Chrome 的死忠粉。简洁、没有各种流氓广告 各种启动主页、强大的插件库支持等，这才是一款浏览器该有的样子。（当前也有缺点：内存怪兽~~） 工欲善其事，必先利其器…
Vedu