dougmaitelli/gitcg

GitHub: dougmaitelli/gitcg

GiTCG 将 GitHub 用户统计数据转化为游戏化集换式卡牌,通过对数评分算法生成带稀有度段位的自包含 HTML 卡牌。

Stars: 2 | Forks: 1

GiTCG — GitHub Profile Cards

从任意 GitHub 个人资料生成一张集换式卡牌。分数是根据通过 GitHub API 获取的真实统计数据计算得出的,卡牌会渲染为一个单一的自包含 HTML 文件。

Animated demo of GitHub profile cards

## 评分规则 每项指标都采用对数曲线,因此每个级别的增长都很有意义,而不仅仅是针对顶级账户。各项指标单独设有上限,其综合得分上限为 100 分,这使得不同类型的 GitHub 活动都有机会达到顶级段位。仓库指标仅统计原创仓库,并包含 GitHub 返回的所有仓库页面。 | 指标 | 最高分 | 满分标准 | | ----------- | -----: | ---------------- | | Stars | 35 | 100k stars | | Followers | 30 | 10k followers | | PRs | 20 | 1k pull requests | | Issues | 15 | 1k issues | | Stars/yr | 10 | 1k stars/year | | Avg. Stars | 15 | 1k avg per repo | | Languages | 10 | 5+ languages | | Account Age | 10 | 8+ years | | 分数 | 段位 | | ----: | --------- | | 0–19 | Common | | 20–39 | Uncommon | | 40–59 | Rare | | 60–79 | Epic | | 80–100 | Legendary | ## 开发 ``` yarn install yarn dev # http://localhost:8081 yarn build # outputs dist/index.html (single file) yarn typecheck yarn lint ``` 若要在开发期间预览特定的稀有度段位,请在 URL 后附加 `?rarity=legendary`(或任何段位名称)。 ## Demo GIF 生成一个简短且循环的 GIF,循环播放确定性的示例卡牌: ``` yarn playwright install chromium # first run only yarn demo:gif # writes assets/card-demo.gif ``` 录制器需要使用 `ffmpeg`。可以传入一个路径以将其保存到其他位置,例如 `yarn demo:gif /tmp/cards.gif`。示例 GitHub 响应数据是模拟的,因此生成过程不会 消耗 API 请求次数,也不依赖于网络数据。
标签:HTML, 威胁情报, 开发者工具, 数据可视化, 特征检测, 自动化攻击