ইন্টারেক্টিভ ডায়াগ্রাম তৈরি ও রূপান্তরের জন্য Node.js API

পিন্টোরা দিয়ে শুরু করা

Pintora লাইব্রেরি ইনস্টল করার সুপারিশকৃত পদ্ধতি হল NPM ব্যবহার করা। মসৃণ ইনস্টলেশনের জন্য দয়া করে নিম্নলিখিত কমান্ডটি ব্যবহার করুন।

 npm install pintora 

Node.js-এ সিকোয়েন্স ডায়াগ্রাম তৈরি করুন

ওপেন সোর্স Pintora লাইব্রেরি ব্যবহার করা খুবই সহজ, যা Node.js অ্যাপসের মধ্যে টেক্সট বর্ণনাকে জীবন্ত ডায়াগ্রামে রূপান্তর করার একটি নিরবচ্ছিন্ন উপায় প্রদান করে। কেবল কয়েকটি কোডের মাধ্যমে সফটওয়্যার ডেভেলপাররা Pintora লাইব্রেরি ব্যবহার করে সিকোয়েন্স ডায়াগ্রাম তৈরি ও পরিচালনা করতে পারেন। একটি সিকোয়েন্স ডায়াগ্রাম দেখায় কীভাবে অবজেক্টগুলি নির্দিষ্ট ক্রমে পারস্পরিক ক্রিয়া করে। নিম্নলিখিত উদাহরণটি দেখায় কীভাবে দুটি অংশগ্রহণকারীর মধ্যে মিথস্ক্রিয়া চিত্রিত করতে একটি সিকোয়েন্স ডায়াগ্রাম সংজ্ঞায়িত করা হয়েছে। সিনট্যাক্সটি তাদের মধ্যে বিনিময় হওয়া বার্তাগুলি নির্ধারণ করে, এবং Pintora Node.js অ্যাপ্লিকেশনের মধ্যে সংশ্লিষ্ট SVG তৈরি করে।

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