Chrome插件 GitHub-Chart Commits3D直方图视图

现在没有多少人不用github,使用频率很高,首页的contributions对于我们了解自己和别人的提交记录比较有帮助,简直是交友神器,修改成立体直方图以后更加直观。之前看到过一款插件isometric-contribution ,不过其实现方式依赖了通过修改

效果

《Chrome插件 GitHub-Chart Commits3D直方图视图》
《Chrome插件 GitHub-Chart Commits3D直方图视图》
《Chrome插件 GitHub-Chart Commits3D直方图视图》

杂话

之前jasonlong出过一款插件isometric-contributions,使用canvas画图,依赖于jquery、obelisk,并且仅仅实现了一定程度上的信息化。。最近我想要练习写chrome插件,所以做出了svg版本,代码逻辑层面都是原创(不过最初的样式设计上有很大的参考),也看了isometric-contributions的源码,在效率上做出了优化。

特性

三种图形展示:直方图、折线图、饼图,支持颜色切换。

Hack

chrome插件安装地址:GitHub-Chart
github仓库地址:GitHub-Cahrt on GitHub
欢迎使用以及pr,如果安装过isometric-contributions,不会有冲突,不过估计你会直接停用isometric-contributions~

    原文作者:sobranie
    原文地址: https://segmentfault.com/a/1190000002944416
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