<div id="drawing"></div>

var draw = SVG('drawing').viewbox(0, 0, 1600, 706);

var hexagon = draw.path('m789.13208,375.361206c-0.019592,0 -0.04364,-0.013855 -0.053406,-0.030792l-0.068848,-0.119019c-0.009827,-0.016937 -0.009827,-0.044647 0,-0.061584l0.068848,-0.119019c0.009766,-0.016937 0.033813,-0.030792 0.053406,-0.030792l0.137817,0c0.019592,0 0.04364,0.013855 0.053406,0.030792l0.068848,0.119019c0.009827,0.016937 0.009827,0.044647 0,0.061584l-0.068848,0.119019c-0.009766,0.016937 -0.033813,0.030792 -0.053406,0.030792l-0.137817,0z')
    .fill('#000');
hexagon.animate(500, '<>', 0).plot('m774.042297,414.434357c-4.302734,0 -9.586304,-3.046783 -11.741272,-6.771179l-15.146057,-26.174835c-2.154968,-3.724365 -2.154968,-9.817963 0,-13.542328l15.146057,-26.174835c2.154968,-3.724396 7.438538,-6.771179 11.741272,-6.771179l30.317444,0c4.302673,0 9.586243,3.046783 11.741211,6.771179l15.146057,26.174835c2.154968,3.724365 2.154968,9.817963 0,13.542328l-15.146057,26.174835c-2.154968,3.724396 -7.438538,6.771179 -11.741211,6.771179l-30.317444,0z');

var draw = SVG('drawing').size(300, 300).viewbox(789, 375, 1, 1);

var str = 'm789.13208,375.361206' +
    'c-0.019592,0 -0.04364,-0.013855 -0.053406,-0.030792' +
    'l-0.068848,-0.119019' +
    'c-0.009827,-0.016937 -0.009827,-0.044647 0,-0.061584' +
    'l0.068848,-0.119019' +
    'c0.009766,-0.016937 0.033813,-0.030792 0.053406,-0.030792' +
    'l0.137817,0' +
    'c0.019592,0 0.04364,0.013855 0.053406,0.030792' +
    'l0.068848,0.119019' +
    'c0.009827,0.016937 0.009827,0.044647 0,0.061584' +
    'l-0.068848,0.119019' +
    'c-0.009766,0.016937 -0.033813,0.030792 -0.053406,0.030792' +
    'l-0.137817,0' +
    'z';

var hexagon = draw.path(str).fill('#000');