hypertrons / hypertrons-crx

A browser extension for insights into GitHub projects and developers.
https://crx.hypertrons.io
Apache License 2.0
329 stars 91 forks source link

[OSS101] Task 4: Circle of contributors #808

Open tyn1998 opened 1 month ago

tyn1998 commented 1 month ago

Description

What is the Circle of Contributors?

Contributors generally refer to project contributors, and Circle of contributors can be understood as the circle of contributors. If you have installed Hypercrx , you can click the Preceptor button on a GitHub project and see the Active Developer Collaboration Network at the bottom, as shown in the image below.

image-20240515134711185

image-20240515134739165

Task Objectives

Develop a new Contributor Circle Chart based on network graph data. The data for the network graph can be obtained from opendigger. A sample diagram is shown below. Replace the avatar area under the contributors section on the repository homepage with the Contributor Circle Chart. Additionally, provide a button that allows users to switch back to the default avatar display.

image-20240515135818231

任务描述

Circle of contributors是什么?

contributors一般指的是项目的贡献者,Circle of contributors可以理解为贡献者圈子。如果你安装了Hypercrx,你可以点击 github 项目上的 Preceptor 按钮,在最下方看到 Active Developer Collaboration Network,如下图所示。

image-20240515134711185

image-20240515134739165

任务目标

基于网络图的数据开发一个新的 Contributor Circle Chart,网络图的数据可以从 [opendigger](X-lab2017/open-digger: Open source analysis tools (github.com)) 获取。示意图如下图所示。将 Contributor Circle Chart 覆盖原先仓库主页中 contributors 下的头像区域。并提供按钮能够让用户切换回原本默认的头像显示。

image-20240515135818231