mermaid-js / mermaid

Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown
https://mermaid.js.org
MIT License
68.62k stars 6.05k forks source link

New diagram type: triangle, school timetable and new feature #3270

Open ghost opened 1 year ago

ghost commented 1 year ago

Hi all!

1. feature-name

New diagram type: triangle with mermaid

2. feature-description

2.1 Image

image

2.2 Question

Is it possible to create this diagram(triangle) with mermaid? - if yes, how?

3.3 references

ghost commented 1 year ago

Hi all!

1. feature-name

New diagram type: school timetable with mermaid

2. feature-description

2.1 Image

image

2.2 Question

Is it possible to create this diagram(school timetable) with mermaid? - if yes, how?

3.3 references

ghost commented 1 year ago

Hi all!

1. feature-name

New diagram type: triangle, school timetable and new feature

2. Why?

  1. mermaid is alternative to canva, word - ms office So... I use paid software for my personal organization - it would be interesting to use mermaid as an alternative to paid, closed-code software
  2. This would be interesting for small business owners or teachers who need to have a simple tool for personal organization through diagrams.
  3. Increases the usefulness of mermaid as a productivity and self-management tool
  4. "I recently asked Notion and Evernote to use mermaid so that users can create diagrams and thus have a better productive day" I'm thinking this too
  5. "I'm thinking of asking Wigc or W3C to implement mermaid in all browsers, this would allow mermaid to have greater recognition from people" I'm thinking this too
  6. These two diagrams are important for everyday life
  7. Mermaid should be an open format for all types of diagrams in .txt - this allows us to open any file and check its contents without having an exclusive and paid tool
  8. "Recently I'm talking on the figma forum to implement mermaid in figma - this allows ui/ux designers to create diagrams with open file format which makes life easier for users" I'm thinking this too

3. Sample.md


### tab diagram1

'''javascript
 graph LR
      A --- B
      B-->C[fa:fa-ban forbidden]
      B-->D(fa:fa-spinner);
'''

### tab diagram2

'''javascript
 graph LR
      A --- B
      B-->C[fa:fa-ban forbidden]
      B-->D(fa:fa-spinner);
'''

### tab diagram3

'''javascript
 graph LR
      A --- B
      B-->C[fa:fa-ban forbidden]
      B-->D(fa:fa-spinner);
'''

4. References