برنامه نویسی

ایجاد نمودار با 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

نوشته های مشابه

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دکمه بازگشت به بالا