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 -
LinkedIn | Codersrank | Dev.to | Medium | Portfolio | Resume
Notable projects - askhadith.com | storypoint.dedsec.life | golpo.dedsec.life
Currently working on Zero - A high performance Python microservice framework for RPC and Pub-Sub
Some recent side projects -
-
👥 Create a blazing fast mock server with just a JSON file! (Go) - Gmocker -
👕 Realtime story pointing (or T-shirt sizing) app - storypoint.dedsec.life (repo) -
👫 Social network - golpo.dedsec.life (Need contributors repo) -
📰 Minimalistic uncluttered latest news (of Bangladesh) - news13.netlify.app -
🖇 Link sharing platform - sic.dedsec.life (repo) -
📖 Hadith search engine - askhadith.com (repo) -
🚦 Resource limit tracker - Cap-em - 🪵 A logging annotation library for reactive java - Loggable
- ♻︎ Async to sync using
-
📔 A Fiber(Go) backend for a diary app - repo
My codersrank…
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!

(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)