Tutorial.Scale

function run_scale(root) {
    scales = {};
    scales.left = new TK.Scale({
        layout: "left",
        division: 1,
        levels: [1, 6, 12],
        min: -96,
        max: +24,
        base: 0,
        scale: "decibel",
        id: "sc_scale_v_l"
    })
    scales.right = new TK.Scale({
        layout: "right",
        division: 1,
        levels: [1, 6, 12],
        min: -96,
        max: +24,
        base: 0,
        id: "sc_scale_v_r"
    })
    scales.top = new TK.Scale({
        layout: "top",
        division: 1,
        levels: [1, 6, 12],
        min: -24,
        max: +24,
        base: 0,
        gap_labels: 50,
        id: "sc_scale_h_t"
    })
    scales.bottom = new TK.Scale({
        layout: "bottom",
        division: 1,
        levels: [1, 6, 12],
        min: -24,
        max: +24,
        base: 0,
        gap_labels: 50,
        id: "sc_scale_h_b"
    })

    root.append_children([ scales.left, scales.right, scales.top, scales.bottom ]);
}

.toolkit-scale {
    display: block;
    position: absolute;
}

#sc_scale_v_l {
    height: calc(100% - 60px);
    top: 30px;
    left: 10px;
}
#sc_scale_v_r {
    height: calc(100% - 60px);
    top: 30px;
    right: 10px;
}
#sc_scale_h_t {
    width: calc(100% - 94px);
    left: 47px;
    top: 10px;
}
#sc_scale_h_b {
    width: calc(100% - 94px);
    left: 47px;
    bottom: 10px;
}