开发者社区> ssthouse> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

Github Visualization / Github 数据可视化

简介: Github Visualization / Github 数据可视化 效果: 一个简单的Github数据展示网页, 目前功能有: Tech: 使用到的技术: Purpose: TODO: Githu...
+关注继续查看

Github Visualization / Github 数据可视化

网站链接: https://ssthouse.github.io/github-visualization/

github链接: https://github.com/ssthouse/github-visualization

效果: 一个简单的Github数据展示网页, 目前功能有:

  • 输入github username, 展示所有repository
    • 支持鼠标滚轮缩放 & 拖拽
    • 筛选是否为fork的 repository

Kapture 2018-05-11 at 23.25.56

Tech: 使用到的技术:

  • Vue用作 UI 快速搭建 (其实直接用纯html + js也行, 用Vue只是方便快速搭建界面)
  • D3.js , 数据可视化的核心库
  • 使用github page 作为静态网页的展示, 通过配置webpack, 可以通过将 npm/yarn run build 编译到项目 /doc 目录下, 从而直接部署到github page
  • 从github 的api 以 GraphQL 形式提供

Purpose:

  • 练习使用 D3.js 进行数据可视化
  • For fun

TODO:

  • 展示follwer & following ==> 并支持展示其 repository viz

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
【OpenGL】四、Visual Studio 2019 配置 GitHub ( 从 GitHub 上克隆项目 )(一)
【OpenGL】四、Visual Studio 2019 配置 GitHub ( 从 GitHub 上克隆项目 )(一)
67 0
【OpenGL】三、Visual Studio 2019 配置 GitHub ( 将项目上传到 GitHub )(一)
【OpenGL】三、Visual Studio 2019 配置 GitHub ( 将项目上传到 GitHub )(一)
50 0
我在 GitHub 发现这 3个项目,真绝了!
我在 GitHub 发现这 3个项目,真绝了!
77 0
使用 Pycharm 连接 Github 并上传项目
使用 Pycharm 连接 Github 并上传项目
29 0
快手开源的这个「斗地主」项目,在 GitHub 火了!
快手开源的这个「斗地主」项目,在 GitHub 火了!
882 0
使用smartgit拉取github项目出现: Exhausted available authentication methods错误
使用smartgit拉取github项目出现: Exhausted available authentication methods错误
165 0
Github项目搜索技巧! 教你高效地在GitHub上寻找开源项目
本篇文章是一篇Github项目搜索技巧介绍的文章。主要帮助大家如何熟练使用Github的搜索来找到自己想要的项目。介绍了项目名称搜索,项目详情搜索以及项目描述搜索几种方式。最后介绍了如何寻找到一个高质量的,值得学习的项目。通过这篇文章的指导,可以让你高效地寻找到优秀的开源项目来提升自己的项目经验。
81 0
如何把项目托管到GitHub
一.进入GitBash   红圈部分是clone的仓库所在地址,从左面左上角的Administrator或者C:\Users\Administrator.PC-201505250855都可以进入。
1247 0
+关注
ssthouse
公众号: 前端夜谈 Data visualization / 数据可视化
24
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载