viewof w = { var form = html``; // nonlinear slider to weight mappings: function weightOfSlider(s) { return s < 1 ? s : (s - 1) * (data.attrs.length - 1) + 1; } function sliderOfWeight(w) { return w < 1 ? w : (w - 1) / (data.attrs.length - 1) + 1; } // initialize weights to 1.0: //console.log("weights>>>", weights) //mutable weights = Object.fromEntries(data.attrs.map(a => [a, 1.0])); //form.value = weights; form.value = newsliderweights; // if (weights.length === 0) { // mutable weights = Object.fromEntries(data.attrs.map(a => [a, 1.0])); // } // else{ // mutable weights = labeled_weights // } // slider interaction: data.attrs.forEach( (attr) => (form[attr].oninput = () => { weights[attr] = weightOfSlider(form[attr].valueAsNumber); const remaining = data.attrs.length - weights[attr]; const prev = d3.sum(data.attrs.map((a) => weights[a])) - weights[attr]; if (prev == 0) data.attrs.forEach((a) => { if (a != attr) form[a].value = sliderOfWeight( (weights[a] = remaining / (data.attrs.length - 1)) ); }); else data.attrs.forEach((a) => { if (a != attr) form[a].value = sliderOfWeight( (weights[a] = (weights[a] * remaining) / prev) ); }); form.value = weights; }) ); function update(ws) { //used newsliderweights instead data.attrs.forEach((attr) => (form[attr].value = sliderOfWeight(ws[attr]))); form.value = ws; form.dispatchEvent(new Event("input")); } //mutable f = update; form.myupdate = update; return form; }