<!--
{
  "availability" : [
    "iOS: 18.0.0 -",
    "iPadOS: 18.0.0 -",
    "macCatalyst: 18.0.0 -",
    "macOS: 15.0.0 -",
    "tvOS: 18.0.0 -",
    "visionOS: 2.0.0 -",
    "watchOS: 11.0.0 -"
  ],
  "documentType" : "symbol",
  "framework" : "Charts",
  "identifier" : "/documentation/Charts/VectorizedChartContent",
  "metadataVersion" : "0.1.0",
  "role" : "Protocol",
  "symbol" : {
    "kind" : "Protocol",
    "modules" : [
      "Swift Charts"
    ],
    "preciseIdentifier" : "s:6Charts22VectorizedChartContentP"
  },
  "title" : "VectorizedChartContent"
}
-->

# VectorizedChartContent

A generic type that represents content conveyed via a chart.

```
protocol VectorizedChartContent<DataElement> : ChartContent
```

## Overview

Its primary associated type represents the data element, sometimes called *data point*,
*observation* or *aggregate*.

Usually, `DataElement` has properties to determine visual attributes directly, or indirectly by encoding `Plottable` values through a chart scale.

## Topics

### Styling marks

[`func foregroundStyle(KeyPath<Self.DataElement, some ShapeStyle>) -> some VectorizedChartContent<Self.DataElement>`](/documentation/Charts/VectorizedChartContent/foregroundStyle(_:))

Represents data using a foreground style.

[`func opacity(KeyPath<Self.DataElement, CGFloat>) -> some VectorizedChartContent<Self.DataElement>`](/documentation/Charts/VectorizedChartContent/opacity(_:))

[`func lineStyle(KeyPath<Self.DataElement, StrokeStyle>) -> some VectorizedChartContent<Self.DataElement>`](/documentation/Charts/VectorizedChartContent/lineStyle(_:))

Represents data using line styles.

[`func position(by: PlottableProjection<Self.DataElement, some Plottable>, axis: Axis?, span: MarkDimension) -> some VectorizedChartContent<Self.DataElement>`](/documentation/Charts/VectorizedChartContent/position(by:axis:span:))

### Setting symbol appearance

[`func symbol(by: PlottableProjection<Self.DataElement, some Plottable>) -> some VectorizedChartContent<Self.DataElement>`](/documentation/Charts/VectorizedChartContent/symbol(by:))

Represents data using different kinds of symbols.

[`func symbolSize(KeyPath<Self.DataElement, CGSize>) -> some VectorizedChartContent<Self.DataElement>`](/documentation/Charts/VectorizedChartContent/symbolSize(_:)-12tl1)

Sets the plotting symbol size for the chart content.

[`func symbolSize(KeyPath<Self.DataElement, CGFloat>) -> some VectorizedChartContent<Self.DataElement>`](/documentation/Charts/VectorizedChartContent/symbolSize(_:)-3nwop)

Sets the plotting symbol size for the chart content according to a
perceived area.

### Encoding data into mark characteristics

[`func foregroundStyle(by: PlottableProjection<Self.DataElement, some Plottable>) -> some VectorizedChartContent<Self.DataElement>`](/documentation/Charts/VectorizedChartContent/foregroundStyle(by:))

Represents data using a foreground style.

[`func lineStyle(by: PlottableProjection<Self.DataElement, some Plottable>) -> some VectorizedChartContent<Self.DataElement>`](/documentation/Charts/VectorizedChartContent/lineStyle(by:))

Represents data using line styles.

[`func symbol(by: PlottableProjection<Self.DataElement, some Plottable>) -> some VectorizedChartContent<Self.DataElement>`](/documentation/Charts/VectorizedChartContent/symbol(by:))

Represents data using different kinds of symbols.

[`func symbolSize(by: PlottableProjection<Self.DataElement, some Plottable>) -> some VectorizedChartContent<Self.DataElement>`](/documentation/Charts/VectorizedChartContent/symbolSize(by:))

