see project on github
Basic
new Pixelart(
  document.getElementById('basic'),
  [
    '  o     o',
    '   o   o',
    '  ooooooo',
    ' oo ooo oo',
    'ooooooooooo',
    'o ooooooo o',
    'o o     o o',
    '   oo oo'
  ]
);
Colored
new Pixelart(
  document.getElementById('colored'),
  [
    '  ooooooo',
    ' ooooooooo',
    'ooooooooooo',
    '  oooooooooo',
    '    oooooooo',
    '      oooooo',
    '    oooooooo',
    '  oooooooooo',
    'ooooooooooo',
    ' ooooooooo',
    '  ooooooo'
  ],
  { color: '#FFEE00' }
);
Color map
new Pixelart(
  document.getElementById('colormap'),
  [
    'acabcdccac',
    'bacbcacbda',
    'dcoodboodb',
    'ccoocboocb',
    'bdcdoodbcd',
    'bdboooocdd',
    'bdcoooocbd',
    'cbcoddobcc',
    'dbdcabcdcd',
    'dcdbaabcdc'
  ],
  {
    colorMap: {
      a: '#1c9e13',
      b: '#4aad3d',
      c: '#90c98b',
      d: '#bed9ba'
    }
  }
);
Stagger
new Pixelart(
  document.getElementById('stagger'),
  [
    ' oo        oo',
    'o  o oooo o  o',
    '    oooooo',
    ' oooooooooooo',
    'o   oooooo   o',
    '  ooo oo ooo',
    ' o  oooooo  o',
    'o  o o  o o  o',
    '  o        o',
    '  o        o'
  ],
  {
    stagger: 30
  }
);
Animate
new Pixelart(
  document.getElementById('stagger'),
      [
        ' o o ',
        '     ',
        '     ',
        '     ',
        ' ooo ',
        'o   o',
      ],
      [
        ' o o ',
        '     ',
        '     ',
        '     ',
        'ooooo',
        '     ',
      ],
      [
        ' o o ',
        '     ',
        '     ',
        'o   o',
        ' ooo ',
        '     ',
      ],
    ],
    {
      speed: 500
    }
  );
}
Animate with infinite loop
new Pixelart(
  document.getElementById('stagger'),
      [
        ' o o ',
        '     ',
        '     ',
        '     ',
        ' ooo ',
        'o   o',
      ],
      [
        ' o o ',
        '     ',
        '     ',
        '     ',
        'ooooo',
        '     ',
      ],
      [
        ' o o ',
        '     ',
        '     ',
        'o   o',
        ' ooo ',
        '     ',
      ],
    ],
    {
      speed: 500,
      loop: true
    }
  );
}