Bacancy Technology

Bacancy Technology represents the connected world, offering innovative and customer-centric information technology experiences, enabling Enterprises, Associates and the Society to Rise™.

12+

Countries where we have happy customers

1050+

Agile enabled employees

World wide offices

12+

Years of Experience

Agile Coaches

Certified Scrum Masters

1000+

Clients projects

1458

Happy customers

Node

December 13, 2023

How to Generate an svg File in Node.js (Data Visualisation Using rough.js)

const { DOMImplementation, XMLSerializer } = require('xmldom');
const xmlSerializer = new XMLSerializer();
const document = new DOMImplementation().createDocument('https://www.bacancytechnology.com/hire-rpa-developer', 'html', null);
// Function to generate SVG content
function generateSVG() {
    const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
    const rc = rough.svg(svg);
    svg.appendChild(rc.rectangle(10, 10, 200, 100, { roughness: 2, fill: 'blue' }));


    let xml = xmlSerializer.serializeToString(svg);
    return xml;
}


// Function to save SVG to a file
function saveSVGToFile(svgContent, fileName) {
    fs.writeFileSync(fileName, svgContent, 'utf-8');
    console.log(`SVG saved to ${fileName}`);
}


// Generate SVG and save to file
const generatedSVG = generateSVG();
saveSVGToFile(generatedSVG, 'output1.svg');