I'd like to make something like this programatically.


enter image description here

Does anyone have a suggestion? Could you approach this programmatically with Illustrator, Inkscape, HTML5, or Three.JS?

  • Hi and welcome to GDSE! Do you have any programming experience? Hard to know where to start when you don't show us what you have tried. Does it have to be programmatical? Only makes sense if you are going to make a lot of different wheels. If you're just making one it would be faster to just construct it manually. – Wolff Nov 23 '20 at 22:29
  • Yes you can do this with all the technologies you asked. But seems to me you need to do the choice. – joojaa Nov 24 '20 at 6:47
  • Graphics created in Illustrator or Inkscape can be saved as SVG (scalable vector graphics), which is a kind of XML, a markup language. You can edit that code in a text editor, in fact you can even manually code an entire SVG without any graphics software if you feel so inclined. – Billy Kerr Nov 24 '20 at 9:34

You should use Scalable Vector Graphics (SVG) for this type of graphic. You can code SVG directrly in a text editor or use some vector graphics software. If you want to control the colors, borders etc. you have to make them variables. You can also assign id and class to different elements within the SVG and control them with CSS ... it's just the way to go.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.