Editable mermaid diagrams not images

Hi ​@Melissa Brown 

Thanks so much for taking the time to submit this idea. Our team will review this and it’s open for votes and comments. 

For those coming across this idea, if you feel this would be helpful for you or your business, please be sure to vote for it and leave a comment about your use case to help our team scope this request!

Thank you again for helping make Miro better!

I vote for it, getting Miro style for ERD diagrams plus the flexibility in (re)positionning elements would attract more users to adopt it. 

You could start with a basic interpreter that could integrate the following formats:

(ref. https://mermaid.js.org/syntax/entityRelationshipDiagram.html)

erDiagram
    p[Person] {
        string firstName
        string lastName
    }
    a["Customer Account"] {
        string email
    }
    p ||--o| a : has
 

and:

erDiagram
    CAR ||--o{ NAMED-DRIVER : allows
    CAR {
        string registrationNumber PK
        string make
        string model
        string[] parts
    }
    PERSON ||--o{ NAMED-DRIVER : is
    PERSON {
        string driversLicense PK "The license #"
        string(99) firstName "Only 99 characters are allowed"
        string lastName
        string phone UK
        int age
    }
    NAMED-DRIVER {
        string carRegistrationNumber PK, FK
        string driverLicence PK, FK
    }
    MANUFACTURER only one to zero or more CAR : makes
 

This is beyond critical in the age of LLM-generated documentation and is a HUGE miss. Ignore the vote count, this needs to be high on your priority list. Don’t ask your product owners, ask your devs. They’ll tell you.