1. Продукти
  2.   Діаграма
  3.   Node.js
  4.   Pintora
 
  

API Node.js для створення та конвертації інтерактивних діаграм

Бібліотека Node.js з відкритим кодом для конвертації тексту в діаграму та управління різними типами діаграм у середовищі Node.js.

Що таке бібліотека Pintora?

Pintora спрощує створення діаграм. Цей гнучкий інструмент JavaScript дозволяє без зусиль перетворювати текст у діаграми, незалежно від того, чи працюєте ви у браузері, чи у Node.js. Натхненна Mermaid.js та PlantUML, Pintora пропонує надійний і простий у використанні спосіб створення діаграм. Вона безшовно вписується в різні налаштування розробки, роблячи її універсальним варіантом для різних проєктів. Hikerpig розробив бібліотеку Pintora, щоб допомогти створювати різноманітні діаграми, такі як блок‑схеми, діаграми послідовностей та діаграми класів. Якщо ви розробник або технічний письменник, який хоче додати діаграми до своїх документів, презентацій або технічних специфікацій, цей інструмент для вас. Що робить цю бібліотеку особливою, так це її здатність допомагати вам створювати кастомізовані візуалізації з широким спектром налаштувань.

Використовуючи бібліотеку Pintora, ви можете без зусиль налаштовувати кольори, шрифти, анімації та інші елементи, щоб створювати візуалізації, які не лише привабливі зовні, а й відповідають вашому бренду та ефективно передають ваше повідомлення. Це змінює спосіб, яким розробники програмного забезпечення створюють вражаючі візуалізації даних. Вона є відкритим кодом і регулярно оновлюється, щоб постійно вдосконалювати її та надавати підтримку спільноті. Її простий синтаксис легко зрозуміти і використовувати, що робить її придатною для людей з різними технічними навичками. Ви можете персоналізувати вигляд ваших діаграм, змінюючи кольори, форми та інші візуальні характеристики відповідно до ваших потреб. Бібліотека Pintora є популярним вибором для багатьох, хто хоче покращити візуалізацію даних, завдяки широкому набору функцій, зручному API та сучасному дизайну.

Previous Next

Початок роботи з Pintora

Рекомендований спосіб встановлення бібліотеки Pintora — використання NPM. Будь ласка, використайте наступну команду для плавної інсталяції.

Встановіть Pintora через NPM

 npm install pintora

Створення діаграми послідовності в Node.js

Відкриту бібліотеку Pintora дуже легко використовувати, вона пропонує безшовний спосіб перетворювати текстові описи у яскраві діаграми всередині додатків Node.js. За допомогою лише кількох рядків коду розробники можуть створювати та керувати діаграмами послідовності, використовуючи бібліотеку Pintora. Діаграма послідовності ілюструє, як об’єкти взаємодіють у певній послідовності. Наведений нижче приклад показує, як визначається діаграма послідовності для ілюстрації взаємодії між двома учасниками. Синтаксис задає повідомлення, що обмінюються між ними, і Pintora генерує відповідний SVG у додатках Node.js.

Як створити діаграму послідовності у додатках 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.

Як налаштувати блок-схему у додатках 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, що позначено нотацією <|--.

Як створити діаграму класів у додатках Node.js?

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);
 Українська