github repository可视化-阿里云开发者社区

开发者社区> 开发与运维> 正文
登录阅读全文

github repository可视化

简介:

[TOC]

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

如果觉得不错的话, 不妨关注一下 : )

github主页

知乎专栏

掘金

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

分享:
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

其他文章