Readit Newstrebeljahr commented on Ask HN: Do you know travel blogs that have animated SVG maps of their travels? · Posted by u/trebeljahr
Doing a temple stay at Koyasan is by far my favorite lifetime travel experience.
what made it so special?
trebeljahr commented on Ask HN: Do you know travel blogs that have animated SVG maps of their travels? · Posted by u/trebeljahr
So.. I don't know what you're talking about but I work in a corporate environment where we can't use JS but we can use SVG images... As a consequence I end up creating graphics in illustrator, exporting to SVG and then hand animating them with CSS animations.
I wouldn't recommend doing it my way, but for path animations they are likely animating the stroke length. Here is an example that might help, but use an animation tool if you can.
https://css-tricks.com/svg-line-animation-works/
One thing of note with stroke animations.. if you transition to/from negative numbers the animation breaks in Safari (negative numbers are out of spec aparently). There is a work around but I can't remember it at the moment, it results in the stroke animation playing in reverse though.
As mentioned above, if you can use a JS library, use one.
nice, thanks for the article. Never seen this trick before but it looks super neat.
What sort of JS library would you recommend for a similar effect to this? PixiJs, D3, Paper, P5.js, good old vanilla canvas?
trebeljahr commented on Ask HN: Do you know travel blogs that have animated SVG maps of their travels? · Posted by u/trebeljahr
This is Dead Internet theory in action.
have you seen the Freya Holmer video on generative AI as a parasitic cancer?
https://www.youtube.com/watch?v=-opBifFfsMY
Also I love how the internet is "dead", yet here we are, on a website with a bunch of humans providing soooo much value that at least corners of the internet still seem very much alive.
I wish there were more sites like HN.
trebeljahr commented on Ask HN: Do you know travel blogs that have animated SVG maps of their travels? · Posted by u/trebeljahr
Oh, I made this! (almost a decade ago, huh)
this is one of the coolest things I've seen in a while and I'll take inspiration from the article.
Also, funny how in the blog post it says the Github will come soon and now almost a decade later there is still no Github link :)
trebeljahr commented on Ask HN: Do you know travel blogs that have animated SVG maps of their travels? · Posted by u/trebeljahr
this is super cool! Do you know how they achieve this effect?
trebeljahr commented on Ask HN: Do you know travel blogs that have animated SVG maps of their travels? · Posted by u/trebeljahr
haha, I just asked ChatGPT and it references this HN post.
It's a small world.
whut?! this is unreal.
trebeljahr commented on Ask HN: Do you know travel blogs that have animated SVG maps of their travels? · Posted by u/trebeljahr
That's my site! I did it for quite a few photosets, like this one https://photos.paulstamatiou.com/africa/southern-serengeti-t...
Surprised it still mostly works fine many years later
thanks for the great work :)
trebeljahr commented on Ask HN: Do you know travel blogs that have animated SVG maps of their travels? · Posted by u/trebeljahr
Is it this one? https://photos.paulstamatiou.com/new-zealand/coromandel-peni...
EDIT: Any HN mods/devs reading this -- there seems to be a display bug for comment creation time? On edit it says 20hrs (accurate), whereas viewing the comments otherwise shows that it was posted an hour ago. Not sure what's going on
daaaamn!
That's the one :) Thank you so much for finding it!