1. Produkter
  2.   Diagram
  3.   Node.js
  4.   Pintora
 
  

Node.js‑API för att skapa & konvertera interaktiva diagram

Open source Node.js‑bibliotek för att konvertera text till diagram samt hantera olika typer av diagram i Node.js‑miljön.

Vad är Pintora-biblioteket?

Pintora förenklar diagramritning. Detta flexibla JavaScript-verktyg låter dig enkelt omvandla text till diagram, oavsett om du arbetar i en webbläsare eller i Node.js. Inspirerat av Mermaid.js och PlantUML erbjuder Pintora en pålitlig och lättanvänd metod för att skapa diagram. Det passar sömlöst in i olika utvecklingsmiljöer, vilket gör det till ett mångsidigt alternativ för olika projekt. Hikerpig utvecklade Pintora-biblioteket för att hjälpa till att skapa en mängd olika diagram såsom flödesscheman, sekvensdiagram och klassdiagram. Om du är utvecklare eller teknisk skribent som vill lägga till diagram i dina dokument, presentationer eller tekniska specifikationer, är detta verktyg för dig. Det som gör detta bibliotek speciellt är dess förmåga att hjälpa dig skapa anpassade visualiseringar med ett brett utbud av anpassningsalternativ.

Med Pintora-biblioteket kan du enkelt justera färger, typsnitt, animationer och andra element för att designa visualiseringar som inte bara är visuellt tilltalande utan också matchar ditt varumärke och förmedlar ditt budskap effektivt. Det förändrar hur mjukvaruutvecklare skapar fantastiska datavisualiseringar. Det är öppen källkod och uppdateras regelbundet för att kontinuerligt förbättras och erbjuda gemenskapsstöd. Dess enkla syntax är lätt att förstå och använda, vilket gör den lämplig för personer med olika tekniska färdigheter. Du kan anpassa hur dina diagram ser ut genom att ändra färger, former och andra visuella egenskaper för att passa dina behov. Pintora-biblioteket är ett populärt val för många som vill förbättra sin datavisualisering, på grund av det breda funktionsutbudet, ett lättanvänt API och en modern design.

Previous Next

Komma igång med Pintora

Det rekommenderade sättet att installera Pintora-biblioteket är att använda NPM. Använd följande kommando för en smidig installation.

Installera Pintora via NPM

 npm install pintora

Skapa sekvensdiagram i Node.js

Det öppna källkodsbiblioteket Pintora är mycket enkelt att hantera och erbjuder ett sömlöst sätt att omvandla textbeskrivningar till levande diagram i Node.js‑appar. Med bara några rader kod kan mjukvaruutvecklare skapa och hantera sekvensdiagram med Pintora‑biblioteket. Ett sekvensdiagram visar hur objekt interagerar i en viss sekvens. Följande exempel visar hur ett sekvensdiagram definieras för att illustrera interaktionen mellan två deltagare. Syntaxen specificerar de meddelanden som utbyts mellan dem, och Pintora genererar motsvarande SVG i Node.js‑applikationer.

Hur skapar man ett sekvensdiagram i Node.js-appar?

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);

Anpassa diagram i Node.js-appar

Pintora‑biblioteket stöder fullt ut omfattande anpassning av olika typer av diagram. Biblioteket gör det enkelt för mjukvaruutvecklare att hantera olika diagramkomponenter såsom lager, mallar, sidor, former och anslutningar i sina egna Node.js‑applikationer. De kan ändra färger, former och andra visuella element för att passa deras behov. Här är ett exempel som visar hur utvecklare kan anpassa ett flödesschema med Node.js‑biblioteket.

Hur anpassar man ett flödesschema i Node.js-applikationer?

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);

Skapa & redigera klassdiagram i Node.js

Det öppna källkods-biblioteket Pintora har tillhandahållit fullständig funktionalitet för att skapa och hantera klassdiagram i Node.js-applikationer. Klassdiagram används för att beskriva strukturen i ett system genom att visa dess klasser, attribut och relationer. Följande exempel visar hur man skapar ett klassdiagram. Diagrammet definierar två klasser, Animal och Dog, tillsammans med deras attribut och metoder. Klassen Dog ärver från klassen Animal, vilket indikeras av <|-- notation.

Hur skapar man ett klassdiagram i Node.js-appar?

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);
 Svenska