今天给大家分享一个超赞的动态排名可视化柱状图表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.js
ok,今天就介绍到这里。希望能喜欢哈!
内容出处:,
声明:本网站所收集的部分公开资料来源于互联网,转载的目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。如果您发现网站上有侵犯您的知识产权的作品,请与我们取得联系,我们会及时修改或删除。文章链接:http://www.yixao.com/procedure/12602.html
相关推荐
-
VueAntdAdmin:高标准的Vue+Antd后台管理系统
今天给大家推荐一款Antd风格的Vue版本后台管理系统Vue-Antd-Admin。 vue-antd-admin 基于vue2.x antd构建的中台前端解决方案,star高达1…
-
免费建站系统Joomla 3.9.22 发布
Joomla简介 Joomla!是一套全球知名的内容管理系统,占有全球6%的网站市场份额。 Joomla!是使用PHP语言加上MySQL数据库所开发的软件系统。可以在Linux、 …
-
Facebook登录方法之cookies登录
FaceBook登录的方法了。除了手机app登录之外,电脑端的登录有两种。 一种就是直接登录账号、密码。 另一种就是使用 cookies 来进行登录,需要使用Google浏览器和插…
-
Vant&NutUI–完美支持Vue3.0的移动端组件库
Vant和NutUI都是非常优秀的基于Vue的移动端UI组件库,从刚刚截图的结果来看,二者有很多相似的地方,对于大多数场景而言,两者的组件都够用了,至于如何选择,可以根据自身对组件的理解情况来进行针对性选择。
-
baguetteBox.js–使用原生JS编写的Web画廊插件
介绍 baguetteBox.js是一个响应式画廊插件(纯JS),拥有图像放大缩小并带有相应的CSS3过度,并能在触摸屏等设备上完美展示。 Github https://githu…
-
基于 vue+mescroll 超精致下拉刷新和上拉加载组件Vue-Mescroll
今天给大家分享一个超赞的Vue下拉刷新和上拉加载组件VueMescroll。 mescroll 一个集成下拉刷新、上拉加载更多、无限滚动加载的js插件。支持vue和uni-app。…
-
谷歌Chrome 69浏览器正式版发布 全新视觉UI、搜索/密码管理更强大
正如此前预告,作为Chrome十周年活动的一部分,Chrome 69即日起(9月5日)在全平台发布,包括但不限于Windows、Android、iOS等。 Chrome 69在UI…
-
优化Apache使其性能更佳的技巧
However, this same ease of flexibility and lack of tuning, is typically what leads Apache to becoming a memory hog. Utilizing these easy to understand tips, you can gain a significant performance boost from Apache.
-
Vue.js 图片裁切组件Vue-ImgCutter
今天给小伙伴们分享一个超棒的Vue图片任意裁剪插件VueImgCutter。 vue-img-cutter 基于 vue2.x 构建的轻量级剪切图片组件。支持移动图像、放大缩小图片…
-
springboot使用profiles无需改源码实现多环境切换
springboot的多环境切换,解决了测试环境、生产环境源码不一致的问题 我们打包时需要经常切换不同的参数,比如说开发环境下的数据库与生产环境连接的数据库,基本都是两个库。那么我…