Uso de gráficos em Markdown – Mermaid – Exemplos

flowchart TD
    A --> B
    B --> C
    A --> C

1. Diagramas de Fluxo (Flowchart)

• Descrição: Usado para representar fluxos de trabalho ou processos.
• Exemplo:

  flowchart TD
  A[Start] --> B{Is it working?}
  B -->|Yes| C[Great!]
  B -->|No| D[Fix it]
  D --> B

2. Diagramas de Gantt

• Descrição: Usado para representar cronogramas de projetos.
• Exemplo:

  gantt
  title A Gantt Diagram
  dateFormat  YYYY-MM-DD
  section Section
  Task1           :a1, 2024-01-01, 30d
  Task2           :after a1  , 20d
  Task3           : 2024-02-01  , 20d

3. Diagramas de Classe

• Descrição: Usado para representar a estrutura de classes em linguagens de programação orientadas a objetos.
• Exemplo:

  classDiagram
  class Animal {
      +String name
      +int age
      +void eat()
  }
  class Dog {
      +void bark()
  }
  Animal <|-- Dog

4. Diagramas de Sequência

• Descrição: Usado para representar interações entre objetos em uma sequência de tempo.
• Exemplo:

  sequenceDiagram
  participant Alice
  participant Bob
  participant John
  Alice->>Bob: Hello Bob, how are you?
  Bob-->>Alice: I am good thanks!

5. Diagramas de Estado

• Descrição: Usado para representar diferentes estados de um sistema e as transições entre eles.
• Exemplo:

  stateDiagram-v2
  [*] --> S1
  S1 --> S2
  S2 --> S3
  S3 --> [*]

6. Diagramas ER (Entity Relationship)

• Descrição: Usado para representar entidades e seus relacionamentos em um banco de dados.
• Exemplo:

  erDiagram
  CUSTOMER ||--o{ ORDER : places
  ORDER ||--|{ LINE-ITEM : contains
  CUSTOMER {
      string name
      string address
  }
  ORDER {
      int orderNumber
      string orderDate
  }

7. Diagramas de Árvore (Tree Diagram)

• Descrição: Usado para representar hierarquias, como árvores de decisão.
• Exemplo:

  graph TD
  A[Root] --> B[Branch 1]
  A --> C[Branch 2]
  B --> D[Leaf 1]
  C --> E[Leaf 2]
  A --> F
  F --> A

8. Diagramas de Padrão de Viagem (User Journey)

• Descrição: Usado para representar as etapas que um usuário segue ao interagir com um sistema.
• Exemplo:

  journey
  title My User Journey
  section Stage 1
    User: 5: User signs up
    User: 3: User logs in
  section Stage 2
    User: 2: User starts a trial
    User: 4: User upgrades to paid

9. Diagramas de Mapa Mental (Mindmap)

• Descrição: Usado para representar ideias e conceitos em torno de um tema central.
• Exemplo:

  mindmap
  root((Mindmap))
      A((Main Idea A))
          B((Sub Idea B))
          C((Sub Idea C))
      D((Main Idea D))

10. Diagramas de Matriz (Gitgraph)

• Descrição: Usado para representar a história de commits em um repositório Git.
• Exemplo:

  gitGraph
  commit
  branch develop
  commit
  branch feature
  commit
  checkout develop
  merge feature
  commit

11. Diagramas de Matriz de Decisão

• Descrição: Usado para representar decisões e suas possíveis consequências.
• Exemplo:

  graph TD
  A[Decision] -->|Option 1| B[Result 1]
  A -->|Option 2| C[Result 2]