pivot() demo

https://github.com/nicolaskruchten/pivottable

by suraj mahajan

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/pivottable/2.13.0/pivot.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/pivottable/2.13.0/pivot.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pivottable/2.6.0/tips_data.min.js"></script>
<div id="output"></div>

CSS

body {
  font-family: Verdana;
}

JavaScript

$("#output").pivotUI(
    [
        {color: "blue", shape: "circle",count:12},
        {color: "yellow", shape: "circle",count:14},
        {color: "blue", shape: "circle",count:17},
        {color: "yellow", shape: "line",count:5},
        {color: "red", shape: "triangle",count:18}
    ],
    {
        rows: ["color"],
        cols: ["shape"],
        vals:["count"],
        aggregatorName: "Sum"
    }
);