Advanced Dynamic SVG XML Image Required for New Website

Job ID: 31049688

Budget: $25 – $50 AUD

Hello Developers,

Please take a look at the central content at the follow test page on our development (WP) site.
https://test.poolexpress.com.au/d-svg2/

Make sure you experiment with that form before replying.

You will see a simple form with mulitple options. Those options generate the "Pool Shapes" and "dimensions" shown in the diagram - see the highlighted area in the image attached.

That diagram is all CSS - Clunky, because it is not scalable.

Ideally, this diagram image would be an SVG, totally scalable - the XML would be updated anytime a user updated one of the form fields.

We are looking for someone to build a standalone, functioning dynamic diagram that resonds to the dispayed form fields.
We will then worry about integrating this on our site.

This is an unusual job requirements - Any suggestion from skilled specialists more than welcome - Would be happy to hear suggestions or alternative approaches that achieve what we need.

Thanks
Related categories: JavaScript XML CSS HTML