Show HN: Map of active customers for landing page | Hacker News Reader

Show HN: Map of active customers for landing page

github.com

34 pointsziolko11 comments

The CPU usage sky rockets when showing the world SVG in my Chromium browser. Is there any trick to make the animated SVG be less CPU intensive?

Right, the animated SVG can be demanding for the browser. I will try to solve this in the upcoming days :)

Thanks!

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.

Is this a live-streaming (forever-loading) SVG? Neato!

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.

It's cool but why the dependency on Vercel account for what is basically js/redis/svg?

Well, the server-side part of it needs to run somewhere. Looks pretty good to me, very straightforward.

My primary goal was to get this up and running for my website. I really enjoyed the end effect so decided to open-source it as is.

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.

Nice work. I appreciate the relative simplicity of the integration & look forward to using this soon.

Edit: Why the downvote?

Reply on news.ycombinator.com