Close Menu
    [OC] Bubble chart of my Steam library scaled by hours played, built a site so anyone can generate theirs
    Data

    [OC] Bubble chart of my Steam library scaled by hours played, built a site so anyone can generate theirs


    Would be great if some people could test it and give feedback

    Posted by Ok-Beyond2832

    View 25 Comments

    25 Comments

    1. Ok-Beyond2832 on

      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

    5. Atmos56 on

      Super cool. Did you basically use the time played as the width and height variables? How did you achieve the placement of all of these in a non grid like fashion?

      Edit: scanned through the GitHub and the library for the data visualisation used is D3! Very nifty library to know about. Thanks OP for sharing this

    8. Squashyhex on

      Any way to get that to work without logging into your steam profile? I know steamdb only needs your user ID to generate data

    9. JoshuaJSlone on

      Pretty cool. Feature I’d like to see: choose to ignore/remove games. Right now my biggest bubbles are for a few idle games that spent a few thousand hours running without me around. Technically true, but I’d also like to see the version based on games I played more actively.

    12. lukekul12 on

      Wow, found someone with the same D2 / Rocket League addiction as me

      Anyways, it doesn’t seem to work on Mobile – tried both safari and Chrome. Just the “log into steam” button remains after attempting login

      Though I’m sure you weren’t designing for that

    15. flyinggoatcheese on

      I’m not really comfortable I have to sign into this tool. Since there’s a lot of steam scammers and also my profile time is public anyway so I don’t need to sign in to see this data.

    17. pierrejacquet on

      Is the hours played mapped to the radius/diameter or the surface of the bubble? If it’s the radius or diameter be careful it will create bias as the visual impact will not scale linearly between bubbles.

    22. redditcirclejerk69 on

      I can’t wait for the endless streams of pictures filled with random game logos. My favorite part of every game is when its first starting to load.

    25. alexzoin on

      Really cool but I’m super definitely absolutely not signing into random things with my steam account.