Build a JavaScript vector drawing

I'd like to commission a developer to help me create a simple mathematical art piece in the form of a super-sized image, on behalf of the math games company WeWantToKnow. See the images attached. The image will start off with some intersecting lines forming a shape. This is essentially an image zoomed in 1000% or more, and the user can scroll to zoom out until the full image fits the width of the screen. Naturally, an actual image of this size would be huge, so I'm thinking it would be better to draw it programmatically, which might also enable the line thickness to scale up a bit as you zoom out, so that they're not nearly invisible when zoomed all the way out. The image can not look pixellated when zoomed all the way in, but achieving this with some “trickery” like swapping out images is ok. Basically the reverse of [login to view URL], but at a larger scale. [login to view URL] Whichever approach works best is up to the developer, but I imagine a JavaScript vector drawing could work very well. Sincerely, Erlend Sogge Heggen WeWantToKnow