[OC] Bubble chart of my Steam library scaled by hours played, built a site so anyone can generate theirs (Patched)
Had a post up before with a ton of awesome features you guys were recommending before the post got removed, and I think I added every single one. Let me know if there's anything else I should add
Source: My Steam owned games and playtime pulled through Steam OpenID login and the Steam Web API GetOwnedGames endpoint, minutes converted to hours.
Tool: Web app I built with React/TypeScript and D3 pack/force layouts to size and place bubbles
Code/demo: GitHub and live site hosted on render
Also I believe it only works on PC Chrome, working on a fix for other platforms and browsers.
Edit: Also keep in mind this is hosted on some free version of render, so if too many people are on it, it will be slow and might crash, and if nobody is on it will shut off until someone tries to access, which it then takes a sec to start back up. So please be patient
This is honestly very cool, great job! Tested this on my PC Firefox and seems to work well, apart from slightly awkward saving (had to shift it around so the SVG export doesn’t cut it off)
I’ll have to give this a try, though it won’t be very accurate for me as the many hundreds of hours I have in TF2 were all from before time tracking, and I tend to just leave games paused in the background rather than close them, so a number of games have highly inflated playtime stats.
byzod on
Please support link like `https://steamcommunity.com/id/userid-or-id64/`, because when you click the urlbar in steam client it always copies the full link, you have to press delete many times to make it works when you paste into the site
Can you implement “multiple account support”? My games are spread across like 3 Steam accounts, and from those CS for example I play on multiple accounts. A feature where I connect all 3 and it sums up my hours for “duplicate” games and shows the other individual ones would be sick!
Wow awesome job!!
For some reason it won’t scale with my playtime. I double checked my privay settings its all on public. Am I missing something?
Also wanna ask is there any chance I can use the script for my boardgames. I have a csv with 2 columns Name and Playtime. I would ignore the images in that case
22 Comments
Source: My Steam owned games and playtime pulled through Steam OpenID login and the Steam Web API GetOwnedGames endpoint, minutes converted to hours.
Tool: Web app I built with React/TypeScript and D3 pack/force layouts to size and place bubbles
Code/demo: GitHub and live site hosted on render
Also I believe it only works on PC Chrome, working on a fix for other platforms and browsers.
Edit: Also keep in mind this is hosted on some free version of render, so if too many people are on it, it will be slow and might crash, and if nobody is on it will shut off until someone tries to access, which it then takes a sec to start back up. So please be patient
https://preview.redd.it/dybd2pqlhs2g1.jpeg?width=1649&format=pjpg&auto=webp&s=35f1839ed8ace96241c99ff0a0b1e9ad2e981c6a
Thank you that is pretty cool.
This is honestly very cool, great job! Tested this on my PC Firefox and seems to work well, apart from slightly awkward saving (had to shift it around so the SVG export doesn’t cut it off)
https://preview.redd.it/tulej8mghs2g1.png?width=1120&format=png&auto=webp&s=3521f26d9e0d64a98c3f27cc92d2be0f0949810c
my counter strike 1.6 says 200 hours played, but i know thats a big fat lie, pretty sure its closer to 10-15k hours.
https://preview.redd.it/ez6i2owqjs2g1.png?width=827&format=png&auto=webp&s=de606381649e6774e2864392cbd6a13451621c15
Awesome little tool OP!
https://preview.redd.it/9tjgcx3iks2g1.png?width=630&format=png&auto=webp&s=424d03448e1c0c96201b286835c940c2c2dc799c
Cool
doesn’t scale for me. there should be 3 big blobs and lots of small ones. all looked kinda the same size.
tried to merge the 3 Van Helsings into the Final Cut. I and II worked but with III there was no Final Cut on the right side anymore.
I see you’re yet to complete one full game of Civ
I don’t see a link how can I do this?
*
Here is mine
(Im too poor to buy videogames)
https://preview.redd.it/36p1muycos2g1.png?width=876&format=png&auto=webp&s=3eba821a7a1aad7e550ea76075b0c9e8fc4253c1
Typical dota player i guess^^
I’ll have to give this a try, though it won’t be very accurate for me as the many hundreds of hours I have in TF2 were all from before time tracking, and I tend to just leave games paused in the background rather than close them, so a number of games have highly inflated playtime stats.
Please support link like `https://steamcommunity.com/id/userid-or-id64/`, because when you click the urlbar in steam client it always copies the full link, you have to press delete many times to make it works when you paste into the site
https://preview.redd.it/625fa2drps2g1.png?width=1080&format=png&auto=webp&s=9ba30dc3cfa9d9b4f385c676052c585cde2e2931
🗣️ The Finals
Can you implement “multiple account support”? My games are spread across like 3 Steam accounts, and from those CS for example I play on multiple accounts. A feature where I connect all 3 and it sums up my hours for “duplicate” games and shows the other individual ones would be sick!
https://preview.redd.it/6hgl8ujzqs2g1.png?width=766&format=png&auto=webp&s=d180aaa6b80b8024475da1130429e39f947d3f2a
Nice
https://preview.redd.it/vcv36k2drs2g1.png?width=1149&format=png&auto=webp&s=97d9bb96acecdcee5c343b137578d6651acc6074
Pretty fun tool, thanks !
https://preview.redd.it/1dn6cuekss2g1.png?width=710&format=png&auto=webp&s=aac5424485e93021d8865b2ff722c55f97bdaf57
the factorio bubble must grow.
Very cool work! Mine are decently balanced thankfully.
https://preview.redd.it/wjtrcfb3us2g1.png?width=884&format=png&auto=webp&s=a3d2d694d63de48388ae6b65fa7555b1da9d61de
https://preview.redd.it/6zytewvlvs2g1.png?width=932&format=png&auto=webp&s=c33572f9a3225c6fb45f7706d6e8f11e81910c6b
Nice, I love it!
Wow awesome job!!
For some reason it won’t scale with my playtime. I double checked my privay settings its all on public. Am I missing something?
Also wanna ask is there any chance I can use the script for my boardgames. I have a csv with 2 columns Name and Playtime. I would ignore the images in that case
https://preview.redd.it/54wnfcd8zs2g1.png?width=1210&format=png&auto=webp&s=4df2d46f83128c1e40d6a35fe7b8e06ef9a51b0b
This is awesome.