Skip to content

Instantly share code, notes, and snippets.

@infrony

infrony/chatgpt-mermaid.md

Last active July 22, 2024 02:24
Show Gist options
  • Save infrony/acf8d05d7ae86efcb602bb129a5922dc to your computer and use it in GitHub Desktop.
Save infrony/acf8d05d7ae86efcb602bb129a5922dc to your computer and use it in GitHub Desktop.
Download ZIP
ChatGTP + Mermaid + Caso de Uso
Raw
chatgpt-mermaid.md

Diagrama de flujo

Prompt

generar un codigo de mermaid js de un flujo de compras de tomates, 
transporte y entrega de mercancia en los supermercados

Mermaid

graph TD
  A[Cliente] -- Realiza pedido --> B((Supermercado))
  B -- Procesa pedido --> C{Hay suficiente stock?}
  C -- Sí --> D[Preparación del pedido]
  D -- Empaqueta --> E[Transportista]
  E -- Transporta --> F((Centro de distribución))
  F -- Almacena --> G[Supermercado]
  G -- Entrega --> H[Cliente]
  C -- No --> I[Notificación de falta de stock]
  I -- Solicita reposición --> J[Proveedor de tomates]
  J -- Suministra tomates --> F

graph TD
  A[Cliente] -- Realiza pedido --> B((Supermercado))
  B -- Procesa pedido --> C{Hay suficiente stock?}
  C -- Sí --> D[Preparación del pedido]
  D -- Empaqueta --> E[Transportista]
  E -- Transporta --> F((Centro de distribución))
  F -- Almacena --> G[Supermercado]
  G -- Entrega --> H[Cliente]
  C -- No --> I[Notificación de falta de stock]
  I -- Solicita reposición --> J[Proveedor de tomates]
  J -- Suministra tomates --> F
Loading

Diagrama de secuencia

Prompt

podrias transformalo en diagrama de secuencia

Mermaid

sequenceDiagram
  participant Cliente
  participant Supermercado
  participant Transportista
  participant CentroDistribucion
  participant Proveedor

  Cliente->>Supermercado: Realiza pedido
  Supermercado->>Cliente: Procesa pedido
  Note over Supermercado: ¿Hay suficiente stock?
  Supermercado-->>Cliente: Sí, Preparación del pedido
  Supermercado-->>Transportista: Empaqueta y envía pedido
  Transportista->>CentroDistribucion: Transporta pedido
  CentroDistribucion->>Supermercado: Almacena pedido
  Supermercado->>Cliente: Entrega pedido

  Supermercado-->>Cliente: No, Notificación de falta de stock
  Cliente->>Proveedor: Solicita reposición
  Proveedor->>CentroDistribucion: Suministra tomates
  CentroDistribucion->>Supermercado: Almacena tomates
  Supermercado->>Cliente: Entrega pedido

sequenceDiagram
  participant Cliente
  participant Supermercado
  participant Transportista
  participant CentroDistribucion
  participant Proveedor

  Cliente->>Supermercado: Realiza pedido
  Supermercado->>Cliente: Procesa pedido
  Note over Supermercado: ¿Hay suficiente stock?
  Supermercado-->>Cliente: Sí, Preparación del pedido
  Supermercado-->>Transportista: Empaqueta y envía pedido
  Transportista->>CentroDistribucion: Transporta pedido
  CentroDistribucion->>Supermercado: Almacena pedido
  Supermercado->>Cliente: Entrega pedido

  Supermercado-->>Cliente: No, Notificación de falta de stock
  Cliente->>Proveedor: Solicita reposición
  Proveedor->>CentroDistribucion: Suministra tomates
  CentroDistribucion->>Supermercado: Almacena tomates
  Supermercado->>Cliente: Entrega pedido
Loading

Diagrama de Clases

Prompt

podras generar un diagrama de clases para este proceso

Mermaid

