·

Network graph of repositories, followers, stargazers, and forks to meet your GitHub fans.

Installation

Download or clone from GitHub.

# To get the latest stable version, use git from the command line.
git clone https://github.com/evoluteur/meet-the-fans

or use the npm package:

# To get the latest stable version, use npm from the command line.
npm install meet-the-fans

Getting the data

Get your data (user info, repositories, followers, stars, and forks) using GitHub GraphQL API.

Open index-data.html in your browser to fetch and download your data easily. Just enter your GitHub user name and your GitHub Access Token, then click the "Fetch data" button.

When fetching is done a "Download" button appears. Use it to download your data.

Note: it is only fetching original repositories (not including forked repos) but it is easy to change in the code.

Visualizing the data

Visualize your data using D3 force layout.

To switch to your data, change the path to "data/data-evoluteur.js" for the new file you just downloaded (in index.html).

Clicking a project dot (on the graph or in the side pane) highlights it with its stargazers and forks.

The graph supports zoom and pan. Colors, size and force layout can be configured in the config.js file. You may also want to modify the CSS.

const config = {
  height: 1600,
  width: 1200,
  strength: -30,
  distance: 50,
  userColors: {
    follower: "#B9D7EB",
    star: "#86BDDC",
    fork: "#1966AC",
    both: "#4A96C9",
  },
  colorFaded: "#e1e1e1",
  circleBorder: "white",
  maxTopics: 5,
};

To rebuild the project (minimizing the JS), run the following commands:

npm install
npm run build

License

Meet-the-Fans is released under the MIT license.

Encourage this project by becoming a sponsor.

More...

Check out my other project GitHub-Projects-Cards for a Cards view of your Github projects.

Copyright (c) 2026 Olivier Giulieri.