ایجاد نمودار با ChatGPT و Mermaid js

Mermaid JS چیست؟
Mermaid JS یک کتابخانه جاوا اسکریپت منبع باز است که ایجاد نمودارها و نمودارها را آسان و زیبا می کند. این ابزار به طور گسترده ای برای نمایش بصری اطلاعات پیچیده مانند نمودارهای جریان، نمودارهای توالی، نمودارهای موجودیت-رابطه و بسیاری از انواع دیگر نمودارها استفاده می شود.
ما میتوانیم پتانسیل کامل ChatGPT را با درخواست از آن برای ایجاد یک کد آماده برای کپی و چسباندن در نمایشگر پری دریایی دریافت کنیم https://mermaid.live/
در اینجا چند نمونه آورده شده است:
فلوچارت
سریع
generar un codigo de mermaid js de un flujo de compras de tomates, transporte y entrega de mercancia en los supermercados
پری دریایی
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
نمودار توالی
سریع
podrias transformalo en diagrama de secuencia
پری دریایی
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
نمودار کلاس
سریع
podras generar un diagrama de clases para este proceso
پری دریایی
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
این فقط یک نمونه استفاده بود و من مطمئن هستم که شما ایدههای بیشتری در ذهن دارید تا از تمام پتانسیلهایی که chatGPT ارائه میدهد استفاده کامل کنید و نمودارهای خود را بسیار سریعتر تولید کنید.
همه کدها را می توان در github gist من پیدا کرد:
https://gist.github.com/infrony/acf8d05d7ae86efcb602bb129a5922dc