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

API Node.js untuk Membuat & Mengonversi Diagram Interaktif

Perpustakaan Node.js Sumber Terbuka untuk Mengonversi Teks menjadi Diagram serta Mengelola Berbagai Jenis Diagram di Lingkungan Node.js.

Apa itu Perpustakaan Pintora?

Pintora menyederhanakan pembuatan diagram. Alat JavaScript yang fleksibel ini memungkinkan Anda dengan mudah mengubah teks menjadi diagram, baik Anda bekerja di browser maupun Node.js. Terinspirasi oleh Mermaid.js dan PlantUML, Pintora menyediakan metode yang andal dan mudah digunakan untuk membuat diagram. Alat ini dengan mulus terintegrasi ke dalam berbagai pengaturan pengembangan, menjadikannya pilihan yang serbaguna untuk berbagai proyek. Hikerpig mengembangkan pustaka Pintora untuk membantu membuat berbagai jenis diagram seperti diagram alur, diagram urutan, dan diagram kelas. Jika Anda seorang pengembang atau penulis teknis yang ingin menambahkan diagram ke dokumen, presentasi, atau spesifikasi teknis Anda, alat ini cocok untuk Anda. Yang membuat pustaka ini istimewa adalah kemampuannya membantu Anda membuat visualisasi kustom dengan berbagai opsi penyesuaian.

Menggunakan Pintora Library, Anda dapat dengan mudah menyesuaikan warna, font, animasi, dan elemen lainnya untuk merancang visualisasi yang tidak hanya menarik secara visual tetapi juga sesuai dengan merek Anda dan menyampaikan pesan secara efektif. Ini mengubah cara pengembang perangkat lunak membuat visualisasi data yang menakjubkan. Pintora bersifat open source dan secara teratur diperbarui untuk terus meningkatkan serta menawarkan bantuan komunitas. Sintaksnya yang sederhana mudah dipahami dan digunakan, menjadikannya cocok untuk orang dengan berbagai tingkat keahlian teknis. Anda dapat mempersonalisasi tampilan diagram dengan mengubah warna, bentuk, dan fitur visual lainnya sesuai kebutuhan. Pintora Library menjadi pilihan populer bagi banyak orang yang ingin meningkatkan visualisasi data mereka, karena beragam fitur, API yang mudah digunakan, dan desain modern.

Previous Next

Memulai dengan Pintora

Cara yang disarankan untuk menginstal Pintora Library adalah menggunakan NPM. Silakan gunakan perintah berikut untuk instalasi yang lancar.

Instal Pintora via NPM

 npm install pintora

Buat Diagram Urutan di Node.js

Pustaka Pintora sumber terbuka sangat mudah digunakan, menawarkan cara yang mulus untuk mengubah deskripsi tekstual menjadi diagram yang hidup di dalam aplikasi Node.js. Dengan hanya beberapa baris kode, pengembang perangkat lunak dapat membuat dan mengelola diagram urutan menggunakan pustaka Pintora. Diagram urutan menggambarkan bagaimana objek berinteraksi dalam urutan tertentu. Contoh berikut menunjukkan diagram urutan yang didefinisikan untuk menggambarkan interaksi antara dua peserta. Sintaks menentukan pesan yang dipertukarkan di antara mereka, dan Pintora menghasilkan SVG yang sesuai di dalam aplikasi Node.js.

Cara Membuat Diagram Urutan dalam Aplikasi 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);

Sesuaikan Diagram dalam Aplikasi Node.js

Pustaka Pintora sepenuhnya mendukung kustomisasi ekstensif berbagai jenis diagram. Pustaka ini memudahkan pengembang perangkat lunak untuk mengoperasikan berbagai elemen diagram seperti lapisan, master, halaman, bentuk, dan konektor di dalam aplikasi Node.js mereka sendiri. Mereka dapat memodifikasi warna, bentuk, dan elemen visual lainnya sesuai kebutuhan. Berikut adalah contoh yang menunjukkan bagaimana pengembang dapat menyesuaikan diagram alur menggunakan pustaka Node.js.

Cara Menyesuaikan Diagram Alur dalam Aplikasi 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);

Buat & Edit Diagram Kelas dalam Node.js

Pustaka Pintora sumber terbuka telah menyediakan fungsionalitas lengkap untuk membuat dan mengelola diagram kelas di dalam aplikasi Node.js. Diagram kelas digunakan untuk menggambarkan struktur sebuah sistem dengan menampilkan kelas, atribut, dan hubungan di dalamnya. Contoh berikut menunjukkan cara membuat diagram kelas. Diagram tersebut mendefinisikan dua kelas, Animal dan Dog, beserta atribut dan metodenya. Kelas Dog mewarisi dari kelas Animal, seperti yang ditunjukkan oleh notasi <|--.

Cara Membuat Diagram Kelas dalam Aplikasi 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);
 Indonesia