How to make use of it:

Just download and embrace HexChart.js on the HTML web page.

<script src="hexagon-chart.js"></script>

Create an empty HTML5 canvas element for the hexagon chart.

<canvas id="demo"></canvas>

Initialize the hexagon chart:

// hexagon.init(id, side_length, names, color)
hexagon.init('demo', 180, ['Name 1', 'Name 2', 'Name 3', 'Name 4', 'Name 5', 'Name 6']);

Draw the hexagon chart on the canvas component.

hexagon.draw(values, color);

Override the default values within the JavaScript.

bg_default_color: '#99ccff',
value_default_color: '#ffff99',
x_offset: 30,

See Demo And Download