chart_module
Embeds a single chart post by relationship. The chart\'s own data (source, type, caption, description) renders via the universal chart-render component, which dispatches on chart_type. For one-off page-local mermaid diagrams that don\'t deserve to be entities, use the legacy mermaid_chart_module instead.
This is a custom contextual chart title
%%{init: {'look':'classic'}}%%
flowchart TD
Home --> Programs
Home --> Studies
Home --> Gems
Home --> Blog
Home --> FAQs
Home --> BookMeeting
Home --> SignIn
Home --> Search
Programs --> ProgramDetail
Studies --> StudyDetail
Gems --> GemDetail
Blog --> BlogPost
BookMeeting --> Confirmation
SignIn --> Dashboard
classDef visible color:inherit
classDef temp color:inherit
classDef hidden color:inherit
Example chart caption here
Example chart description could be here, unless not needed.
Example chart title
%%{init: {'look':'classic'}}%%
flowchart TD
Home --> Programs
Home --> Studies
Home --> Gems
Home --> Blog
Home --> FAQs
Home --> BookMeeting
Home --> SignIn
Home --> Search
Programs --> ProgramDetail
Studies --> StudyDetail
Gems --> GemDetail
Blog --> BlogPost
BookMeeting --> Confirmation
SignIn --> Dashboard
classDef visible color:inherit
classDef temp color:inherit
classDef hidden color:inherit
Example chart caption here
If you leave out the heading, it should carry over the name of the individual chart from the system.
Example chart title
%%{init: {'look':'classic'}}%%
flowchart TD
Home --> Programs
Home --> Studies
Home --> Gems
Home --> Blog
Home --> FAQs
Home --> BookMeeting
Home --> SignIn
Home --> Search
Programs --> ProgramDetail
Studies --> StudyDetail
Gems --> GemDetail
Blog --> BlogPost
BookMeeting --> Confirmation
SignIn --> Dashboard
classDef visible color:inherit
classDef temp color:inherit
classDef hidden color:inherit
Example chart caption here
Example chart description.
A chart with featured prominence
%%{init: {'look':'classic'}}%%
flowchart TD
Home --> Programs
Home --> Studies
Home --> Gems
Home --> Blog
Home --> FAQs
Home --> BookMeeting
Home --> SignIn
Home --> Search
Programs --> ProgramDetail
Studies --> StudyDetail
Gems --> GemDetail
Blog --> BlogPost
BookMeeting --> Confirmation
SignIn --> Dashboard
classDef visible color:inherit
classDef temp color:inherit
classDef hidden color:inherit
Example chart caption here
Example chart description could be here, unless not needed.
A chart with full prominence
%%{init: {'look':'classic'}}%%
flowchart TD
Home --> Programs
Home --> Studies
Home --> Gems
Home --> Blog
Home --> FAQs
Home --> BookMeeting
Home --> SignIn
Home --> Search
Programs --> ProgramDetail
Studies --> StudyDetail
Gems --> GemDetail
Blog --> BlogPost
BookMeeting --> Confirmation
SignIn --> Dashboard
classDef visible color:inherit
classDef temp color:inherit
classDef hidden color:inherit
Example chart caption here
Example chart description could be here, unless not needed.
A chart with focused emphasis
%%{init: {'look':'classic'}}%%
flowchart TD
Home --> Programs
Home --> Studies
Home --> Gems
Home --> Blog
Home --> FAQs
Home --> BookMeeting
Home --> SignIn
Home --> Search
Programs --> ProgramDetail
Studies --> StudyDetail
Gems --> GemDetail
Blog --> BlogPost
BookMeeting --> Confirmation
SignIn --> Dashboard
classDef visible color:inherit
classDef temp color:inherit
classDef hidden color:inherit
Example chart caption here
If you wan them to stop and get them to focus for a little.
This is a custom contextual chart title
%%{init: {'look':'classic'}}%%
flowchart TD
Home --> Programs
Home --> Studies
Home --> Gems
Home --> Blog
Home --> FAQs
Home --> BookMeeting
Home --> SignIn
Home --> Search
Programs --> ProgramDetail
Studies --> StudyDetail
Gems --> GemDetail
Blog --> BlogPost
BookMeeting --> Confirmation
SignIn --> Dashboard
classDef visible color:inherit
classDef temp color:inherit
classDef hidden color:inherit
Example chart caption here
Example chart description could be here, unless not needed.
Chart with immersive emphasis
%%{init: {'look':'classic'}}%%
flowchart TD
Home --> Programs
Home --> Studies
Home --> Gems
Home --> Blog
Home --> FAQs
Home --> BookMeeting
Home --> SignIn
Home --> Search
Programs --> ProgramDetail
Studies --> StudyDetail
Gems --> GemDetail
Blog --> BlogPost
BookMeeting --> Confirmation
SignIn --> Dashboard
classDef visible color:inherit
classDef temp color:inherit
classDef hidden color:inherit
Example chart caption here
Example chart description could be here, unless not needed.
This is a custom contextual chart title
%%{init: {'look':'classic'}}%%
flowchart TD
Home --> Programs
Home --> Studies
Home --> Gems
Home --> Blog
Home --> FAQs
Home --> BookMeeting
Home --> SignIn
Home --> Search
Programs --> ProgramDetail
Studies --> StudyDetail
Gems --> GemDetail
Blog --> BlogPost
BookMeeting --> Confirmation
SignIn --> Dashboard
classDef visible color:inherit
classDef temp color:inherit
classDef hidden color:inherit
Example chart caption here
Example chart description could be here, unless not needed.