Horizontal bar chart is very easy to create as well. Here is the datasource:
var defData = [
{"team": "d", "cycleTime": 1, "effort": 1, "count": 1, "priority": "low"},
...
{"team": "k", "cycleTime": 4, "effort": 6, "count": 8, "priority": "medium"}];
Now just specify 'horizontal-bar' or 'horizontalBar' type to create a horizontal bar chart:
var chart = new Taucharts.Chart({
data: defData,
type: 'horizontalBar',
x: 'effort',
y: 'team'
});
chart.renderTo('#bar');
To define color settings check encoding section.
The chart below has color parameters for encoding group
var chart = new Taucharts.Chart({
data: defData,
type: 'horizontalBar',
x: 'effort',
y: 'team',
color:'priority'
});
chart.renderTo('#bar');