<script src='polycharts/js/polychart2.standalone.js' type='text/javascript'></script>

<style>
.rChart {
  display: block;
  margin-left: auto; 
  margin-right: auto;
  width: 600px;
  height: 300px;
}  
</style>

<div id = 'chart1' class = 'rChart polycharts'></div>    
<script type='text/javascript'>
var chartParams = {

"dom": "chart1", "width": 600, "height": 300, "layers": [ { "x": "c1wierdness", "y": "c1healthiness", "data": { "name": [ "Maarud classic salt", "Pringles original", "Lamb and mint", "Krisp Sørlandschips", "multi grain", "Sørlandchips havsalt", "Superchips salt", "Way milk chocolate", "Potetsticks original", "cappuccino" ], "s1exclusiveness": [ 2, 3.4, 6.2, 3.4, 5.4, 5.4, 3, 5.67, 3.4, 6.2 ], "s1healthiness": [ 1.2, 1.2, 1.8, 1.4, 4.4, 1.4, 2.5, 1, 1.4, 1.4 ], "s1originality": [ 3.2, 3, 7.2, 4.2, 4.6, 5, 5.17, 8, 5.2, 7 ], "s1saltyness": [ 7.4, 6.4, 5, 7.4, 3.8, 7.8, 6.33, 4.33, 5.4, 5 ], "s1tastyness": [ 6.2, 4.2, 2.8, 6.6, 4, 8.2, 4.17, 5.67, 5, 2.8 ], "s1wierdness": [ 1.2, 3.4, 9.2, 1.8, 4.4, 1, 5.33, 8.5, 5.4, 9.8 ], "c1exclusiveness": [ 4.3, 5.8, 6.4, 6.3, 6.6, 6.1, 4.6, 7.6, 5.9, 7.6 ], "c1healthiness": [ 3.9, 4.5, 5.2, 4.3, 7.5, 5.2, 2.8, 5.3, 5.4, 5.9 ], "c1originality": [ 5, 8, 7.7, 6.6, 7.1, 5.8, 4.5, 8.2, 5.8, 8.7 ], "c1saltyness": [ 6.8, 6.5, 7.1, 6.7, 4, 6.5, 6.6, 5.2, 6.9, 6.1 ], "c1tastyness": [ 5.6, 7.8, 7.9, 7.5, 6.5, 7, 6.8, 7.3, 7.5, 7.2 ], "c1wierdness": [ 4.2, 3.9, 4.5, 4.9, 3.9, 4.8, 2.7, 6.7, 4.2, 6 ], "c2exclusiveness": [ 5.7, 7.2, 7, 6.1, 6.5, 6.5, 6.6, 7.9, 4.9, 7 ], "c2healthiness": [ 4.8, 6, 4.2, 5.7, 8, 6.1, 6.5, 5.1, 3.2, 4.7 ], "c2originality": [ 6.6, 7.4, 7.9, 5.9, 6, 6.9, 6.9, 7.9, 5, 7.2 ], "c2saltyness": [ 5.8, 6.6, 6.5, 6.6, 5, 7.1, 7.4, 4.5, 5.9, 5.2 ], "c2tastyness": [ 6.8, 7.7, 7.6, 7.5, 6.8, 7.5, 8.2, 6.7, 5, 7 ], "c2wierdness": [ 3.1, 4.9, 4.7, 4, 5.2, 5.4, 4.8, 6.2, 4.2, 5.6 ] }, "facet": null, "type": "point", "color": "name" } ], "facet": [], "guides": { "x": { "title": "Wierdness", "min": 0, "max": 10, "ticks": [ 1, 2, 3, 4, 5, 6, 7, 8, 9, 10 ] }, "y": { "title": "Healthiness", "min": 0, "max": 10, "ticks": [ 1, 2, 3, 4, 5, 6, 7, 8, 9, 10 ] } }, "coord": [], "title": "Crowd 1", "id": "chart1" } .each(chartParams.layers, function(el){ el.data = polyjs.data(el.data) }) var graphchart1 = polyjs.chart(chartParams);

<script></script>