Represents data using symbol sizes.

### Configuring accessibility

[`func accessibilityHidden(KeyPath<Self.DataElement, Bool>) -> some VectorizedChartContent<Self.DataElement>`](/documentation/Charts/VectorizedChartContent/accessibilityHidden(_:))

Specifies whether to hide this chart content from system accessibility features.

[`func accessibilityIdentifier(KeyPath<Self.DataElement, String>) -> some VectorizedChartContent<Self.DataElement>`](/documentation/Charts/VectorizedChartContent/accessibilityIdentifier(_:))

Adds an identifier string to the chart content.

[`func accessibilityLabel(KeyPath<Self.DataElement, LocalizedStringKey>) -> some VectorizedChartContent<Self.DataElement>`](/documentation/Charts/VectorizedChartContent/accessibilityLabel(_:)-5r0pw)

Adds a label to the chart content that describes its contents.

[`func accessibilityLabel(KeyPath<Self.DataElement, some StringProtocol>) -> some VectorizedChartContent<Self.DataElement>`](/documentation/Charts/VectorizedChartContent/accessibilityLabel(_:)-8zoay)

Adds a label to the chart content that describes its contents.

[`func accessibilityLabel(KeyPath<Self.DataElement, Text>) -> some VectorizedChartContent<Self.DataElement>`](/documentation/Charts/VectorizedChartContent/accessibilityLabel(_:)-46jbt)

Adds a label to the chart content that describes its contents.

[`func accessibilityValue(KeyPath<Self.DataElement, some StringProtocol>) -> some VectorizedChartContent<Self.DataElement>`](/documentation/Charts/VectorizedChartContent/accessibilityValue(_:)-2rv8b)

Adds a description of the value that the chart content contains.

[`func accessibilityValue(KeyPath<Self.DataElement, Text>) -> some VectorizedChartContent<Self.DataElement>`](/documentation/Charts/VectorizedChartContent/accessibilityValue(_:)-pylk)

Adds a description of the value that the chart content contains.

[`func accessibilityValue(KeyPath<Self.DataElement, LocalizedStringKey>) -> some VectorizedChartContent<Self.DataElement>`](/documentation/Charts/VectorizedChartContent/accessibilityValue(_:)-3dei8)

Adds a description of the value that the chart content contains.

### Supporting types

[`struct PlottableProjection`](/documentation/Charts/PlottableProjection)

### Associated Types

[`associatedtype DataElement`](/documentation/Charts/VectorizedChartContent/DataElement)

## Relationships

### Conforming Types

[`VectorizedBarPlotContent`](/documentation/Charts/VectorizedBarPlotContent)

[`PointPlot`](/documentation/Charts/PointPlot)

[`VectorizedLinePlotContent`](/documentation/Charts/VectorizedLinePlotContent)

[`VectorizedRectanglePlotContent`](/documentation/Charts/VectorizedRectanglePlotContent)

[`BarPlot`](/documentation/Charts/BarPlot)

[`LinePlot`](/documentation/Charts/LinePlot)

[`VectorizedPointPlotContent`](/documentation/Charts/VectorizedPointPlotContent)

[`SectorPlot`](/documentation/Charts/SectorPlot)

[`AreaPlot`](/documentation/Charts/AreaPlot)

[`RulePlot`](/documentation/Charts/RulePlot)

[`VectorizedAreaPlotContent`](/documentation/Charts/VectorizedAreaPlotContent)

[`VectorizedRulePlotContent`](/documentation/Charts/VectorizedRulePlotContent)

[`VectorizedSectorPlotContent`](/documentation/Charts/VectorizedSectorPlotContent)

[`RectanglePlot`](/documentation/Charts/RectanglePlot)

### Inherits From

[`ChartContent`](/documentation/Charts/ChartContent)

---

Copyright &copy; 2026 Apple Inc. All rights reserved. | [Terms of Use](https://www.apple.com/legal/internet-services/terms/site.html) | [Privacy Policy](https://www.apple.com/privacy/privacy-policy)