cux-test/scripts/cux_d3_scatterplot.js

[SB Admin](http://startbootstrap.com/template-overviews/sb-admin/) is an open source, admin dashboard template for [Bootstrap](http://getbootstrap.com/) created by [Start Bootstrap](http://startbootstrap.com/).

var chart;
nv.addGraph(function () {
    chart = nv.models.scatterChart()
        .showDistX(true)
        .showDistY(true)
        .duration(300)
        .color(d3.scale.ordinal().range(["#7ad6a8", "#f03040", "#87c4ff", "#f1ca5c"]).range());
    chart.dispatch.on('renderEnd', function () {
        console.log('render complete');
    });
    chart.xAxis.tickFormat(d3.format('.02f'));
    chart.yAxis.tickFormat(d3.format('.02f'));
    d3.select('#test1 svg')
        .datum(nv.log(randomData(4, 40)))
        .call(chart);
    nv.utils.windowResize(chart.update);
    chart.dispatch.on('stateChange', function (e) {
        nv.log('New State:', JSON.stringify(e));
    });
    return chart;
});
function randomData(groups, points) { //# groups,# points per group
    var data = [],
        shapes = ['circle'],
        random = d3.random.normal();
    for (i = 0; i < groups; i++) {
        data.push({
            key: 'Group ' + i,
            values: [],
            slope: Math.random() - .01,
            intercept: Math.random() - .5
        });
        for (j = 0; j < points; j++) {
            data[i].values.push({
                x: random(),
                y: random(),
                size: Math.random(),
                shape: shapes[j % shapes.length]
            });
        }
    }
    return data;
}





var chart;
nv.addGraph(function () {
    chart = nv.models.scatterChart()
        .showDistX(true)
        .showDistY(true)
        .duration(300)
        .color(d3.scale.ordinal().range(["#7ad6a8", "#f03040", "#87c4ff", "#f1ca5c"]).range());
    chart.dispatch.on('renderEnd', function () {
        console.log('render complete');
    });
    chart.xAxis.tickFormat(d3.format('.02f'));
    chart.yAxis.tickFormat(d3.format('.02f'));
    d3.select('#test2 svg')
        .datum(nv.log(randomData(4, 40)))
        .call(chart);
    nv.utils.windowResize(chart.update);
    chart.dispatch.on('stateChange', function (e) {
        nv.log('New State:', JSON.stringify(e));
    });
    return chart;
});
function randomData(groups, points) { //# groups,# points per group
    var data = [],
        shapes = ['circle'],
        random = d3.random.normal();
    for (i = 0; i < groups; i++) {
        data.push({
            key: 'Group ' + i,
            values: [],
            slope: Math.random() - .01,
            intercept: Math.random() - .5
        });
        for (j = 0; j < points; j++) {
            data[i].values.push({
                x: random(),
                y: random(),
                size: Math.random(),
                shape: shapes[j % shapes.length]
            });
        }
    }
    return data;
}