classDiagram
  class Cliente {
    + realizarPedido()
    + recibirPedido()
  }
  class Supermercado {
    - stockDisponible
    + procesarPedido()
    + prepararPedido()
    + entregarPedido()
    + notificarFaltaStock()
  }
  class Transportista {
    + transportarPedido()
  }
  class CentroDistribucion {
    + almacenarMercancia()
  }
  class Proveedor {
    + suministrarTomates()
  }

  Cliente "1" --> "1" Supermercado
  Supermercado "1" --> "1" Transportista
  Transportista "1" --> "1" CentroDistribucion
  CentroDistribucion "1" --> "1" Supermercado
  Supermercado "1" --> "1" Proveedor

classDiagram
  class Cliente {
    + realizarPedido()
    + recibirPedido()
  }
  class Supermercado {
    - stockDisponible
    + procesarPedido()
    + prepararPedido()
    + entregarPedido()
    + notificarFaltaStock()
  }
  class Transportista {
    + transportarPedido()
  }
  class CentroDistribucion {
    + almacenarMercancia()
  }
  class Proveedor {
    + suministrarTomates()
  }

  Cliente "1" --> "1" Supermercado
  Supermercado "1" --> "1" Transportista
  Transportista "1" --> "1" CentroDistribucion
  CentroDistribucion "1" --> "1" Supermercado
  Supermercado "1" --> "1" Proveedor
Loading

Otros Ejemplos Compartidos

@rominapiguave

graph TD
   A(Factor de Produccion) --> B(Materias primas)
   B --> C(Maracuyás)
   B --> D(Otros frutos)
   B --> E(Bebidas alcohólicas)
   B --> F(Hielo)
   B --> G(Vasos/copas)
   A --> H(Mano de obra calificada)
   A --> I(Equipos para preparación)
   A --> J(Renta local comercial)
   K(Condiciones de Demanda) --> L(Consumidores cócteles)
   K --> M(Turistas)
   K --> N(Eventos sociales)
   O(Industrias Relacionadas)<-->P(Proveedores frutas)
   O --> Q(Distribuidores bebidas)
   O --> R(Fabricantes copas)
   S(Estrategia, Estructura, Rivalidad) --> T(Diferenciación)
   S --> U(Calidad servicio)
   S --> V(Ambiente local)
   S --> W(Nuevos competidores)
Loading

@leoyeve

graph TD
    A[Identificación del Producto] --> B[Análisis del Empaque Actual]
    B --> C[Definición de la Función Principal]
    C --> D[Objetivo del Nuevo Empaque]
    D --> E[Análisis del Contexto y Usuario]
    E --> F[Diseño del Nuevo Empaque]
    F --> G[Evaluación del Diseño]
    G --> H[Implementación]

    A1[Objeto: Nuevo Empaque] --> A
    A2[Recopilar información] --> A
    B1[Material, Diseño, Tamaño] --> B
    B2[Problemas Actuales] --> B
    C1[Protección del Producto] --> C
    C2[Facilidad de Uso] --> C
    C3[Atractivo Visual] --> C
    C4[Sostenibilidad] --> C
    D1[Mejorar Protección] --> D
    D2[Reducir Costos] --> D
    D3[Aumentar Sostenibilidad] --> D
    D4[Mejorar Experiencia del Usuario] --> D
    E1[Contexto de Uso] --> E
    E2[Perfil del Usuario] --> E
    F1[Generar Ideas de Diseño] --> F
    F2[Seleccionar Materiales] --> F
    F3[Prototipado y Pruebas] --> F
    G1[Recopilar Feedback] --> G
    G2[Ajustes y Mejoras] --> G
    H1[Producción en Masa] --> H
    H2[Distribución y Lanzamiento] --> H
Loading

Tambien hay una herramienta gratuita para probar en vivo https://mermaid.live/

@infrony
Copy link
Author

infrony commented Jan 25, 2024 •
edited
Loading

@rominapiguave solo necesita poner el código

```mermaid

antes del código mermaid y al final de tu código

```

Aca tu ejemplo:

