Function make14Graph

lib/web/drags.js:936–1001

(rrRaph, w, h, get, setAndConstrain)

var make14Graph = function (rrRaph, w, h, get, setAndConstrain) {
    var vz = get();

    console.log(" initial value for 4 graph is " + stringify(vz));

    var curve = rrRaph.path().attr({"stroke-width": 4, "stroke": "#000"});
    var curve2 = rrRaph.path().attr({"stroke-width": 1, "stroke": "#555"});

    var updatePath = function () {
        var z = "M" + (0 * (w - insetW * 2) + insetW) + "," + (vz[0] * (h - insetW * 2) + insetW);
        z += "C " + (0.3333 * (w - insetW * 2) + insetW) + "," + (vz[1] * (h - insetW * 2) + insetW);
        z += " " + (0.6666 * (w - insetW * 2) + insetW) + "," + (vz[2] * (h - insetW * 2) + insetW);
        z += " " + (1 * (w - insetW * 2) + insetW) + "," + (vz[3] * (h - insetW * 2) + insetW);
        curve.attr({path: z});

        z = "M" + (0 * (w - insetW * 2) + insetW) + "," + (vz[0] * (h - insetW * 2) + insetW);
        z += "L " + (0.3333 * (w - insetW * 2) + insetW) + "," + (vz[1] * (h - insetW * 2) + insetW);
        z += "M" + (0.6666 * (w - insetW * 2) + insetW) + "," + (vz[2] * (h - insetW * 2) + insetW);
        z += "L" + (1 * (w - insetW * 2) + insetW) + "," + (vz[3] * (h - insetW * 2) + insetW);
        curve2.attr({path: z})
    };
    var s0 = makeXYSlider(rrRaph, w, h, function () {
        vz = get();
        return [0, vz[0]]
    }, function (o, p, n) {
        n[0] = 0;
        vz[0] = n[1];
        updatePath();
        q = setAndConstrain(vz, vz, vz);
        return [0, q[0]];
    }, true, false);
    var s1 = makeXYSlider(rrRaph, w, h, function () {
        vz = get();
        return [0.3333, vz[1]]
    }, function (o, p, n) {
        n[0] = 0.3333;
        vz[1] = n[1];
        updatePath();
        q = setAndConstrain(vz, vz, vz);
        return [0.3333, q[1]];
    }, false, false);
    var s2 = makeXYSlider(rrRaph, w, h, function () {
        vz = get();
        return [0.6666, vz[2]]
    }, function (o, p, n) {
        n[0] = 0.6666;
        vz[2] = n[1];
        updatePath();
        q = setAndConstrain(vz, vz, vz);
        return [0.6666, q[2]];
    }, false, false);
    var s3 = makeXYSlider(rrRaph, w, h, function () {
        vz = get();
        return [1, vz[3]]
    }, function (o, p, n) {
        n[0] = 1;
        vz[3] = n[1];
        updatePath();