返回

Chrome插件开发 - 用开源仓库,绘制Star趋势图

前端

在茫茫开源项目仓库中,想要知道某个仓库受欢迎的程度,很简单,看star数量就可以了。但有时候,我们想了解仓库的star数量是如何随着时间推移而变化的,这时就需要用到star历史记录了。

市面上有一些付费工具可以提供这项服务,但这里我们要介绍一个免费的开源仓库,它可以绘制出star历史趋势图,帮助你了解仓库的受欢迎程度,以及它随着时间的推移而发生的变化。

这个仓库的名字叫「star-history」,它是用 JavaScript 编写的,使用 GitHub API 来获取仓库的star历史记录。star-history 使用了一个叫做 Plotly.js 的 JavaScript 库来绘制图表,Plotly.js 是一个非常强大的图表库,可以绘制各种各样的图表。

star-history 的用法非常简单,只需要在仓库的页面上安装一个 Chrome 扩展程序就可以了。安装好扩展程序后,刷新一下仓库页面,你就会看到一个新的按钮,点击这个按钮就可以生成star历史趋势图了。

star-history 生成的图表非常直观,你可以很清楚地看到仓库的star数量是如何随着时间推移而变化的。图表中还显示了仓库的平均star数量,以及仓库在不同时期的star增长率。

star-history 是一个非常有用的工具,它可以帮助你了解仓库的受欢迎程度,以及它随着时间的推移而发生的变化。如果你经常使用 GitHub,那么强烈建议你安装这个扩展程序。

下面,我们将详细介绍如何使用 star-history:

  1. 安装 Chrome 扩展程序

首先,你需要安装 star-history 的 Chrome 扩展程序。你可以通过 Chrome 网上应用店安装扩展程序,也可以直接点击下面的链接进行安装:

https://chrome.google.com/webstore/detail/star-history/bklfmclgfbekbgcplokjnjfdodbbepfe

  1. 刷新仓库页面

安装好扩展程序后,刷新一下仓库页面。你就会看到一个新的按钮,点击这个按钮就可以生成star历史趋势图了。

  1. 查看star历史趋势图

点击按钮后,star-history 会自动生成star历史趋势图。图表中显示了仓库的star数量是如何随着时间推移而变化的。图表中还显示了仓库的平均star数量,以及仓库在不同时期的star增长率。

  1. 导出图表

如果你想把图表导出为图片或数据文件,你可以点击图表右上角的「导出」按钮。star-history 支持导出 PNG、SVG 和 CSV 格式的文件。

以上就是 star-history 的使用方法。希望这个工具对你有帮助!