graph TD
   A(Factor de Produccion) --> B(Materias primas)
   B --> C(Maracuyás)
   B --> D(Otros frutos)
   B --> E(Bebidas alcohólicas)
   B --> F(Hielo)
   B --> G(Vasos/copas)
   A --> H(Mano de obra calificada)
   A --> I(Equipos para preparación)
   A --> J(Renta local comercial)
   K(Condiciones de Demanda) --> L(Consumidores cócteles)
   K --> M(Turistas)
   K --> N(Eventos sociales)
   O(Industrias Relacionadas)<-->P(Proveedores frutas)
   O --> Q(Distribuidores bebidas)
   O --> R(Fabricantes copas)
   S(Estrategia, Estructura, Rivalidad) --> T(Diferenciación)
   S --> U(Calidad servicio)
   S --> V(Ambiente local)
   S --> W(Nuevos competidores)

@leoyeve
Copy link

leoyeve commented Jun 5, 2024 •
edited by infrony
Loading 

graph TD
    A[Identificación del Producto] --> B[Análisis del Empaque Actual]
    B --> C[Definición de la Función Principal]
    C --> D[Objetivo del Nuevo Empaque]
    D --> E[Análisis del Contexto y Usuario]
    E --> F[Diseño del Nuevo Empaque]
    F --> G[Evaluación del Diseño]
    G --> H[Implementación]

    A1[Objeto: Nuevo Empaque] --> A
    A2[Recopilar información] --> A
    B1[Material, Diseño, Tamaño] --> B
    B2[Problemas Actuales] --> B
    C1[Protección del Producto] --> C
    C2[Facilidad de Uso] --> C
    C3[Atractivo Visual] --> C
    C4[Sostenibilidad] --> C
    D1[Mejorar Protección] --> D
    D2[Reducir Costos] --> D
    D3[Aumentar Sostenibilidad] --> D
    D4[Mejorar Experiencia del Usuario] --> D
    E1[Contexto de Uso] --> E
    E2[Perfil del Usuario] --> E
    F1[Generar Ideas de Diseño] --> F
    F2[Seleccionar Materiales] --> F
    F3[Prototipado y Pruebas] --> F
    G1[Recopilar Feedback] --> G
    G2[Ajustes y Mejoras] --> G
    H1[Producción en Masa] --> H
    H2[Distribución y Lanzamiento] --> H

@leoyeve
Copy link

leoyeve commented Jun 5, 2024 •
edited by infrony
Loading 

graph TD
    A[Identificación del Producto] --> B[Análisis del Empaque Actual]
    B --> C[Definición de la Función Principal]
    C --> D[Objetivo del Nuevo Empaque]
    D --> E[Análisis del Contexto y Usuario]
    E --> F[Diseño del Nuevo Empaque]
    F --> G[Evaluación del Diseño]
    G --> H[Implementación]

    A1[Objeto: Nuevo Empaque] --> A
    A2[Recopilar información] --> A
    B1[Material, Diseño, Tamaño] --> B
    B2[Problemas Actuales] --> B
    C1[Protección del Producto] --> C
    C2[Facilidad de Uso] --> C
    C3[Atractivo Visual] --> C
    C4[Sostenibilidad] --> C
    D1[Mejorar Protección] --> D
    D2[Reducir Costos] --> D
    D3[Aumentar Sostenibilidad] --> D
    D4[Mejorar Experiencia del Usuario] --> D
    E1[Contexto de Uso] --> E
    E2[Perfil del Usuario] --> E
    F1[Generar Ideas de Diseño] --> F
    F2[Seleccionar Materiales] --> F
    F3[Prototipado y Pruebas] --> F
    G1[Recopilar Feedback] --> G
    G2[Ajustes y Mejoras] --> G
    H1[Producción en Masa] --> H
    H2[Distribución y Lanzamiento] --> H

@leilagaliayapura
Copy link

graph TD;
A[Contacto Inicial de Bienvenida] --> B[Verificación de Satisfacción Inicial]
B --> C{Cliente Satisfecho}
C -->|Sí| D[Registro de Satisfacción]
C -->|No| E[Resolución de Incidencias]
E --> F[Registro de Incidencias]
F --> G[Resolución de Incidencias]
G --> B
D --> H[Encuesta de Satisfacción]
H --> I[Análisis de Resultados]

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment