{
var filtered = getOrderedFilteredAgentsData()
var trace = {
x: filtered['x'],
y: filtered['y'],
name: 'Agents',
marker: {color: 'rgb(26, 118, 255)'},
type: 'bar'
};
var data = [trace];
var layout = {
title: 'Agents filtered with constraints',
xaxis: {
title: 'Agents',
tickfont: {
size: 14,
color: 'rgb(107, 107, 107)'
}},
yaxis: {
title: 'Occurrences',
},
legend: {
x: 0,
y: 1.0,
bgcolor: 'rgba(255, 255, 255, 0)',
bordercolor: 'rgba(255, 255, 255, 0)'
},
barmode: 'group',
bargap: 0.15,
bargroupgap: 0.1,
width: width
};
const div = DOM.element('div');
Plotly.newPlot(div, data, layout);
return div;
}