I have built this dynamic ๐ผ SVG generator that collects the ๐น games you play from Steam and generates an image that can be embedded in any site (cause all sites use html ๐
). You can also put it in โ .md files (like readme)! For example in GitHub profile readme, look at mine -
Some recent pet projects -
- Social network - golpo.dedsec.life (Need contributors repo)
- Minimalistic uncluttered latest news (of BD) - news.dedsec.life
- Link sharing platform - sic.dedsec.life
- Hadith search engine - askhadith.com
- Resource limit tracker - Cap-em
- A logging annotation library for reactive java - Loggable
This is my Steam stats (repo) -
All you need is to make your Steam profile public. The steps are shown in the repo -
Ananto30
/
steam-stat
๐ฎ Dynamically generate your Steam (game) stats card on SVG
Steam-stats
Steam stats svg generator. Create your own Steam stat dynamically and share anywhere.
This can be used with .md files!
You can put in your GitHub readme too
Example ๐
For .md files -
For using as img property in html or md files -
<img src="https://steam-stat.vercel.app/api?profileName=ananto"/>
You need to provide the profile name in query parameter ?profileName=ananto.
Please ensure that your Steam profile is public!
How to get profile name or url
How to make profile public
Contribution
Contributions are welcomed
There are many things to add, so please feel free to discuss and improve the code quality
Inspired by github-readme-stats and natemoo-re
I am attaching the following line in this blog post and it will dynamically generate the SVG every time someone visits this page!
Result -
(Obviously this has some caching to reduce spamming the Steam API ๐)
Please give it a โญ๏ธ star if you like it. ๐
Suggest any further improvements and contributions are also welcomed. ๐
Share your profile in the comment! ๐
Discussion (0)