vue 可视化布局工具_GitDataV一款Github的'大数据可视化平台'
简介
GitDataV基于Vue框架构建的github数据可视化平台,是一个github“大数据可视化平台”,通过它你可以更直观的看到你在github里的一些数据:
个人信息(✔),仓库stars情况(✔),仓库语言分类(✔)
仓库公开数量(✔)、粉丝数量(✔)、跟随数量(✔)、仓库数据(✔)、最近你的操作(✔)
最近的粉丝(✔)、最近的跟随(✔)、最新信息(✔)
左上角箭头小彩蛋: 全屏(✔)、 国际化语言切换(✔)、返回首页(✔)
github 地址:
https://github.com/HongqingCao/GitDataV
github star: 919+
最新版本:2.1.0,MIT 协议
主要技术栈:
vue(vue项目构建、指令的灵活运用、组件封装、组件之间通信)vue-router(路由预备知识:hash和history区别、动态路由、路由切换传参)vuex、vue-i18n(语言切换)网络请求axios(自己封装axios、跨域代理配置)可视化工具echarts、v-charts处理图形(控制大小、布局、颜色、接受数据格式)es6(基础语法,比如在梳理数据过程中用到map遍历数组、对象和数组转换等等)scss(配置、语法)bootstrap、iconfont
项目截图
项目目录结构
├── README.md 项目介绍├── vue.config.js 项目配置├── deploy.sh 部署文件├── package.json npm包配置文件,里面定义了项目的npm脚本,依赖包等信息├── src 源码目录 │ ├── main.js 入口js文件│ ├── router.js 路由│ ├── store.js vuex状态│ ├── app.vue 根组件│ ├── components 公共组件目录│ │ └── index.js 把全部组件遍历出来│ ├── lang 语言切换字典│ │ └── index.js 语言切换字典│ ├── assets 资源目录,这里的资源会被wabpack构建│ │ └── css css基础重置│ │ └── data 可视化界面需要的图片│ │ └── iconfont 字体图标│ │ └── bg.png│ └── views 页面目录│ ├── app 入口文件│ └── data 可视化文件├── static 纯静态资源,不会被wabpack构建。
快速上手
git clone https://github.com/HongqingCao/GitDataV.git cd GitDataV# 安装依赖npm install# 启动本地开发环境(localhost:8080)npm run dev# 编译npm run build# 运行测试npm test
浏览器兼容性
- IE / Edge
开源项目未提供
- Firefox
开源项目未提供
- Chrome
开源项目未提供
- Safari
开源项目未提供
- Opera
开源项目未提供
PS
这个开源项目利用github网站提供了开发者API,地址传送门:(https://developer.github.com/v3/),基于vuejs,对初中级前端同学有所帮助,对于初中级前端同学同学来说是一个不错的一个参考项目。
vue 可视化布局工具_GitDataV一款Github的'大数据可视化平台'相关推荐
- python可视化图表工具_酷炫的可视化图表工具来帮忙 深度评测五大Python数据可视化工具...
原标题:酷炫的可视化图表工具来帮忙 深度评测五大Python数据可视化工具 不少Python用户的一大诉求是做出各种酷炫的可视化图表,而这就需要了解清楚工具特色,才好在制作不同类型图表顺利找到适合自己 ...
- Vega数据可视化工具——教你轻松玩转大数据可视化 | 附代码
首发地址:https://yq.aliyun.com/articles/145929 目前我们处于信息时代,万物联网的时代已经到来.从我们的日常生活中可以发现,小到身边的智能家居,再到平时出行的共享单 ...
- 这篇文章你一定要阅读:大数据可视化以及几款数据可视化的工具介绍
大数据可视化是什么 数据可视化要根据数据的特性,可视化要根据数据的特性,如时间信息和空间信息等,找到合适的可视化方式,例如图表(Chart).图(Diagram)和地图(Map)等,将数据直观地展现出 ...
- 科研人必看!全球优秀大数据可视化工具汇总!
1. Tableau Tableau 是一款企业级的大数据可视化工具.Tableau 可以让你轻松创建图形,表格和地图.它不仅提供了PC桌面版,还提供了服务器解决方案,可以让您在线生成可视化报告.服务 ...
- 2017年大数据可视化机遇,这5大行业不容错过
将数据转变成具体的图表和符号,展现在大屏幕上,供控制中心工作人员决策和使用,这样的场景不仅仅出现在科幻电影中,它正在现实生活中陆续上演. 基于高精准电子地图.监控画面的综合监视.统计数据的实时呈现等技 ...
- 2017年大数据可视化的3个趋势,有企业已经提前布局
当大家都在想的时候,如果你已经做了,你就领先了别人一个身位,不管在运动场还是在商场,一个身位的差距足以影响成败格局.随着大数据产业的蓬勃发展,大数据可视化正处于这样一个决定企业成败的关键地位,在当下的 ...
- 怎样设计淘宝天猫这种成功而有价值大数据可视化?
大数据人工智能淘宝天猫双十一幕后:实时可视化查询大屏 [what]什么是数据可视化? 大数据可视化,就是指将结构或非结构数据转换成适当的可视化图表,然后将隐藏在数据中的信息直接展现于人们面前.那数据可 ...
- 大数据可视化技术面临的挑战及应对措施
来源:科技导报 本文约5400字,建议阅读10分钟 本文介绍了适用于大数据的数据可视化技术,讨论了针对大数据可视化应用需求自主研发的交互式可视化设计平台AutoVis及其应用. [ 导读 ]本文从大数 ...
- 大数据可视化及发展趋势
大数据可视化及发展趋势 大数据可视化是什么 数据可视化要根据数据的特性,可视化要根据数据的特性,如时间信息和空间信息等,找到合适的可视化方式,例如图表(Chart).图(Diagram)和地图(Map ...
最新文章
- Linux学习4-文件系统介绍
- Linux信号列表(sigint,sigtstp..)
- hapi lab测试框架简单使用
- 双击背面截图_ios14怎么轻点双击背面截屏 敲击苹果手机背部截图设置教程
- android商品mysql_android使用mysql的方法总结
- opensource项目_最佳Opensource.com:法律
- 配置实体框架DbContext的可扩展方案
- tesseract-orc 合并识别结果
- Lintcode: Implement Queue by Stacks 解题报告
- java家谱树_青锋家谱系统-基于springboot+orgtree的青锋家谱树管理系统
- cxgrid 列显示格式右对齐_Excel中的单元格合并和格式合并,职场办公效率提升必备技能...
- WordPress外贸网站速度优化的四个层次
- win7系统下 安装anaconda时报错“failed to create menus”的解决方案
- 双音多频 DTMF原理
- ubuntu 的远程桌面客户端工具tsclient
- SAP 采购发票校验之 红字发票 MIRO <转载>
- 笔记本Wi-Fi共享
- 实战内容(14)- 音视频技术如何为元宇宙提供全真稳的全新体验之漫话腾讯云音视频
- 全球各国网站后缀(域名)
- 点云生成鸟瞰图(Python)
热门文章
- Linux下ps -ef和ps aux的区别及格式详解
- linux命令之查看进程运行动态库依赖及打开文件-lsof
- boost之内存池使用实例
- GetCurrentDirectory()函数误区
- 论文笔记:PointSIFT
- 出现opencv error: assertion failed..........错误时, 一步解决
- 小米盒子连接不上服务器显示wifi,小米盒子连接不上wifi的原因及解决办法
- zabbix监控windows进程
- 传英特尔将在6月下旬发布X299芯片组和Skylake-X处理器
- linux软件包管理(dpkg、rpm)与软件源的由来(apt、yum、Yast)