---
title: "CanvasViolationVisualizer | Customer's Canvas On-Premises"
canonical: "https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/CanvasViolationVisualizer/"
---

# CanvasViolationVisualizer

> [`CanvasViolationVisualizer`](#canvasviolationvisualizer)

## Classes

### CanvasViolationVisualizer

#### Constructors

##### Constructor

```ts
new CanvasViolationVisualizer(
   canvas, 
   conf, 
   violationService, 
   violationServiceFactory, 
   productHandler, 
   messages, 
   eventManager): CanvasViolationVisualizer;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `canvas` | [`Canvas`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/Canvas-1.md#canvas) |
| `conf` | [`IViolationServiceConfiguration`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/IViolationServiceConfiguration.md#iviolationserviceconfiguration) |
| `violationService` | [`ViolationService`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/ViolationService-1.md#violationservice) |
| `violationServiceFactory` | [`ViolationServiceFactory`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/ViolationServiceFactory.md#violationservicefactory) |
| `productHandler` | [`ProductHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/ProductHandler.md#producthandler) |
| `messages` | [`IViewerMessagesConfig`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/IViewerMessagesConfig.md#iviewermessagesconfig) |
| `eventManager` | [`EventManager`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/EventManager.md#eventmanager) |

###### Returns

#### Methods

##### dispose()

```ts
dispose(): void;
```

###### Returns

`void`