1. Produtos
  2.   Diagrama
  3.   Node.js
  4.   Pintora
 
  

API Node.js para Criar & Converter Diagramas Interativos

Biblioteca Node.js de código aberto para Converter Texto em Diagrama e Gerenciar Vários Tipos de Diagramas no Ambiente Node.js.

O que é a Biblioteca Pintora?

Pintora simplifica a criação de diagramas. Esta ferramenta JavaScript flexível permite transformar texto em diagramas sem esforço, seja trabalhando em um navegador ou no Node.js. Inspirada no Mermaid.js e no PlantUML, a Pintora oferece um método confiável e fácil de usar para criar diagramas. Ela se integra perfeitamente a diferentes ambientes de desenvolvimento, tornando-se uma opção versátil para vários projetos. A Hikerpig desenvolveu a biblioteca Pintora para ajudar a criar uma variedade de diagramas, como fluxogramas, diagramas de sequência e diagramas de classes. Se você é desenvolvedor ou redator técnico e deseja adicionar diagramas aos seus documentos, apresentações ou especificações técnicas, esta ferramenta é para você. O que torna esta biblioteca especial é sua capacidade de ajudar a criar visualizações personalizadas com uma ampla gama de opções de personalização.

Usando a Biblioteca Pintora, você pode ajustar facilmente cores, fontes, animações e outros elementos para criar visualizações que não são apenas visualmente atraentes, mas também correspondem à sua marca e transmitem sua mensagem de forma eficaz. Ela está mudando a maneira como os desenvolvedores de software criam visualizações de dados impressionantes. É de código aberto e atualizada regularmente para aprimorá‑la continuamente e oferecer ajuda da comunidade. Sua sintaxe simples é fácil de entender e usar, tornando‑a adequada para pessoas com diferentes habilidades técnicas. Você pode personalizar a aparência dos seus diagramas alterando cores, formas e outros recursos visuais para atender às suas necessidades. A Biblioteca Pintora é uma escolha popular para muitas pessoas que desejam melhorar suas visualizações de dados, graças à ampla gama de recursos, uma API fácil de usar e um design moderno.

Previous Next

Começando com o Pintora

A maneira recomendada de instalar a Biblioteca Pintora é usando NPM. Por favor, use o comando a seguir para uma instalação tranquila.

Instalar Pintora via NPM

 npm install pintora

Criar Diagrama de Sequência no Node.js

A biblioteca open source Pintora é muito fácil de usar, oferecendo uma maneira fluida de transformar descrições textuais em diagramas vívidos dentro de aplicativos Node.js. Com apenas algumas linhas de código, desenvolvedores de software podem criar e gerenciar diagramas de sequência usando a biblioteca Pintora. Um diagrama de sequência ilustra como objetos interagem em uma sequência específica. O exemplo a seguir mostra um diagrama de sequência definido para ilustrar a interação entre dois participantes. A sintaxe especifica as mensagens trocadas entre eles, e o Pintora gera o SVG correspondente dentro de aplicações Node.js.

Como Criar um Diagrama de Sequência em Aplicativos 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);

Personalizar Diagramas em Aplicativos Node.js

A biblioteca Pintora oferece suporte total à ampla personalização de vários tipos de diagramas. A biblioteca facilita para os desenvolvedores de software operar diversos elementos de diagramas, como camadas, mestres, páginas, formas e conectores dentro de suas próprias aplicações Node.js. Eles podem modificar cores, formas e outros elementos visuais para atender às suas necessidades. Aqui está um exemplo que mostra como os desenvolvedores podem personalizar um fluxograma usando a biblioteca Node.js.

Como Personalizar um Fluxograma em Aplicações 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);

Criar e Editar Diagrama de Classe no Node.js

A biblioteca de código aberto Pintora fornece funcionalidade completa para criar e gerenciar diagramas de classes dentro de aplicações Node.js. Diagramas de classes são usados para descrever a estrutura de um sistema mostrando suas classes, atributos e relacionamentos. O exemplo a seguir demonstra como criar um diagrama de classes. O diagrama define duas classes, Animal e Dog, junto com seus atributos e métodos. A classe Dog herda da classe Animal, conforme indicado pela notação <|--.

Como criar um Diagrama de Classes dentro de aplicativos 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);
 Português