Contents

## Heatmap chart
* This section describes how to create heatmap chart with options.
* You can refer to the [Getting started](getting-started.md) for base installation of Toast UI Chart.

***

### Data type
Heatmap chart use the heatmap data type.

#### Heatmap data type

```javascript
var rawData = {
    categories: {
        x: ['cate1', 'cate2', 'cate3'],
        y: ['cate10', 'cate20', 'cate30']
    },
    series: [
        [100, 40, 30],
        [20, 10, 60],
        [50, 40, 30]
    ]
};
```

***

### Creating a basic chart
A heatmap chart is a graphical representation of data where the individual values contained in a matrix are represented as colors.

##### Example

```javascript
tui.chart.heatmapChart(container, rawData);
```

![Heatmap chart](https://cloud.githubusercontent.com/assets/2888775/16507839/0e678a98-3f68-11e6-8e8e-1713a6ba0420.gif)

* _[Sample](https://nhnent.github.io/tui.chart/latest/tutorial-example10-01-heatmap-chart-basic.html)_

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
tui_editor-rails-1.0.2.0	vendor/assets/components/tui-chart/docs/wiki/chart-types-heatmap.md