3 ms·
> That diagram is the most interesting representation of a diagram I have ever seen. Thank you! We worked really hard on it. > Do you have a tool to generate
by jwilm 10y ago
> That diagram is the most interesting representation of a diagram I have ever seen.
Thank you! We worked really hard on it.
> Do you have a tool to generate these for you, or was it hand crafted for this post? If it's a tool, is it available anywhere?
It was hand-made for this blog post. The diagram itself was drawn in a vector graphics editor and exported as SVG. Then, using web inspector tools to find which visual box corresponded to some line of svg markup, classes/ids were added to the items we cared about. Next came writing prose for each component. Finally, a bit of JavaScript and a CSS animation makes it come alive.
> If this is a built out tool, I would use this tool all the time.
Me too!
- chamakits 10y agoFantastic work on the entire post then. Great content, and presentation. Looking forward to reading future posts like these as well.
- ngrilly 10y ago> The diagram itself was drawn in a vector graphics editor and exported as SVG. Which vector graphics editor did you use?
- Lev1a 10y agoNot sure what they used but on Windows I would recommend Inkscape (perhaps an obvious choice).
- pjmlp 10y agoMy obvious choice would be Visio or PowerPoint.
- cpach 10y agoPowerpoint can’t export to SVG though, can it?
- pjmlp 10y agoNot the version that I own, but then there is Visio or the other vector formats that can be converted to SVG. I seldom use SVG, because it is failed vector format. You still cannot guarantee an image will work properly across all browsers (desktop, mobile devices) or vector design tools. PS or PDF have more chance of working across tools.