• Edit
  • Download
  • <!DOCTYPE html>
    <html>
    
    <head>
        <meta charset="utf-8">
        <title>ZingSoft Demo</title>
    
        <script src="https://cdn.zingchart.com/zingchart.min.js"></script>
        <style>
            html,
            body {
                height: 100%;
                width: 100%;
                margin: 0;
                padding: 0;
            }
    
            #myChart {
                height: 100%;
                width: 100%;
                min-height: 150px;
            }
    
            .zc-ref {
                display: none;
            }
    
            zing-grid[loading] {
                height: 820px;
            }
        </style>
    </head>
    
    <body>
        <div id="zc"></div>
        <script>
            ZC.LICENSE = ["569d52cefae586f634c54f86dc99e6a9", "b55b025e438fa8a98e32482b5f768ff5"];
            var flowers = {
                "traits": ["sepalLength", "sepalWidth", "petalLength", "petalWidth"],
                "species": ["setosa", "versicolor", "virginica"],
                "values": [{
                        "sepalLength": 5.1,
                        "sepalWidth": 3.5,
                        "petalLength": 1.4,
                        "petalWidth": 0.2,
                        "species": "setosa"
                    },
                    {
                        "sepalLength": 4.9,
                        "sepalWidth": 3.0,
                        "petalLength": 1.4,
                        "petalWidth": 0.2,
                        "species": "setosa"
                    },
                    {
                        "sepalLength": 4.7,
                        "sepalWidth": 3.2,
                        "petalLength": 1.3,
                        "petalWidth": 0.2,
                        "species": "setosa"
                    },
                    {
                        "sepalLength": 4.6,
                        "sepalWidth": 3.1,
                        "petalLength": 1.5,
                        "petalWidth": 0.2,
                        "species": "setosa"
                    },
                    {
                        "sepalLength": 5.0,
                        "sepalWidth": 3.6,
                        "petalLength": 1.4,
                        "petalWidth": 0.2,
                        "species": "setosa"
                    },
                    {
                        "sepalLength": 5.4,
                        "sepalWidth": 3.9,
                        "petalLength": 1.7,
                        "petalWidth": 0.4,
                        "species": "setosa"
                    },
                    {
                        "sepalLength": 4.6,
                        "sepalWidth": 3.4,
                        "petalLength": 1.4,
                        "petalWidth": 0.3,
                        "species": "setosa"
                    },
                    {
                        "sepalLength": 5.0,
                        "sepalWidth": 3.4,
                        "petalLength": 1.5,
                        "petalWidth": 0.2,
                        "species": "setosa"
                    },
                    {
                        "sepalLength": 4.4,
                        "sepalWidth": 2.9,
                        "petalLength": 1.4,
                        "petalWidth": 0.2,
                        "species": "setosa"
                    },
                    {
                        "sepalLength": 4.9,
                        "sepalWidth": 3.1,
                        "petalLength": 1.5,
                        "petalWidth": 0.1,
                        "species": "setosa"
                    },
                    {
                        "sepalLength": 5.4,
                        "sepalWidth": 3.7,
                        "petalLength": 1.5,
                        "petalWidth": 0.2,
                        "species": "setosa"
                    },
                    {
                        "sepalLength": 4.8,
                        "sepalWidth": 3.4,
                        "petalLength": 1.6,
                        "petalWidth": 0.2,
                        "species": "setosa"
                    },
                    {
                        "sepalLength": 4.8,
                        "sepalWidth": 3.0,
                        "petalLength": 1.4,
                        "petalWidth": 0.1,
                        "species": "setosa"
                    },
                    {
                        "sepalLength": 4.3,
                        "sepalWidth": 3.0,
                        "petalLength": 1.1,
                        "petalWidth": 0.1,
                        "species": "setosa"
                    },
                    {
                        "sepalLength": 5.8,
                        "sepalWidth": 4.0,
                        "petalLength": 1.2,
                        "petalWidth": 0.2,
                        "species": "setosa"
                    },
                    {
                        "sepalLength": 5.7,
                        "sepalWidth": 4.4,
                        "petalLength": 1.5,
                        "petalWidth": 0.4,
                        "species": "setosa"
                    },
                    {
                        "sepalLength": 5.4,
                        "sepalWidth": 3.9,
                        "petalLength": 1.3,
                        "petalWidth": 0.4,
                        "species": "setosa"
                    },
                    {
                        "sepalLength": 5.1,
                        "sepalWidth": 3.5,
                        "petalLength": 1.4,
                        "petalWidth": 0.3,
                        "species": "setosa"
                    },
                    {
                        "sepalLength": 5.7,
                        "sepalWidth": 3.8,
                        "petalLength": 1.7,
                        "petalWidth": 0.3,
                        "species": "setosa"
                    },
                    {
                        "sepalLength": 5.1,
                        "sepalWidth": 3.8,
                        "petalLength": 1.5,
                        "petalWidth": 0.3,
                        "species": "setosa"
                    },
                    {
                        "sepalLength": 5.4,
                        "sepalWidth": 3.4,
                        "petalLength": 1.7,
                        "petalWidth": 0.2,
                        "species": "setosa"
                    },
                    {
                        "sepalLength": 5.1,
                        "sepalWidth": 3.7,
                        "petalLength": 1.5,
                        "petalWidth": 0.4,
                        "species": "setosa"
                    },
                    {
                        "sepalLength": 4.6,
                        "sepalWidth": 3.6,
                        "petalLength": 1.0,
                        "petalWidth": 0.2,
                        "species": "setosa"
                    },
                    {
                        "sepalLength": 5.1,
                        "sepalWidth": 3.3,
                        "petalLength": 1.7,
                        "petalWidth": 0.5,
                        "species": "setosa"
                    },
                    {
                        "sepalLength": 4.8,
                        "sepalWidth": 3.4,
                        "petalLength": 1.9,
                        "petalWidth": 0.2,
                        "species": "setosa"
                    },
                    {
                        "sepalLength": 5.0,
                        "sepalWidth": 3.0,
                        "petalLength": 1.6,
                        "petalWidth": 0.2,
                        "species": "setosa"
                    },
                    {
                        "sepalLength": 5.0,
                        "sepalWidth": 3.4,
                        "petalLength": 1.6,
                        "petalWidth": 0.4,
                        "species": "setosa"
                    },
                    {
                        "sepalLength": 5.2,
                        "sepalWidth": 3.5,
                        "petalLength": 1.5,
                        "petalWidth": 0.2,
                        "species": "setosa"
                    },
                    {
                        "sepalLength": 5.2,
                        "sepalWidth": 3.4,
                        "petalLength": 1.4,
                        "petalWidth": 0.2,
                        "species": "setosa"
                    },
                    {
                        "sepalLength": 4.7,
                        "sepalWidth": 3.2,
                        "petalLength": 1.6,
                        "petalWidth": 0.2,
                        "species": "setosa"
                    },
                    {
                        "sepalLength": 4.8,
                        "sepalWidth": 3.1,
                        "petalLength": 1.6,
                        "petalWidth": 0.2,
                        "species": "setosa"
                    },
                    {
                        "sepalLength": 5.4,
                        "sepalWidth": 3.4,
                        "petalLength": 1.5,
                        "petalWidth": 0.4,
                        "species": "setosa"
                    },
                    {
                        "sepalLength": 5.2,
                        "sepalWidth": 4.1,
                        "petalLength": 1.5,
                        "petalWidth": 0.1,
                        "species": "setosa"
                    },
                    {
                        "sepalLength": 5.5,
                        "sepalWidth": 4.2,
                        "petalLength": 1.4,
                        "petalWidth": 0.2,
                        "species": "setosa"
                    },
                    {
                        "sepalLength": 4.9,
                        "sepalWidth": 3.1,
                        "petalLength": 1.5,
                        "petalWidth": 0.2,
                        "species": "setosa"
                    },
                    {
                        "sepalLength": 5.0,
                        "sepalWidth": 3.2,
                        "petalLength": 1.2,
                        "petalWidth": 0.2,
                        "species": "setosa"
                    },
                    {
                        "sepalLength": 5.5,
                        "sepalWidth": 3.5,
                        "petalLength": 1.3,
                        "petalWidth": 0.2,
                        "species": "setosa"
                    },
                    {
                        "sepalLength": 4.9,
                        "sepalWidth": 3.6,
                        "petalLength": 1.4,
                        "petalWidth": 0.1,
                        "species": "setosa"
                    },
                    {
                        "sepalLength": 4.4,
                        "sepalWidth": 3.0,
                        "petalLength": 1.3,
                        "petalWidth": 0.2,
                        "species": "setosa"
                    },
                    {
                        "sepalLength": 5.1,
                        "sepalWidth": 3.4,
                        "petalLength": 1.5,
                        "petalWidth": 0.2,
                        "species": "setosa"
                    },
                    {
                        "sepalLength": 5.0,
                        "sepalWidth": 3.5,
                        "petalLength": 1.3,
                        "petalWidth": 0.3,
                        "species": "setosa"
                    },
                    {
                        "sepalLength": 4.5,
                        "sepalWidth": 2.3,
                        "petalLength": 1.3,
                        "petalWidth": 0.3,
                        "species": "setosa"
                    },
                    {
                        "sepalLength": 4.4,
                        "sepalWidth": 3.2,
                        "petalLength": 1.3,
                        "petalWidth": 0.2,
                        "species": "setosa"
                    },
                    {
                        "sepalLength": 5.0,
                        "sepalWidth": 3.5,
                        "petalLength": 1.6,
                        "petalWidth": 0.6,
                        "species": "setosa"
                    },
                    {
                        "sepalLength": 5.1,
                        "sepalWidth": 3.8,
                        "petalLength": 1.9,
                        "petalWidth": 0.4,
                        "species": "setosa"
                    },
                    {
                        "sepalLength": 4.8,
                        "sepalWidth": 3.0,
                        "petalLength": 1.4,
                        "petalWidth": 0.3,
                        "species": "setosa"
                    },
                    {
                        "sepalLength": 5.1,
                        "sepalWidth": 3.8,
                        "petalLength": 1.6,
                        "petalWidth": 0.2,
                        "species": "setosa"
                    },
                    {
                        "sepalLength": 4.6,
                        "sepalWidth": 3.2,
                        "petalLength": 1.4,
                        "petalWidth": 0.2,
                        "species": "setosa"
                    },
                    {
                        "sepalLength": 5.3,
                        "sepalWidth": 3.7,
                        "petalLength": 1.5,
                        "petalWidth": 0.2,
                        "species": "setosa"
                    },
                    {
                        "sepalLength": 5.0,
                        "sepalWidth": 3.3,
                        "petalLength": 1.4,
                        "petalWidth": 0.2,
                        "species": "setosa"
                    },
                    {
                        "sepalLength": 7.0,
                        "sepalWidth": 3.2,
                        "petalLength": 4.7,
                        "petalWidth": 1.4,
                        "species": "versicolor"
                    },
                    {
                        "sepalLength": 6.4,
                        "sepalWidth": 3.2,
                        "petalLength": 4.5,
                        "petalWidth": 1.5,
                        "species": "versicolor"
                    },
                    {
                        "sepalLength": 6.9,
                        "sepalWidth": 3.1,
                        "petalLength": 4.9,
                        "petalWidth": 1.5,
                        "species": "versicolor"
                    },
                    {
                        "sepalLength": 5.5,
                        "sepalWidth": 2.3,
                        "petalLength": 4.0,
                        "petalWidth": 1.3,
                        "species": "versicolor"
                    },
                    {
                        "sepalLength": 6.5,
                        "sepalWidth": 2.8,
                        "petalLength": 4.6,
                        "petalWidth": 1.5,
                        "species": "versicolor"
                    },
                    {
                        "sepalLength": 5.7,
                        "sepalWidth": 2.8,
                        "petalLength": 4.5,
                        "petalWidth": 1.3,
                        "species": "versicolor"
                    },
                    {
                        "sepalLength": 6.3,
                        "sepalWidth": 3.3,
                        "petalLength": 4.7,
                        "petalWidth": 1.6,
                        "species": "versicolor"
                    },
                    {
                        "sepalLength": 4.9,
                        "sepalWidth": 2.4,
                        "petalLength": 3.3,
                        "petalWidth": 1.0,
                        "species": "versicolor"
                    },
                    {
                        "sepalLength": 6.6,
                        "sepalWidth": 2.9,
                        "petalLength": 4.6,
                        "petalWidth": 1.3,
                        "species": "versicolor"
                    },
                    {
                        "sepalLength": 5.2,
                        "sepalWidth": 2.7,
                        "petalLength": 3.9,
                        "petalWidth": 1.4,
                        "species": "versicolor"
                    },
                    {
                        "sepalLength": 5.0,
                        "sepalWidth": 2.0,
                        "petalLength": 3.5,
                        "petalWidth": 1.0,
                        "species": "versicolor"
                    },
                    {
                        "sepalLength": 5.9,
                        "sepalWidth": 3.0,
                        "petalLength": 4.2,
                        "petalWidth": 1.5,
                        "species": "versicolor"
                    },
                    {
                        "sepalLength": 6.0,
                        "sepalWidth": 2.2,
                        "petalLength": 4.0,
                        "petalWidth": 1.0,
                        "species": "versicolor"
                    },
                    {
                        "sepalLength": 6.1,
                        "sepalWidth": 2.9,
                        "petalLength": 4.7,
                        "petalWidth": 1.4,
                        "species": "versicolor"
                    },
                    {
                        "sepalLength": 5.6,
                        "sepalWidth": 2.9,
                        "petalLength": 3.6,
                        "petalWidth": 1.3,
                        "species": "versicolor"
                    },
                    {
                        "sepalLength": 6.7,
                        "sepalWidth": 3.1,
                        "petalLength": 4.4,
                        "petalWidth": 1.4,
                        "species": "versicolor"
                    },
                    {
                        "sepalLength": 5.6,
                        "sepalWidth": 3.0,
                        "petalLength": 4.5,
                        "petalWidth": 1.5,
                        "species": "versicolor"
                    },
                    {
                        "sepalLength": 5.8,
                        "sepalWidth": 2.7,
                        "petalLength": 4.1,
                        "petalWidth": 1.0,
                        "species": "versicolor"
                    },
                    {
                        "sepalLength": 6.2,
                        "sepalWidth": 2.2,
                        "petalLength": 4.5,
                        "petalWidth": 1.5,
                        "species": "versicolor"
                    },
                    {
                        "sepalLength": 5.6,
                        "sepalWidth": 2.5,
                        "petalLength": 3.9,
                        "petalWidth": 1.1,
                        "species": "versicolor"
                    },
                    {
                        "sepalLength": 5.9,
                        "sepalWidth": 3.2,
                        "petalLength": 4.8,
                        "petalWidth": 1.8,
                        "species": "versicolor"
                    },
                    {
                        "sepalLength": 6.1,
                        "sepalWidth": 2.8,
                        "petalLength": 4.0,
                        "petalWidth": 1.3,
                        "species": "versicolor"
                    },
                    {
                        "sepalLength": 6.3,
                        "sepalWidth": 2.5,
                        "petalLength": 4.9,
                        "petalWidth": 1.5,
                        "species": "versicolor"
                    },
                    {
                        "sepalLength": 6.1,
                        "sepalWidth": 2.8,
                        "petalLength": 4.7,
                        "petalWidth": 1.2,
                        "species": "versicolor"
                    },
                    {
                        "sepalLength": 6.4,
                        "sepalWidth": 2.9,
                        "petalLength": 4.3,
                        "petalWidth": 1.3,
                        "species": "versicolor"
                    },
                    {
                        "sepalLength": 6.6,
                        "sepalWidth": 3.0,
                        "petalLength": 4.4,
                        "petalWidth": 1.4,
                        "species": "versicolor"
                    },
                    {
                        "sepalLength": 6.8,
                        "sepalWidth": 2.8,
                        "petalLength": 4.8,
                        "petalWidth": 1.4,
                        "species": "versicolor"
                    },
                    {
                        "sepalLength": 6.7,
                        "sepalWidth": 3.0,
                        "petalLength": 5.0,
                        "petalWidth": 1.7,
                        "species": "versicolor"
                    },
                    {
                        "sepalLength": 6.0,
                        "sepalWidth": 2.9,
                        "petalLength": 4.5,
                        "petalWidth": 1.5,
                        "species": "versicolor"
                    },
                    {
                        "sepalLength": 5.7,
                        "sepalWidth": 2.6,
                        "petalLength": 3.5,
                        "petalWidth": 1.0,
                        "species": "versicolor"
                    },
                    {
                        "sepalLength": 5.5,
                        "sepalWidth": 2.4,
                        "petalLength": 3.8,
                        "petalWidth": 1.1,
                        "species": "versicolor"
                    },
                    {
                        "sepalLength": 5.5,
                        "sepalWidth": 2.4,
                        "petalLength": 3.7,
                        "petalWidth": 1.0,
                        "species": "versicolor"
                    },
                    {
                        "sepalLength": 5.8,
                        "sepalWidth": 2.7,
                        "petalLength": 3.9,
                        "petalWidth": 1.2,
                        "species": "versicolor"
                    },
                    {
                        "sepalLength": 6.0,
                        "sepalWidth": 2.7,
                        "petalLength": 5.1,
                        "petalWidth": 1.6,
                        "species": "versicolor"
                    },
                    {
                        "sepalLength": 5.4,
                        "sepalWidth": 3.0,
                        "petalLength": 4.5,
                        "petalWidth": 1.5,
                        "species": "versicolor"
                    },
                    {
                        "sepalLength": 6.0,
                        "sepalWidth": 3.4,
                        "petalLength": 4.5,
                        "petalWidth": 1.6,
                        "species": "versicolor"
                    },
                    {
                        "sepalLength": 6.7,
                        "sepalWidth": 3.1,
                        "petalLength": 4.7,
                        "petalWidth": 1.5,
                        "species": "versicolor"
                    },
                    {
                        "sepalLength": 6.3,
                        "sepalWidth": 2.3,
                        "petalLength": 4.4,
                        "petalWidth": 1.3,
                        "species": "versicolor"
                    },
                    {
                        "sepalLength": 5.6,
                        "sepalWidth": 3.0,
                        "petalLength": 4.1,
                        "petalWidth": 1.3,
                        "species": "versicolor"
                    },
                    {
                        "sepalLength": 5.5,
                        "sepalWidth": 2.5,
                        "petalLength": 4.0,
                        "petalWidth": 1.3,
                        "species": "versicolor"
                    },
                    {
                        "sepalLength": 5.5,
                        "sepalWidth": 2.6,
                        "petalLength": 4.4,
                        "petalWidth": 1.2,
                        "species": "versicolor"
                    },
                    {
                        "sepalLength": 6.1,
                        "sepalWidth": 3.0,
                        "petalLength": 4.6,
                        "petalWidth": 1.4,
                        "species": "versicolor"
                    },
                    {
                        "sepalLength": 5.8,
                        "sepalWidth": 2.6,
                        "petalLength": 4.0,
                        "petalWidth": 1.2,
                        "species": "versicolor"
                    },
                    {
                        "sepalLength": 5.0,
                        "sepalWidth": 2.3,
                        "petalLength": 3.3,
                        "petalWidth": 1.0,
                        "species": "versicolor"
                    },
                    {
                        "sepalLength": 5.6,
                        "sepalWidth": 2.7,
                        "petalLength": 4.2,
                        "petalWidth": 1.3,
                        "species": "versicolor"
                    },
                    {
                        "sepalLength": 5.7,
                        "sepalWidth": 3.0,
                        "petalLength": 4.2,
                        "petalWidth": 1.2,
                        "species": "versicolor"
                    },
                    {
                        "sepalLength": 5.7,
                        "sepalWidth": 2.9,
                        "petalLength": 4.2,
                        "petalWidth": 1.3,
                        "species": "versicolor"
                    },
                    {
                        "sepalLength": 6.2,
                        "sepalWidth": 2.9,
                        "petalLength": 4.3,
                        "petalWidth": 1.3,
                        "species": "versicolor"
                    },
                    {
                        "sepalLength": 5.1,
                        "sepalWidth": 2.5,
                        "petalLength": 3.0,
                        "petalWidth": 1.1,
                        "species": "versicolor"
                    },
                    {
                        "sepalLength": 5.7,
                        "sepalWidth": 2.8,
                        "petalLength": 4.1,
                        "petalWidth": 1.3,
                        "species": "versicolor"
                    },
                    {
                        "sepalLength": 6.3,
                        "sepalWidth": 3.3,
                        "petalLength": 6.0,
                        "petalWidth": 2.5,
                        "species": "virginica"
                    },
                    {
                        "sepalLength": 5.8,
                        "sepalWidth": 2.7,
                        "petalLength": 5.1,
                        "petalWidth": 1.9,
                        "species": "virginica"
                    },
                    {
                        "sepalLength": 7.1,
                        "sepalWidth": 3.0,
                        "petalLength": 5.9,
                        "petalWidth": 2.1,
                        "species": "virginica"
                    },
                    {
                        "sepalLength": 6.3,
                        "sepalWidth": 2.9,
                        "petalLength": 5.6,
                        "petalWidth": 1.8,
                        "species": "virginica"
                    },
                    {
                        "sepalLength": 6.5,
                        "sepalWidth": 3.0,
                        "petalLength": 5.8,
                        "petalWidth": 2.2,
                        "species": "virginica"
                    },
                    {
                        "sepalLength": 7.6,
                        "sepalWidth": 3.0,
                        "petalLength": 6.6,
                        "petalWidth": 2.1,
                        "species": "virginica"
                    },
                    {
                        "sepalLength": 4.9,
                        "sepalWidth": 2.5,
                        "petalLength": 4.5,
                        "petalWidth": 1.7,
                        "species": "virginica"
                    },
                    {
                        "sepalLength": 7.3,
                        "sepalWidth": 2.9,
                        "petalLength": 6.3,
                        "petalWidth": 1.8,
                        "species": "virginica"
                    },
                    {
                        "sepalLength": 6.7,
                        "sepalWidth": 2.5,
                        "petalLength": 5.8,
                        "petalWidth": 1.8,
                        "species": "virginica"
                    },
                    {
                        "sepalLength": 7.2,
                        "sepalWidth": 3.6,
                        "petalLength": 6.1,
                        "petalWidth": 2.5,
                        "species": "virginica"
                    },
                    {
                        "sepalLength": 6.5,
                        "sepalWidth": 3.2,
                        "petalLength": 5.1,
                        "petalWidth": 2.0,
                        "species": "virginica"
                    },
                    {
                        "sepalLength": 6.4,
                        "sepalWidth": 2.7,
                        "petalLength": 5.3,
                        "petalWidth": 1.9,
                        "species": "virginica"
                    },
                    {
                        "sepalLength": 6.8,
                        "sepalWidth": 3.0,
                        "petalLength": 5.5,
                        "petalWidth": 2.1,
                        "species": "virginica"
                    },
                    {
                        "sepalLength": 5.7,
                        "sepalWidth": 2.5,
                        "petalLength": 5.0,
                        "petalWidth": 2.0,
                        "species": "virginica"
                    },
                    {
                        "sepalLength": 5.8,
                        "sepalWidth": 2.8,
                        "petalLength": 5.1,
                        "petalWidth": 2.4,
                        "species": "virginica"
                    },
                    {
                        "sepalLength": 6.4,
                        "sepalWidth": 3.2,
                        "petalLength": 5.3,
                        "petalWidth": 2.3,
                        "species": "virginica"
                    },
                    {
                        "sepalLength": 6.5,
                        "sepalWidth": 3.0,
                        "petalLength": 5.5,
                        "petalWidth": 1.8,
                        "species": "virginica"
                    },
                    {
                        "sepalLength": 7.7,
                        "sepalWidth": 3.8,
                        "petalLength": 6.7,
                        "petalWidth": 2.2,
                        "species": "virginica"
                    },
                    {
                        "sepalLength": 7.7,
                        "sepalWidth": 2.6,
                        "petalLength": 6.9,
                        "petalWidth": 2.3,
                        "species": "virginica"
                    },
                    {
                        "sepalLength": 6.0,
                        "sepalWidth": 2.2,
                        "petalLength": 5.0,
                        "petalWidth": 1.5,
                        "species": "virginica"
                    },
                    {
                        "sepalLength": 6.9,
                        "sepalWidth": 3.2,
                        "petalLength": 5.7,
                        "petalWidth": 2.3,
                        "species": "virginica"
                    },
                    {
                        "sepalLength": 5.6,
                        "sepalWidth": 2.8,
                        "petalLength": 4.9,
                        "petalWidth": 2.0,
                        "species": "virginica"
                    },
                    {
                        "sepalLength": 7.7,
                        "sepalWidth": 2.8,
                        "petalLength": 6.7,
                        "petalWidth": 2.0,
                        "species": "virginica"
                    },
                    {
                        "sepalLength": 6.3,
                        "sepalWidth": 2.7,
                        "petalLength": 4.9,
                        "petalWidth": 1.8,
                        "species": "virginica"
                    },
                    {
                        "sepalLength": 6.7,
                        "sepalWidth": 3.3,
                        "petalLength": 5.7,
                        "petalWidth": 2.1,
                        "species": "virginica"
                    },
                    {
                        "sepalLength": 7.2,
                        "sepalWidth": 3.2,
                        "petalLength": 6.0,
                        "petalWidth": 1.8,
                        "species": "virginica"
                    },
                    {
                        "sepalLength": 6.2,
                        "sepalWidth": 2.8,
                        "petalLength": 4.8,
                        "petalWidth": 1.8,
                        "species": "virginica"
                    },
                    {
                        "sepalLength": 6.1,
                        "sepalWidth": 3.0,
                        "petalLength": 4.9,
                        "petalWidth": 1.8,
                        "species": "virginica"
                    },
                    {
                        "sepalLength": 6.4,
                        "sepalWidth": 2.8,
                        "petalLength": 5.6,
                        "petalWidth": 2.1,
                        "species": "virginica"
                    },
                    {
                        "sepalLength": 7.2,
                        "sepalWidth": 3.0,
                        "petalLength": 5.8,
                        "petalWidth": 1.6,
                        "species": "virginica"
                    },
                    {
                        "sepalLength": 7.4,
                        "sepalWidth": 2.8,
                        "petalLength": 6.1,
                        "petalWidth": 1.9,
                        "species": "virginica"
                    },
                    {
                        "sepalLength": 7.9,
                        "sepalWidth": 3.8,
                        "petalLength": 6.4,
                        "petalWidth": 2.0,
                        "species": "virginica"
                    },
                    {
                        "sepalLength": 6.4,
                        "sepalWidth": 2.8,
                        "petalLength": 5.6,
                        "petalWidth": 2.2,
                        "species": "virginica"
                    },
                    {
                        "sepalLength": 6.3,
                        "sepalWidth": 2.8,
                        "petalLength": 5.1,
                        "petalWidth": 1.5,
                        "species": "virginica"
                    },
                    {
                        "sepalLength": 6.1,
                        "sepalWidth": 2.6,
                        "petalLength": 5.6,
                        "petalWidth": 1.4,
                        "species": "virginica"
                    },
                    {
                        "sepalLength": 7.7,
                        "sepalWidth": 3.0,
                        "petalLength": 6.1,
                        "petalWidth": 2.3,
                        "species": "virginica"
                    },
                    {
                        "sepalLength": 6.3,
                        "sepalWidth": 3.4,
                        "petalLength": 5.6,
                        "petalWidth": 2.4,
                        "species": "virginica"
                    },
                    {
                        "sepalLength": 6.4,
                        "sepalWidth": 3.1,
                        "petalLength": 5.5,
                        "petalWidth": 1.8,
                        "species": "virginica"
                    },
                    {
                        "sepalLength": 6.0,
                        "sepalWidth": 3.0,
                        "petalLength": 4.8,
                        "petalWidth": 1.8,
                        "species": "virginica"
                    },
                    {
                        "sepalLength": 6.9,
                        "sepalWidth": 3.1,
                        "petalLength": 5.4,
                        "petalWidth": 2.1,
                        "species": "virginica"
                    },
                    {
                        "sepalLength": 6.7,
                        "sepalWidth": 3.1,
                        "petalLength": 5.6,
                        "petalWidth": 2.4,
                        "species": "virginica"
                    },
                    {
                        "sepalLength": 6.9,
                        "sepalWidth": 3.1,
                        "petalLength": 5.1,
                        "petalWidth": 2.3,
                        "species": "virginica"
                    },
                    {
                        "sepalLength": 5.8,
                        "sepalWidth": 2.7,
                        "petalLength": 5.1,
                        "petalWidth": 1.9,
                        "species": "virginica"
                    },
                    {
                        "sepalLength": 6.8,
                        "sepalWidth": 3.2,
                        "petalLength": 5.9,
                        "petalWidth": 2.3,
                        "species": "virginica"
                    },
                    {
                        "sepalLength": 6.7,
                        "sepalWidth": 3.3,
                        "petalLength": 5.7,
                        "petalWidth": 2.5,
                        "species": "virginica"
                    },
                    {
                        "sepalLength": 6.7,
                        "sepalWidth": 3.0,
                        "petalLength": 5.2,
                        "petalWidth": 2.3,
                        "species": "virginica"
                    },
                    {
                        "sepalLength": 6.3,
                        "sepalWidth": 2.5,
                        "petalLength": 5.0,
                        "petalWidth": 1.9,
                        "species": "virginica"
                    },
                    {
                        "sepalLength": 6.5,
                        "sepalWidth": 3.0,
                        "petalLength": 5.2,
                        "petalWidth": 2.0,
                        "species": "virginica"
                    },
                    {
                        "sepalLength": 6.2,
                        "sepalWidth": 3.4,
                        "petalLength": 5.4,
                        "petalWidth": 2.3,
                        "species": "virginica"
                    },
                    {
                        "sepalLength": 5.9,
                        "sepalWidth": 3.0,
                        "petalLength": 5.1,
                        "petalWidth": 1.8,
                        "species": "virginica"
                    }
                ]
            };
    
            var cdata = {
                globals: {
                    fontFamily: 'Lucida Sans Unicode'
                },
                backgroundColor: '#fff',
                flat: true,
                graphset: []
            };
    
            var traits = flowers.traits;
            var species = flowers.species;
            var data = flowers.values;
    
            var series = {};
            for (var i = 0; i < data.length; i++) {
                var set = data[i],
                    key, val, point, index;
                for (var r = 0; r < traits.length; r++) {
                    for (var c = 0; c < traits.length; c++) {
                        key = traits[c];
                        val = traits[r];
                        point = [set[key], set[val]];
                        index = species.indexOf(set.species);
                        series['g_' + r + '_' + c] = series['g_' + r + '_' + c] || [];
                        series['g_' + r + '_' + c][index] = series['g_' + r + '_' + c][index] || {};
                        series['g_' + r + '_' + c][index].text = set.species;
                        series['g_' + r + '_' + c][index].values = series['g_' + r + '_' + c][index].values || [];
                        series['g_' + r + '_' + c][index].values.push(point);
                    }
                }
            }
    
            for (var r = 0; r < traits.length; r++) {
                for (var c = 0; c < traits.length; c++) {
                    var gdata = {
                        width: 200,
                        height: 200,
                        x: 20 + c * 200,
                        y: (traits.length - 1 - r) * 200,
                        type: 'scatter',
                        plotarea: {
                            maskTolerance: [10, 10],
                            marginTop: 10,
                            marginRight: 10,
                            marginBottom: 10,
                            marginLeft: 10
                        },
                        scaleX: {
                            lineWidth: 0,
                            offset: 0,
                            item: {
                                fontSize: 10
                            },
                            guide: {
                                lineStyle: 'solid',
                                lineColor: '#bbb'
                            },
                            tick: {
                                lineColor: '#bbb'
                            }
                        },
                        scaleY: {
                            lineWidth: 0,
                            offset: 0,
                            minValue: 'auto',
                            item: {
                                fontSize: 10
                            },
                            guide: {
                                lineStyle: 'solid',
                                lineColor: '#bbb'
                            },
                            tick: {
                                lineColor: '#bbb'
                            }
                        },
                        plot: {
                            marker: {
                                borderWidth: 0,
                                size: 3.5,
                                alpha: 0.75
                            },
                            tooltipText: '%plot-text<br>[%scale-key-text, %scale-value-text]'
                        },
                        tooltip: {
                            fontSize: 15,
                            padding: 10
                        },
                        series: series['g_' + r + '_' + c]
                    };
                    if (c === r) {
                        gdata.title = {
                            text: traits[c],
                            fontSize: 10,
                            align: 'left',
                            padding: '15 20'
                        };
                    }
                    if (c > 0) {
                        gdata.scaleY.item.visible = false;
                    }
                    if (r > 0) {
                        gdata.scaleX.item.visible = false;
                    }
                    cdata.graphset.push(gdata);
                }
            }
    
            zingchart.render({
                id: 'zc',
                width: traits.length * 200 + 20,
                height: traits.length * 200 + 20,
                output: 'svg',
                data: cdata
            });
        </script>
    </body>
    
    </html>
    <!DOCTYPE html>
    <html>
    	<head>
        <meta charset="utf-8">
        <title>ZingSoft Demo</title>
    	
    		<script src="https://cdn.zingchart.com/zingchart.min.js"></script>
    </head>
    	<body>
    		<div id="zc"></div>
    	</body>
    </html>
    html, body {
    	height:100%;
    	width:100%;
    	margin:0;
    	padding:0;
    }
    #myChart {
    	height:100%;
    	width:100%;
    	min-height:150px;
    }
    .zc-ref {
    	display:none;
    }
    var flowers = {
    	"traits":["sepalLength","sepalWidth","petalLength","petalWidth"],
    	"species":["setosa","versicolor","virginica"],
    	"values":[
    		{"sepalLength":5.1,"sepalWidth":3.5,"petalLength":1.4,"petalWidth":0.2,"species":"setosa"},
    		{"sepalLength":4.9,"sepalWidth":3.0,"petalLength":1.4,"petalWidth":0.2,"species":"setosa"},
    		{"sepalLength":4.7,"sepalWidth":3.2,"petalLength":1.3,"petalWidth":0.2,"species":"setosa"},
    		{"sepalLength":4.6,"sepalWidth":3.1,"petalLength":1.5,"petalWidth":0.2,"species":"setosa"},
    		{"sepalLength":5.0,"sepalWidth":3.6,"petalLength":1.4,"petalWidth":0.2,"species":"setosa"},
    		{"sepalLength":5.4,"sepalWidth":3.9,"petalLength":1.7,"petalWidth":0.4,"species":"setosa"},
    		{"sepalLength":4.6,"sepalWidth":3.4,"petalLength":1.4,"petalWidth":0.3,"species":"setosa"},
    		{"sepalLength":5.0,"sepalWidth":3.4,"petalLength":1.5,"petalWidth":0.2,"species":"setosa"},
    		{"sepalLength":4.4,"sepalWidth":2.9,"petalLength":1.4,"petalWidth":0.2,"species":"setosa"},
    		{"sepalLength":4.9,"sepalWidth":3.1,"petalLength":1.5,"petalWidth":0.1,"species":"setosa"},
    		{"sepalLength":5.4,"sepalWidth":3.7,"petalLength":1.5,"petalWidth":0.2,"species":"setosa"},
    		{"sepalLength":4.8,"sepalWidth":3.4,"petalLength":1.6,"petalWidth":0.2,"species":"setosa"},
    		{"sepalLength":4.8,"sepalWidth":3.0,"petalLength":1.4,"petalWidth":0.1,"species":"setosa"},
    		{"sepalLength":4.3,"sepalWidth":3.0,"petalLength":1.1,"petalWidth":0.1,"species":"setosa"},
    		{"sepalLength":5.8,"sepalWidth":4.0,"petalLength":1.2,"petalWidth":0.2,"species":"setosa"},
    		{"sepalLength":5.7,"sepalWidth":4.4,"petalLength":1.5,"petalWidth":0.4,"species":"setosa"},
    		{"sepalLength":5.4,"sepalWidth":3.9,"petalLength":1.3,"petalWidth":0.4,"species":"setosa"},
    		{"sepalLength":5.1,"sepalWidth":3.5,"petalLength":1.4,"petalWidth":0.3,"species":"setosa"},
    		{"sepalLength":5.7,"sepalWidth":3.8,"petalLength":1.7,"petalWidth":0.3,"species":"setosa"},
    		{"sepalLength":5.1,"sepalWidth":3.8,"petalLength":1.5,"petalWidth":0.3,"species":"setosa"},
    		{"sepalLength":5.4,"sepalWidth":3.4,"petalLength":1.7,"petalWidth":0.2,"species":"setosa"},
    		{"sepalLength":5.1,"sepalWidth":3.7,"petalLength":1.5,"petalWidth":0.4,"species":"setosa"},
    		{"sepalLength":4.6,"sepalWidth":3.6,"petalLength":1.0,"petalWidth":0.2,"species":"setosa"},
    		{"sepalLength":5.1,"sepalWidth":3.3,"petalLength":1.7,"petalWidth":0.5,"species":"setosa"},
    		{"sepalLength":4.8,"sepalWidth":3.4,"petalLength":1.9,"petalWidth":0.2,"species":"setosa"},
    		{"sepalLength":5.0,"sepalWidth":3.0,"petalLength":1.6,"petalWidth":0.2,"species":"setosa"},
    		{"sepalLength":5.0,"sepalWidth":3.4,"petalLength":1.6,"petalWidth":0.4,"species":"setosa"},
    		{"sepalLength":5.2,"sepalWidth":3.5,"petalLength":1.5,"petalWidth":0.2,"species":"setosa"},
    		{"sepalLength":5.2,"sepalWidth":3.4,"petalLength":1.4,"petalWidth":0.2,"species":"setosa"},
    		{"sepalLength":4.7,"sepalWidth":3.2,"petalLength":1.6,"petalWidth":0.2,"species":"setosa"},
    		{"sepalLength":4.8,"sepalWidth":3.1,"petalLength":1.6,"petalWidth":0.2,"species":"setosa"},
    		{"sepalLength":5.4,"sepalWidth":3.4,"petalLength":1.5,"petalWidth":0.4,"species":"setosa"},
    		{"sepalLength":5.2,"sepalWidth":4.1,"petalLength":1.5,"petalWidth":0.1,"species":"setosa"},
    		{"sepalLength":5.5,"sepalWidth":4.2,"petalLength":1.4,"petalWidth":0.2,"species":"setosa"},
    		{"sepalLength":4.9,"sepalWidth":3.1,"petalLength":1.5,"petalWidth":0.2,"species":"setosa"},
    		{"sepalLength":5.0,"sepalWidth":3.2,"petalLength":1.2,"petalWidth":0.2,"species":"setosa"},
    		{"sepalLength":5.5,"sepalWidth":3.5,"petalLength":1.3,"petalWidth":0.2,"species":"setosa"},
    		{"sepalLength":4.9,"sepalWidth":3.6,"petalLength":1.4,"petalWidth":0.1,"species":"setosa"},
    		{"sepalLength":4.4,"sepalWidth":3.0,"petalLength":1.3,"petalWidth":0.2,"species":"setosa"},
    		{"sepalLength":5.1,"sepalWidth":3.4,"petalLength":1.5,"petalWidth":0.2,"species":"setosa"},
    		{"sepalLength":5.0,"sepalWidth":3.5,"petalLength":1.3,"petalWidth":0.3,"species":"setosa"},
    		{"sepalLength":4.5,"sepalWidth":2.3,"petalLength":1.3,"petalWidth":0.3,"species":"setosa"},
    		{"sepalLength":4.4,"sepalWidth":3.2,"petalLength":1.3,"petalWidth":0.2,"species":"setosa"},
    		{"sepalLength":5.0,"sepalWidth":3.5,"petalLength":1.6,"petalWidth":0.6,"species":"setosa"},
    		{"sepalLength":5.1,"sepalWidth":3.8,"petalLength":1.9,"petalWidth":0.4,"species":"setosa"},
    		{"sepalLength":4.8,"sepalWidth":3.0,"petalLength":1.4,"petalWidth":0.3,"species":"setosa"},
    		{"sepalLength":5.1,"sepalWidth":3.8,"petalLength":1.6,"petalWidth":0.2,"species":"setosa"},
    		{"sepalLength":4.6,"sepalWidth":3.2,"petalLength":1.4,"petalWidth":0.2,"species":"setosa"},
    		{"sepalLength":5.3,"sepalWidth":3.7,"petalLength":1.5,"petalWidth":0.2,"species":"setosa"},
    		{"sepalLength":5.0,"sepalWidth":3.3,"petalLength":1.4,"petalWidth":0.2,"species":"setosa"},
    		{"sepalLength":7.0,"sepalWidth":3.2,"petalLength":4.7,"petalWidth":1.4,"species":"versicolor"},
    		{"sepalLength":6.4,"sepalWidth":3.2,"petalLength":4.5,"petalWidth":1.5,"species":"versicolor"},
    		{"sepalLength":6.9,"sepalWidth":3.1,"petalLength":4.9,"petalWidth":1.5,"species":"versicolor"},
    		{"sepalLength":5.5,"sepalWidth":2.3,"petalLength":4.0,"petalWidth":1.3,"species":"versicolor"},
    		{"sepalLength":6.5,"sepalWidth":2.8,"petalLength":4.6,"petalWidth":1.5,"species":"versicolor"},
    		{"sepalLength":5.7,"sepalWidth":2.8,"petalLength":4.5,"petalWidth":1.3,"species":"versicolor"},
    		{"sepalLength":6.3,"sepalWidth":3.3,"petalLength":4.7,"petalWidth":1.6,"species":"versicolor"},
    		{"sepalLength":4.9,"sepalWidth":2.4,"petalLength":3.3,"petalWidth":1.0,"species":"versicolor"},
    		{"sepalLength":6.6,"sepalWidth":2.9,"petalLength":4.6,"petalWidth":1.3,"species":"versicolor"},
    		{"sepalLength":5.2,"sepalWidth":2.7,"petalLength":3.9,"petalWidth":1.4,"species":"versicolor"},
    		{"sepalLength":5.0,"sepalWidth":2.0,"petalLength":3.5,"petalWidth":1.0,"species":"versicolor"},
    		{"sepalLength":5.9,"sepalWidth":3.0,"petalLength":4.2,"petalWidth":1.5,"species":"versicolor"},
    		{"sepalLength":6.0,"sepalWidth":2.2,"petalLength":4.0,"petalWidth":1.0,"species":"versicolor"},
    		{"sepalLength":6.1,"sepalWidth":2.9,"petalLength":4.7,"petalWidth":1.4,"species":"versicolor"},
    		{"sepalLength":5.6,"sepalWidth":2.9,"petalLength":3.6,"petalWidth":1.3,"species":"versicolor"},
    		{"sepalLength":6.7,"sepalWidth":3.1,"petalLength":4.4,"petalWidth":1.4,"species":"versicolor"},
    		{"sepalLength":5.6,"sepalWidth":3.0,"petalLength":4.5,"petalWidth":1.5,"species":"versicolor"},
    		{"sepalLength":5.8,"sepalWidth":2.7,"petalLength":4.1,"petalWidth":1.0,"species":"versicolor"},
    		{"sepalLength":6.2,"sepalWidth":2.2,"petalLength":4.5,"petalWidth":1.5,"species":"versicolor"},
    		{"sepalLength":5.6,"sepalWidth":2.5,"petalLength":3.9,"petalWidth":1.1,"species":"versicolor"},
    		{"sepalLength":5.9,"sepalWidth":3.2,"petalLength":4.8,"petalWidth":1.8,"species":"versicolor"},
    		{"sepalLength":6.1,"sepalWidth":2.8,"petalLength":4.0,"petalWidth":1.3,"species":"versicolor"},
    		{"sepalLength":6.3,"sepalWidth":2.5,"petalLength":4.9,"petalWidth":1.5,"species":"versicolor"},
    		{"sepalLength":6.1,"sepalWidth":2.8,"petalLength":4.7,"petalWidth":1.2,"species":"versicolor"},
    		{"sepalLength":6.4,"sepalWidth":2.9,"petalLength":4.3,"petalWidth":1.3,"species":"versicolor"},
    		{"sepalLength":6.6,"sepalWidth":3.0,"petalLength":4.4,"petalWidth":1.4,"species":"versicolor"},
    		{"sepalLength":6.8,"sepalWidth":2.8,"petalLength":4.8,"petalWidth":1.4,"species":"versicolor"},
    		{"sepalLength":6.7,"sepalWidth":3.0,"petalLength":5.0,"petalWidth":1.7,"species":"versicolor"},
    		{"sepalLength":6.0,"sepalWidth":2.9,"petalLength":4.5,"petalWidth":1.5,"species":"versicolor"},
    		{"sepalLength":5.7,"sepalWidth":2.6,"petalLength":3.5,"petalWidth":1.0,"species":"versicolor"},
    		{"sepalLength":5.5,"sepalWidth":2.4,"petalLength":3.8,"petalWidth":1.1,"species":"versicolor"},
    		{"sepalLength":5.5,"sepalWidth":2.4,"petalLength":3.7,"petalWidth":1.0,"species":"versicolor"},
    		{"sepalLength":5.8,"sepalWidth":2.7,"petalLength":3.9,"petalWidth":1.2,"species":"versicolor"},
    		{"sepalLength":6.0,"sepalWidth":2.7,"petalLength":5.1,"petalWidth":1.6,"species":"versicolor"},
    		{"sepalLength":5.4,"sepalWidth":3.0,"petalLength":4.5,"petalWidth":1.5,"species":"versicolor"},
    		{"sepalLength":6.0,"sepalWidth":3.4,"petalLength":4.5,"petalWidth":1.6,"species":"versicolor"},
    		{"sepalLength":6.7,"sepalWidth":3.1,"petalLength":4.7,"petalWidth":1.5,"species":"versicolor"},
    		{"sepalLength":6.3,"sepalWidth":2.3,"petalLength":4.4,"petalWidth":1.3,"species":"versicolor"},
    		{"sepalLength":5.6,"sepalWidth":3.0,"petalLength":4.1,"petalWidth":1.3,"species":"versicolor"},
    		{"sepalLength":5.5,"sepalWidth":2.5,"petalLength":4.0,"petalWidth":1.3,"species":"versicolor"},
    		{"sepalLength":5.5,"sepalWidth":2.6,"petalLength":4.4,"petalWidth":1.2,"species":"versicolor"},
    		{"sepalLength":6.1,"sepalWidth":3.0,"petalLength":4.6,"petalWidth":1.4,"species":"versicolor"},
    		{"sepalLength":5.8,"sepalWidth":2.6,"petalLength":4.0,"petalWidth":1.2,"species":"versicolor"},
    		{"sepalLength":5.0,"sepalWidth":2.3,"petalLength":3.3,"petalWidth":1.0,"species":"versicolor"},
    		{"sepalLength":5.6,"sepalWidth":2.7,"petalLength":4.2,"petalWidth":1.3,"species":"versicolor"},
    		{"sepalLength":5.7,"sepalWidth":3.0,"petalLength":4.2,"petalWidth":1.2,"species":"versicolor"},
    		{"sepalLength":5.7,"sepalWidth":2.9,"petalLength":4.2,"petalWidth":1.3,"species":"versicolor"},
    		{"sepalLength":6.2,"sepalWidth":2.9,"petalLength":4.3,"petalWidth":1.3,"species":"versicolor"},
    		{"sepalLength":5.1,"sepalWidth":2.5,"petalLength":3.0,"petalWidth":1.1,"species":"versicolor"},
    		{"sepalLength":5.7,"sepalWidth":2.8,"petalLength":4.1,"petalWidth":1.3,"species":"versicolor"},
    		{"sepalLength":6.3,"sepalWidth":3.3,"petalLength":6.0,"petalWidth":2.5,"species":"virginica"},
    		{"sepalLength":5.8,"sepalWidth":2.7,"petalLength":5.1,"petalWidth":1.9,"species":"virginica"},
    		{"sepalLength":7.1,"sepalWidth":3.0,"petalLength":5.9,"petalWidth":2.1,"species":"virginica"},
    		{"sepalLength":6.3,"sepalWidth":2.9,"petalLength":5.6,"petalWidth":1.8,"species":"virginica"},
    		{"sepalLength":6.5,"sepalWidth":3.0,"petalLength":5.8,"petalWidth":2.2,"species":"virginica"},
    		{"sepalLength":7.6,"sepalWidth":3.0,"petalLength":6.6,"petalWidth":2.1,"species":"virginica"},
    		{"sepalLength":4.9,"sepalWidth":2.5,"petalLength":4.5,"petalWidth":1.7,"species":"virginica"},
    		{"sepalLength":7.3,"sepalWidth":2.9,"petalLength":6.3,"petalWidth":1.8,"species":"virginica"},
    		{"sepalLength":6.7,"sepalWidth":2.5,"petalLength":5.8,"petalWidth":1.8,"species":"virginica"},
    		{"sepalLength":7.2,"sepalWidth":3.6,"petalLength":6.1,"petalWidth":2.5,"species":"virginica"},
    		{"sepalLength":6.5,"sepalWidth":3.2,"petalLength":5.1,"petalWidth":2.0,"species":"virginica"},
    		{"sepalLength":6.4,"sepalWidth":2.7,"petalLength":5.3,"petalWidth":1.9,"species":"virginica"},
    		{"sepalLength":6.8,"sepalWidth":3.0,"petalLength":5.5,"petalWidth":2.1,"species":"virginica"},
    		{"sepalLength":5.7,"sepalWidth":2.5,"petalLength":5.0,"petalWidth":2.0,"species":"virginica"},
    		{"sepalLength":5.8,"sepalWidth":2.8,"petalLength":5.1,"petalWidth":2.4,"species":"virginica"},
    		{"sepalLength":6.4,"sepalWidth":3.2,"petalLength":5.3,"petalWidth":2.3,"species":"virginica"},
    		{"sepalLength":6.5,"sepalWidth":3.0,"petalLength":5.5,"petalWidth":1.8,"species":"virginica"},
    		{"sepalLength":7.7,"sepalWidth":3.8,"petalLength":6.7,"petalWidth":2.2,"species":"virginica"},
    		{"sepalLength":7.7,"sepalWidth":2.6,"petalLength":6.9,"petalWidth":2.3,"species":"virginica"},
    		{"sepalLength":6.0,"sepalWidth":2.2,"petalLength":5.0,"petalWidth":1.5,"species":"virginica"},
    		{"sepalLength":6.9,"sepalWidth":3.2,"petalLength":5.7,"petalWidth":2.3,"species":"virginica"},
    		{"sepalLength":5.6,"sepalWidth":2.8,"petalLength":4.9,"petalWidth":2.0,"species":"virginica"},
    		{"sepalLength":7.7,"sepalWidth":2.8,"petalLength":6.7,"petalWidth":2.0,"species":"virginica"},
    		{"sepalLength":6.3,"sepalWidth":2.7,"petalLength":4.9,"petalWidth":1.8,"species":"virginica"},
    		{"sepalLength":6.7,"sepalWidth":3.3,"petalLength":5.7,"petalWidth":2.1,"species":"virginica"},
    		{"sepalLength":7.2,"sepalWidth":3.2,"petalLength":6.0,"petalWidth":1.8,"species":"virginica"},
    		{"sepalLength":6.2,"sepalWidth":2.8,"petalLength":4.8,"petalWidth":1.8,"species":"virginica"},
    		{"sepalLength":6.1,"sepalWidth":3.0,"petalLength":4.9,"petalWidth":1.8,"species":"virginica"},
    		{"sepalLength":6.4,"sepalWidth":2.8,"petalLength":5.6,"petalWidth":2.1,"species":"virginica"},
    		{"sepalLength":7.2,"sepalWidth":3.0,"petalLength":5.8,"petalWidth":1.6,"species":"virginica"},
    		{"sepalLength":7.4,"sepalWidth":2.8,"petalLength":6.1,"petalWidth":1.9,"species":"virginica"},
    		{"sepalLength":7.9,"sepalWidth":3.8,"petalLength":6.4,"petalWidth":2.0,"species":"virginica"},
    		{"sepalLength":6.4,"sepalWidth":2.8,"petalLength":5.6,"petalWidth":2.2,"species":"virginica"},
    		{"sepalLength":6.3,"sepalWidth":2.8,"petalLength":5.1,"petalWidth":1.5,"species":"virginica"},
    		{"sepalLength":6.1,"sepalWidth":2.6,"petalLength":5.6,"petalWidth":1.4,"species":"virginica"},
    		{"sepalLength":7.7,"sepalWidth":3.0,"petalLength":6.1,"petalWidth":2.3,"species":"virginica"},
    		{"sepalLength":6.3,"sepalWidth":3.4,"petalLength":5.6,"petalWidth":2.4,"species":"virginica"},
    		{"sepalLength":6.4,"sepalWidth":3.1,"petalLength":5.5,"petalWidth":1.8,"species":"virginica"},
    		{"sepalLength":6.0,"sepalWidth":3.0,"petalLength":4.8,"petalWidth":1.8,"species":"virginica"},
    		{"sepalLength":6.9,"sepalWidth":3.1,"petalLength":5.4,"petalWidth":2.1,"species":"virginica"},
    		{"sepalLength":6.7,"sepalWidth":3.1,"petalLength":5.6,"petalWidth":2.4,"species":"virginica"},
    		{"sepalLength":6.9,"sepalWidth":3.1,"petalLength":5.1,"petalWidth":2.3,"species":"virginica"},
    		{"sepalLength":5.8,"sepalWidth":2.7,"petalLength":5.1,"petalWidth":1.9,"species":"virginica"},
    		{"sepalLength":6.8,"sepalWidth":3.2,"petalLength":5.9,"petalWidth":2.3,"species":"virginica"},
    		{"sepalLength":6.7,"sepalWidth":3.3,"petalLength":5.7,"petalWidth":2.5,"species":"virginica"},
    		{"sepalLength":6.7,"sepalWidth":3.0,"petalLength":5.2,"petalWidth":2.3,"species":"virginica"},
    		{"sepalLength":6.3,"sepalWidth":2.5,"petalLength":5.0,"petalWidth":1.9,"species":"virginica"},
    		{"sepalLength":6.5,"sepalWidth":3.0,"petalLength":5.2,"petalWidth":2.0,"species":"virginica"},
    		{"sepalLength":6.2,"sepalWidth":3.4,"petalLength":5.4,"petalWidth":2.3,"species":"virginica"},
    		{"sepalLength":5.9,"sepalWidth":3.0,"petalLength":5.1,"petalWidth":1.8,"species":"virginica"}
    	]
    };
    
    var cdata = {
        globals : {
            fontFamily : 'Lucida Sans Unicode'
        },
        backgroundColor : '#fff',
        flat : true,
        graphset : [
        ]
    };
    
    var traits = flowers.traits;
    var species = flowers.species;
    var data = flowers.values;
    
    var series = {};
    for (var i=0;i<data.length;i++) {
        var set = data[i], key, val, point, index;
        for (var r=0;r<traits.length;r++) {
            for (var c=0;c<traits.length;c++) {
                key = traits[c];
                val = traits[r];
                point = [set[key], set[val]];
                index = species.indexOf(set.species);
                series['g_'+r+'_'+c] = series['g_'+r+'_'+c] || [];
                series['g_'+r+'_'+c][index] = series['g_'+r+'_'+c][index] || {};
                series['g_'+r+'_'+c][index].text = set.species;
                series['g_'+r+'_'+c][index].values = series['g_'+r+'_'+c][index].values || [];
                series['g_'+r+'_'+c][index].values.push(point);
            }
        }
    }
    
    for (var r=0;r<traits.length;r++) {
        for (var c=0;c<traits.length;c++) {
            var gdata = {
                width : 200,
                height : 200,
                x : 20 + c * 200,
                y : (traits.length - 1 - r) * 200,
                type : 'scatter',
                plotarea : {
                    maskTolerance : [10, 10],
                    marginTop : 10,
                    marginRight : 10,
                    marginBottom : 10,
                    marginLeft : 10
                },
                scaleX : {
                    lineWidth : 0,
                    offset : 0,
                    item : {
                        fontSize : 10
                    },
                    guide : {
                        lineStyle : 'solid',
                        lineColor : '#bbb'
                    },
                    tick : {
                        lineColor : '#bbb'    
                    }
                },
                scaleY : {
                    lineWidth : 0,
                    offset : 0,
                    minValue : 'auto',
                    item : {
                        fontSize : 10
                    },
                    guide : {
                        lineStyle : 'solid',
                        lineColor : '#bbb'
                    },
                    tick : {
                        lineColor : '#bbb'    
                    }
                },
                plot : {
                    marker : {
                        borderWidth : 0,
                        size : 3.5,
                        alpha : 0.75
                    },
                    tooltipText : '%plot-text<br>[%scale-key-text, %scale-value-text]'
                },
                tooltip : {
                    fontSize : 15,
                    padding : 10
                },
                series : series['g_'+r+'_'+c]
            };
            if (c === r) {
                gdata.title = {
                    text : traits[c],
                    fontSize : 10,
                    align : 'left',
                    padding : '15 20'
                };    
            }
            if (c > 0) {
                gdata.scaleY.item.visible = false;    
            }
            if (r > 0) {
                gdata.scaleX.item.visible = false;    
            }
            cdata.graphset.push(gdata);
        }
    }
    
    zingchart.render({
      id : 'zc',
    	width : traits.length * 200 + 20,
    	height : traits.length * 200 + 20,
    	output : 'svg',
    	data : cdata
    });