The badge for mermaid-js
Live for this account, currently #165. Same idiom as the badges already in a README, so it sits in the row without looking bolted on. The color is the tier. Every style links back to the profile page.
flat, the default
flat-square
for-the-badge
Markdown
[](https://githubrankings.io/u/mermaid-js)
HTML
<a href="https://githubrankings.io/u/mermaid-js"><img src="https://githubrankings.io/badge/mermaid-js.svg" alt="GitHub rank" height="20"></a>
Options
Add ?style=flat-square or ?style=for-the-badge for the other shapes, and ?metric=stars to show the total instead of the rank.
Through shields.io
The same data is served in the shields endpoint schema, so any style shields offers works too:
https://img.shields.io/endpoint?url=https://githubrankings.io/api/badge/mermaid-js