# Data Binding

The Chart Wizard enables you to bind data of type [`ChartWizardDataRow`](https://www.telerik.com/kendo-react-ui-develop/components/chart-wizard/api/chartwizarddatarow) array.

The following example demonstrates how to bind the Chart Wizard to an array of data.

[Demo Source](https://demos.telerik.com/kendo-react-ui/chart-wizard/get-started/source.txt)

## Binding to Grid Selection

The Chart Wizard provides helper directive and methods that can be used to bind the component to the [Grid Selection](https://www.telerik.com/kendo-react-ui-develop/components/grid/selection). For more details, refer to the [Chart Integration](https://www.telerik.com/kendo-react-ui-develop/components/grid/integration-with-chart) article in the Grid documentation.

## Binding to Table-like Data

To bind the Chart Wizard component to table-like data, create a [`DataRow`](https://www.telerik.com/kendo-react-ui-develop/components/chart-wizard/api/datarow) collection and use the [`getWizardDataFromDataRows`](https://www.telerik.com/kendo-react-ui-develop/components/chart-wizard/api/getwizarddatafromdatarows) helper method
to convert it to the format required by the Chart Wizard.

The following example demonstrates how to bind a [`DataRow`](https://www.telerik.com/kendo-react-ui-develop/components/chart-wizard/api/datarow) collection to a Chart Wizard.

[Demo Source](https://demos.telerik.com/kendo-react-ui/chart-wizard/data-binding/data-row/source.txt)

## Suggested Links

* [API Reference of the Chart Wizard](https://www.telerik.com/kendo-react-ui-develop/components/chart-wizard/api)
* [Grid and Chart Integration](https://www.telerik.com/kendo-react-ui-develop/components/grid/integration-with-chart)