I had a customer ask for something similar a while back and ended up building something pretty close to this with Redis. I like your design more with the hexagons.
I considered this, but it doesn't add much value for my primary use case (landing page).
While doing this I've learned that one can embed a <script> tag into SVG so this can implemented this way. Scripts run if the SVG is added to the page with <embed> or <object> tag, but not with the <img> tag. This opens a possibility of "graceful degradation" where the SVG uses live streaming where possible with a static fallback.
Looks very cool and I appreciate the refs to previous work, very interesting.
On my Mabook Pro 2019 the github page immediately takes a lot of cpu time. In whatever browser I am using the cpu cooling kicks in strongly. Also, on Safari the looks are not as good as in Firefox or Chrome.
I use a slightly modified version of your beautiful map on my website (https://mys-lang.org/statistics.html). No animations and the green circles are not quite aligned to the hexagons. Works well enough for my use case anyway.
11 comments
[ 2.5 ms ] story [ 29.5 ms ] threadEdit: Why the downvote?
While doing this I've learned that one can embed a <script> tag into SVG so this can implemented this way. Scripts run if the SVG is added to the page with <embed> or <object> tag, but not with the <img> tag. This opens a possibility of "graceful degradation" where the SVG uses live streaming where possible with a static fallback.
On my Mabook Pro 2019 the github page immediately takes a lot of cpu time. In whatever browser I am using the cpu cooling kicks in strongly. Also, on Safari the looks are not as good as in Firefox or Chrome.
I use a slightly modified version of your beautiful map on my website (https://mys-lang.org/statistics.html). No animations and the green circles are not quite aligned to the hexagons. Works well enough for my use case anyway.