Re:Is BGP Safe Yet?
by imagine99 on Friday April 17, 2020 @01:32PM
(#22901095)
Yes, they look really great and responsive, too. I'd actually like to know how they were done... Are they just basically coded by hand or is there a visual tool you can use to design interactive graphical stuff like this in what I guess is HTML5/CSS/maybe JavaScript, similar to (dare I mention the word) Flash in the olden days? (Sorry, haven't done any web development in decades, obviously :-)).
[ Parent
| on HN ]
Re:Is BGP Safe Yet?
by adamschwartz on Friday April 17, 2020 @01:42PM
(#22901172)
Yup, they were coded by hand!
Here was the initial commit which added the first diagram (originally there was only one):
a really cool way to explain RPKI, thanks for sharing!
Nitpick but the terms are useful: they are not responsive, they are interactive. Responsive (in modern front-end parlance) means they would adapt to different screen sizes. Some mainstream publications have been publishing responsive diagrams and I love it (here's an outstanding example: [1]). But this is not the case here.
[1]: https://graphics.reuters.com/CHINA-HEALTH-SOUTHKOREA-CLUSTER...
Re:Is BGP Safe Yet?
by neurostimulant on Friday April 17, 2020 @02:05PM
(#22901363)
It's basically animating SVG with CSS, which is very neat. Not using js at all except to toggle some class names when you click the button.
Re:Is BGP Safe Yet?
by adamschwartz on Friday April 17, 2020 @02:34PM
(#22901597)
It’s really just using CSS to animate regular HTML elements. SVG is used for the icons (the laptop, server, cloud), but the grid lines, connection lines, and packet animation are all just plain `<div/>`s :P
But you’re totally correct about the JS only toggling between path="happy" and path="sad"