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

# ContainerVisualization

> - [`ContainerVisualization`](#abstract-containervisualization)

## Classes

### ColorContainerVisualization

#### Extends

#### Constructors

##### Constructor

```ts
new ColorContainerVisualization(): ColorContainerVisualization;
```

###### Returns

[`ColorContainerVisualization`](#colorcontainervisualization)

###### Inherited from

[`ContainerVisualization`](#abstract-containervisualization).[`constructor`](#constructor-1)

#### Properties

##### color

```ts
color: RgbColor;
```

##### enableGlareEffect

```ts
enableGlareEffect: boolean;
```

##### opacity

```ts
opacity: number;
```

##### type

```ts
readonly type: string = ColorContainerVisualization.type;
```

###### Overrides

[`ContainerVisualization`](#abstract-containervisualization).[`type`](#type-2)

##### type

```ts
static type: string = "ColorVisualization";
```

#### Methods

##### clone()

```ts
clone(): ColorContainerVisualization;
```

###### Returns

[`ColorContainerVisualization`](#colorcontainervisualization)

###### Overrides

[`ContainerVisualization`](#abstract-containervisualization).[`clone`](#clone-1)

##### toJSON()

```ts
toJSON(): object;
```

###### Returns

`object`

###### color

```ts
color: IRgbColor;
```

###### enableGlareEffect

```ts
enableGlareEffect: boolean;
```

###### opacity

```ts
opacity: number;
```

###### type

```ts
type: string;
```

###### Overrides

[`ContainerVisualization`](#abstract-containervisualization).[`toJSON`](#tojson-1)

***

### `abstract` ContainerVisualization

#### Extended by

- [`ColorContainerVisualization`](#colorcontainervisualization)
- [`TextureContainerVisualization`](#texturecontainervisualization)

#### Constructors

##### Constructor

```ts
new ContainerVisualization(): ContainerVisualization;
```

###### Returns

[`ContainerVisualization`](#abstract-containervisualization)

#### Properties

##### type

```ts
abstract type: string;
```

#### Methods

##### clone()

```ts
abstract clone(): ContainerVisualization;
```

###### Returns

[`ContainerVisualization`](#abstract-containervisualization)

##### toJSON()

```ts
abstract toJSON(): object;
```

###### Returns

`object`

***

### TextureContainerVisualization

#### Extends

- [`ContainerVisualization`](#abstract-containervisualization)

#### Constructors

##### Constructor

```ts
new TextureContainerVisualization(): TextureContainerVisualization;
```

###### Returns

[`TextureContainerVisualization`](#texturecontainervisualization)

###### Inherited from

[`ContainerVisualization`](#abstract-containervisualization).[`constructor`](#constructor-1)

#### Properties

##### enableGlareEffect

```ts
enableGlareEffect: boolean;
```

##### opacity

```ts
opacity: number;
```

##### textureName

```ts
textureName: string;
```

##### textureSource

```ts
textureSource: ImageSource;
```

##### type

```ts
readonly type: string = TextureContainerVisualization.type;
```

###### Overrides

[`ContainerVisualization`](#abstract-containervisualization).[`type`](#type-2)

##### type

```ts
static type: string = "TextureVisualization";
```

#### Methods

##### clone()

```ts
clone(): TextureContainerVisualization;
```

###### Returns

[`TextureContainerVisualization`](#texturecontainervisualization)

###### Overrides

[`ContainerVisualization`](#abstract-containervisualization).[`clone`](#clone-1)

##### toJSON()

```ts
toJSON(): object;
```

###### Returns

`object`

###### enableGlareEffect

```ts
enableGlareEffect: boolean;
```

###### opacity

```ts
opacity: number;
```

###### textureName

```ts
textureName: string;
```

###### textureSource

```ts
textureSource: object;
```

###### textureSource.actualSize

```ts
actualSize: boolean;
```

###### textureSource.containsOnlyVectorElements

```ts
containsOnlyVectorElements: boolean;
```

###### textureSource.height

```ts
height: number;
```

###### textureSource.id

```ts
id: string;
```

###### textureSource.isVector

```ts
isVector: boolean;
```

###### textureSource.origin

```ts
origin: Origin;
```

###### textureSource.pageIndex

```ts
pageIndex: number;
```

###### textureSource.saveAspectRatio

```ts
saveAspectRatio: boolean;
```

###### textureSource.url

```ts
url: string;
```

###### textureSource.width

```ts
width: number;
```

###### type

```ts
type: string;
```

###### Overrides

[`ContainerVisualization`](#abstract-containervisualization).[`toJSON`](#tojson-1)