今天给大家分享一个超赞的动态排名可视化柱状图表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
微信扫一扫
支付宝扫一扫
相关推荐
-
几个NET前后端开发常用资源网站
1.MSDN 站内有不少资源，经常用的有各个版本的Sqlserver的数据库 https://msdn.itellyou.cn/ 2.jQuery插件库 站内有不少前端很不错的前端…
-
这些风靡一时的前端开发神器，你还在用吗？
随着前端开发的兴起，很多编辑器、工具、框架都蜂拥而至，很多程序员也都有一些不错的选择，以下这七大开发神器，程序员不妨试试。 标配的功能基本都是带有颜色标识的HTML、CSS和Jav…
-
Python开发全网视频下载神器，所有视频一键免费下载
我们知道Python除了不能生孩子外啥都可以搞定，今天为大家介绍一款基于Python3的媒体下载工具You-Get。You-Get是一个命令行程序，可以很方便的下载网络上的媒体信息。
-
代码生成器-freemarker的使用
在java中常见的模板引擎有jsp,Velocity,freemarker,thymeleaf。除了jsp剩下的的模板引擎其实都大差不大。我们可以通过模板引擎达分离模板与数据，从而…
-
Flutter框架分析：EventChannel
1. 前言 本文主要讲解如何使用EventChannel的示例。 2. 使用流程 EventChannel一般用于事件流的传递，用于将Platform的点击等一系列事件等传递至Pl…
-
基于Redis+Lua实现分布式限流组件
limit-spring-boot-starter limit-spring-boot-starter是一个基于springboot starter机制，结合SPI 接口设计思想(…
-
ShadowSpray：一款功能强大的Shadow Credential域喷射工具
关于ShadowSpray ShadowSpray是一款功能强大的ShadowCredential域喷射工具，该工具能够对整个目标域执行Shadow Credential喷射，并尝…
-
磁盘挖矿时代开启：GitHub热点速览 v.21.16
本周的 GitHub 热点非常经常，因为一贫如洗的小鱼干突然发现了发家致富之道：磁盘挖矿。chia-blockchain 是一个将磁盘作为计算资源的项目，简而言之，用磁盘挖矿。当然…
-
OAuth2.1授权服务器Spring Authorization Server正式孵化成功
今天Spring官方宣布 Spring Authorization Server 已正式退出实验状态并进入Spring 项目的产品家族！ Spring 官方声明 此举恰逢本周的 0…