# SmartArt

> Work with SmartArt in Aspose.Slides for Node.js: create, edit, convert, and style diagrams with JavaScript for PowerPoint and OpenDocument presentations.

Source: https://docs.aspose.com/slides/nodejs-java/examples/elements/smart-art/
Updated: 2026-08-05


This article demonstrates how to add SmartArt graphics, access them, remove them, and change layouts using **Aspose.Slides for Node.js via Java**.

## **Add SmartArt**

Insert a SmartArt graphic using one of the built-in layouts.

```js
var aspose = aspose || {};
aspose.slides = require("aspose.slides.via.java");

function addSmartArt() {
    let presentation = new aspose.slides.Presentation();
    try {
        let slide = presentation.getSlides().get_Item(0);

        let smartArt = slide.getShapes().addSmartArt(50, 50, 400, 300, aspose.slides.SmartArtLayoutType.BasicProcess);

        presentation.save("smartart.pptx", aspose.slides.SaveFormat.Pptx);
    } finally {
        presentation.dispose();
    }
}
```

## **Access SmartArt**

Retrieve the first SmartArt object on a slide.

```js
var aspose = aspose || {};
aspose.slides = require("aspose.slides.via.java");
const java = require("java");

function accessSmartArt() {
    let presentation = new aspose.slides.Presentation("smartart.pptx");
    try {
        let slide = presentation.getSlides().get_Item(0);

        let firstSmartArt = null;
        for (let i = 0; i < slide.getShapes().size(); i++) {
            let shape = slide.getShapes().get_Item(i);
            if (java.instanceOf(shape, "com.aspose.slides.ISmartArt")) {
                firstSmartArt = shape;
                break;
            }
        }
    } finally {
        presentation.dispose();
    }
}
```

## **Remove SmartArt**

Delete a SmartArt shape from the slide.

```js
var aspose = aspose || {};
aspose.slides = require("aspose.slides.via.java");

function removeSmartArt() {
    let presentation = new aspose.slides.Presentation("smartart.pptx");
    try {
        let slide = presentation.getSlides().get_Item(0);

        // Assuming the first shape is SmartArt.
        let smartArt = slide.getShapes().get_Item(0);

        slide.getShapes().remove(smartArt);

        presentation.save("smartart_removed.pptx", aspose.slides.SaveFormat.Pptx);
    } finally {
        presentation.dispose();
    }
}
```

## **Change SmartArt Layout**

Update the layout type of an existing SmartArt graphic.

```js
var aspose = aspose || {};
aspose.slides = require("aspose.slides.via.java");

function changeSmartArtLayout() {
    let presentation = new aspose.slides.Presentation("smartart.pptx");
    try {
        let slide = presentation.getSlides().get_Item(0);

        // Assuming the first shape is SmartArt.
        let smartArt = slide.getShapes().get_Item(0);

        smartArt.setLayout(aspose.slides.SmartArtLayoutType.VerticalPictureList);

        presentation.save("smartart_layout_changed.pptx", aspose.slides.SaveFormat.Pptx);
    } finally {
        presentation.dispose();
    }
}
```



## Related articles

- [Create and Customize PowerPoint SmartArt in JavaScript](https://docs.aspose.com/slides/nodejs-java/powerpoint-smartart/)
- [Manage SmartArt Graphics in Presentations Using JavaScript](https://docs.aspose.com/slides/nodejs-java/manage-smartart-shape/)
- [Note](https://docs.aspose.com/slides/nodejs-java/examples/elements/note/)