Vue Github超棒的开源可视化分析系统GitDataV

今天给大家分享一款功能超强大的Vue实现github可视化数据系统GitDataV。

Github DATAV

GitDataV 基于vue.js构建的github可视化数据开源平台，star高达1.2K+。让你更加直观的查看git展示数据。

GitDataV

可查看的github数据

GitDataV

快速安装

# 克隆项目
git clone https://github.com/HongqingCao/GitDataV.git
# 进入目录
cd GitDataV
# 安装依赖
npm install
# 本地调试
npm run div
# 构建打包
npm run build

项目目录结构

GitDataV

当用户输入github账号，就可以获取github里相关数据。

做个简单测试，拿Vue.js作者尤雨溪账号去请求/users接口。会得到如下详细数据信息。

https://api.github.com/users/yyx990803

GitDataV

https://docs.github.com/cn

GitDataV

另外项目中使用的图表，是基于 Vue2.0 和 echarts 封装的 v-charts 图表组件。

GitDataV

https://v-charts.js.org/

超不错的一个github可视化数据开源项目，有需要的同学不可错过哟！

最后附上示例及项目地址链接。

# 示例地址
https://hongqingcao.github.io/GitDataV/
# 仓库地址
https://github.com/HongqingCao/GitDataV

有兴趣的小伙伴可以自己按照以上步骤去研究一番。

每天进步一点点，源码码网专注各种it开源技术分享！

特别声明：
1、如无特殊说明，内容均为本站原创发布，转载请注明出处；
2、部分转载文章已注明出处，转载目的为学习和交流，如有侵犯，请联系客服删除；
3、编辑非《源码码网》的文章均由用户编辑发布，不代表本站立场，如涉及侵犯，请联系删除；

全部评论(0)

推荐阅读

旦煜科技定位教培二级市场探索行业新需求
随着民办教培市场的不断发展与变革，行业面临着前所未有的机遇与挑战。旦煜科技作为多年的业内企业，凭借敏锐的市场洞察力和创新精神，精准定位二级市场，积极探索民办教培新需求，为行业的未来发展注入了新的活力。
行业资讯
来源：旦煜科技
编辑：旦煜科技
时间：2024-05-24 15:04
阅读：127

js实现一键复制的几种方法
JS实现一键复制可以使用以下方法：1、使用document.execCommand()方法实现复制：function copyTextToClipboard(text) { var textarea = document.createElement(”textarea”); textarea.value =
源码教程
来源：源码码网
编辑：源码码网
时间：2024-05-18 13:44
阅读：158

bootstrap ui框架能用在uniapp中吗？
BootstrapUI框架通常是前端开发中的一种工具，它提供了一套预定义的CSS样式和组件，用于快速构建响应式布局的网页。然而，UniApp是一个使用Vue.js开发跨平台应用的框架，它可以用来开发iOS、Android、以及各种小程序和H5应用。
互动社区
来源：源码码网
编辑：热度建站
时间：2024-04-12 00:04
阅读：313

css实现banner图由中心点动态放大效果
在日常的网页设计中，为了让网页增加一定的特效以达到交互的目的，我们尝尝会在网页中使用一些动画效果。今天来说说实现banner图由中心点动态放大效果，实现这个效果需要用到css中的动画：animation和关键帧：@keyframes，具体示例如下：
源码教程
来源：源码码网
编辑：源码码网
时间：2024-04-11 18:52
阅读：316

countUp.js实现鼠标滑动到某个位置数字自动滚动增加的效果
在网页开发中为了提升网页的交互效果，经常会用到使用js给网页增加一定的特效，下边就来说说使用js实现鼠标滑动到某个位置数字自动滚动增加的效果。其实这种效果有很多中解决办法，自己也可以去写，下边我们借助countUp.js来实现，关于这个js文件，我放在末尾：
源码教程
来源：源码码网
编辑：源码码网
时间：2024-04-08 09:20
阅读：421