[TOC]

Github Visualization/Github data Visualization

Website links: ssthouse. Making. IO/lot – visu…

Github link: github.com/ssthouse/gi…

Results: A simple Github data display page, currently features:

  • Type github username to display all repositories
    • Supports mouse wheel zooming & dragging
    • Filter for fork repository

4. Tech: The technology used:

  • Vue is used for quick UI construction (in fact, direct use of pure HTML + JS is also ok, with Vue is just convenient to build the interface quickly)
  • D3.js, the core library for data visualization
  • The Github Page is used to display static web pages. After configuring webPack, NPM/YARN Run build can be directly deployed to github Page by compiling to the project /doc directory
  • The API from Github is provided as GraphQL
    • Using a personal token = = > see documents: help.github.com/articles/cr…

Purpose:

  • Practice data visualization using D3.js
  • For fun

If you feel good about it, take a look:)

Making the home page

Zhihu column

The Denver nuggets

Welcome to follow my official account: