CODEWITHSUNDEEP
erdmermaid
Rick Van Boxstael
Rick Van Boxstael

Reputation: 181

Is it possible to style an Entity Relation Diagram with Mermaid.js like Flowcharts to indicate a difference in entities?

I can't seem to style any elements within my ERD.

Having an entity called PERSON, any of the following code results in a syntax error:

style PERSON fill:#f9f;

or

classDef className fill:#f9f; 
class PERSON className;

or

classDef default fill:#f9f;

Looking at the documentation, I should be able to use simple styling: https://mermaid-js.github.io/mermaid/#/entityRelationshipDiagram?id=styling

Basically I'm trying to make a high level ERD where I need to mark certain entities to indicate a difference.

Any help or advice would be appreciated. :-)

Upvotes: 18

Views: 7623

Answers (2)

Douglas M
Douglas M

Reputation: 1126

Well the documentation and issue were updated 4 months after my answer, thus "Yes" it's possible to style erDiagrams. You have to start with the base style though.

Upvotes: 1

MaduKan
MaduKan

Reputation: 680

I wasn't in luck either. In flowcharts it seems possible to style and shape the nodes though. https://github.com/mermaid-js/mermaid/blob/develop/docs/examples.md

Upvotes: -1

Related Questions