API Node.js برای ایجاد و تبدیل نمودارهای تعاملی

شروع کار با Pintora

روش پیشنهادی برای نصب کتابخانه Pintora استفاده از NPM است. لطفاً برای نصب بدون مشکل از دستور زیر استفاده کنید.

 npm install pintora 

ایجاد نمودار توالی در Node.js

کتابخانه منبع باز Pintora بسیار آسان برای استفاده است و روشی یکپارچه برای تبدیل توصیفات متنی به نمودارهای زنده در برنامه‌های Node.js فراهم می‌کند. تنها با چند خط کد، توسعه‌دهندگان نرم‌افزار می‌توانند نمودار توالی را با استفاده از کتابخانه Pintora ایجاد و مدیریت کنند. یک نمودار توالی نشان می‌دهد که اشیا چگونه در یک ترتیب خاص با یکدیگر تعامل می‌کنند. مثال زیر نشان می‌دهد که یک نمودار توالی برای نمایش تعامل بین دو شرکت‌کننده تعریف شده است. سینتکس پیام‌های مبادله‌شده بین آن‌ها را مشخص می‌کند و Pintora SVG مربوطه را در برنامه‌های Node.js تولید می‌کند.

const { renderToSvg } = require('pintora');

const sequenceDiagramDefinition = `
sequenceDiagram
    participant Alice
    participant Bob
    Alice->>Bob: Hello Bob, how are you?
    Bob-->>Alice: I am good, thanks!
`;

// Render the sequence diagram to SVG
const svg = renderToSvg(sequenceDiagramDefinition);

// Output the SVG
console.log(svg);
 

سفارشی‌سازی نمودارها در برنامه‌های Node.js

کتابخانه Pintora به طور کامل از سفارشی‌سازی گسترده انواع مختلف نمودارها پشتیبانی می‌کند. این کتابخانه کار با عناصر مختلف نمودار مانند لایه‌ها، مسترها، صفحات، شکل‌ها و اتصال‌دهنده‌ها را در برنامه‌های Node.js خود برای توسعه‌دهندگان نرم‌افزار آسان می‌سازد. آن‌ها می‌توانند رنگ‌ها، شکل‌ها و سایر عناصر بصری را مطابق نیاز خود تغییر دهند. در اینجا مثالی آورده شده است که نشان می‌دهد توسعه‌دهندگان چگونه می‌توانند فلوچارت را با استفاده از کتابخانه Node.js سفارشی کنند.

const { renderToSvg } = require('pintora');

const customizedFlowchartDefinition = `
flowchart TD
    style A fill:#f9f,stroke:#333,stroke-width:4px;
    style B fill:#bbf,stroke:#333,stroke-width:4px;
    A[Start] --> B{Is it working?}
    B -->|Yes| C[Great]
    B -->|No| D[Fix it]
    D --> A
`;

// Render the customized flowchart to SVG
const svg = renderToSvg(customizedFlowchartDefinition);

// Output the SVG
console.log(svg);

 

ایجاد و ویرایش نمودار کلاس در Node.js

کتابخانه متن باز Pintora عملکرد کامل برای ایجاد و مدیریت نمودارهای کلاس داخل برنامه‌های Node.js را فراهم کرده است. نمودارهای کلاس برای توصیف ساختار یک سیستم با نمایش کلاس‌ها، ویژگی‌ها و روابط آن استفاده می‌شوند. مثال زیر نشان می‌دهد چگونه یک نمودار کلاس ایجاد شود. این نمودار دو کلاس Animal و Dog را به همراه ویژگی‌ها و متدهایشان تعریف می‌کند. کلاس Dog از کلاس Animal ارث می‌برد، که با نماد <|-- نشان داده شده است.

const { renderToSvg } = require('pintora');

const classDiagramDefinition = `
classDiagram
    class Animal {
        +String name
        +int age
        +void eat()
    }
    class Dog {
        +String breed
        +void bark()
    }
    Animal <|-- Dog
`;

// Render the class diagram to SVG
const svg = renderToSvg(classDiagramDefinition);

// Output the SVG
console.log(svg);