el = document.createElement('gui-donut');

const data = [
  ['Work', 'Commute', 'Eat', 'Watch TV', 'Sleep', 'Other'],
  [8, 1, 2, 1, 8, 4],
];
el.style.height = '500px';
el.style.width = '500px';
el.style.margin = 'auto';

el.setAttrs({
  value: { cols: data },
  dataColumn: 1,
  labelColumn: 0,
  withInfo: true,
  withLabelInfo: true,
  withLabels: true,
});