よく見るこういうやつです。GitHubからそのモジュールがどのくらいダウンロードされてるか(人気か、使われてるか)分かっていいです。
https://nodei.coにアクセスすると参考画像とそのリンクが見られます。
Shut up and make me one NOW! ってとこは入力しても Package not found と表示されて使えないっぽいです。
①npm install <package> のバッジ
https://nodei.coのBadge Stylesってとこを参照してください。
基本的に
[](https://nodei.co/npm/<package>/)
ってのをREADME.mdに追記すればよくって、上のページにあるような他の画像を使いたいならURLに引数で渡す感じです。
・compact=true : 少し小さくなる。
[](https://nodei.co/npm/learnyoureact/)
・mini=true : めっちゃ小さくなる。1行になる。
[](https://nodei.co/npm/learnyoureact/)
・downloads=true : 先月のダウンロード数が下に出る。
[](https://nodei.co/npm/learnyoureact/)
・downloadRank=true : ダウンロード数のランキングが下に出る。
[](https://nodei.co/npm/learnyoureact/)
・stars=true : 何も出てない気がする。よく分からない。
[](https://nodei.co/npm/learnyoureact/)
・downloads=true&downloadRank=true&stars=true : ダウンロード数、ランキングが出る。stars は効いてない気がする。
[](https://nodei.co/npm/learnyoureact/)
②ヒストグラムのバッジ
https://nodei.coのDownload histogram badgesってとこを参照してください。
こっちも基本的に
[](https://nodei.co/npm/<package>/)
をREADME.mdに追記すれば良くて、他のを使いたかったらURLに引数で渡す感じです。
・ months=x : ヒストグラムの横軸の月数を1〜12の数値で指定。
(3ヶ月の例)
[](https://nodei.co/npm/learnyoureact/)
・ height=y : ヒストグラムの縦の高さを1〜3の数値で指定。
(高さ2の例)
[](https://nodei.co/npm/learnyoureact/)








