We have to provide our customers possibility to make such real estate plan(picture below) for renting trade space, shapes could be of different form and could be grouped. Would be great to have the ability to set real size (e.g. meter), could you advise the right component or library capable to do so?


  • Would you accept plain JS?
    – Mawg
    Commented Mar 27, 2021 at 7:46

1 Answer 1


Diagram is a feature-rich react component for visualizing, creating, and editing interactive diagrams like flow charts, organizational charts, mind maps, BPMN diagrams, and more. Its rich feature set includes built-in shapes, editing, serializing, exporting, printing, overview, data binding, and automatic layouts.

Herewith we have a created a simple sample to achieve such a real estate plan(picture below) for renting trade space with Diagram’s Nodes.

Example: https://stackblitz.com/edit/react-cxavth-kspej5

More Examples: https://ej2.syncfusion.com/react/demos/#/material/diagram/default-functionality

For further information, please refer our help documentation The whole suite of controls is available for free (commercial applications also) through the community license program if you qualify. The community license is the full product with no limitations or watermarks.

Note: I work for Syncfusion

  • $ 995 /developer 1st year $445 /2nd year - for the gig buys, BUT, Companies and individuals with less than $1 million USD in annual gross revenue and 5 or fewer developers can use the full, free community edition. Looks excllent, thanks
    – Mawg
    Commented Mar 27, 2021 at 7:54

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

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