A tool for designing with code?

Question

JavaScript

Hello!
If the task is to develop a tool with which you can place predefined blocks on a flat coordinate system (or even find the sizes of such blocks), but with a restriction on placement relative to each other (rules), then in which direction to dig? CAD with python capability? Any libraries using SVG? Any GIS?

Answer 1

The description is too vague. Autocad, or some other *cad, is also suitable for it, there are many of them, and some are free.
If you write yourself, then everything has already been invented before you . There are also libraries for different languages.
And yes, then you can convert the result to svg or whatever you need.

Answer 2

The way you described the task - you can do anything, you just need JS and a bunch of divs to draw blocks.
A library to "draw blocks on a constrained screen and maybe even find their sizes" is not needed.
If the task is to develop some kind of system, then you take it and develop it in accordance with the task, the necessary functionality, the given restrictions, and so on.

Answer 3

Interact js for moving, manual rules. Gridster and analogues are available, from there you can take the idea of ​​moving blocks along the grid and preventing overlap. Svg and canvas are bad at rendering any arbitrary content, if the blocks are more complicated than the frame plus text, there will be a lot of fun, there are d3, svg.js, etc., but they don’t make life much easier.