30:[] 2e:{"title":"Ternary Inputs","cells":[{"id":0,"value":"md`# Ternary Inputs`","pinned":false,"hidden":false,"mode":"ojs"},{"id":33,"value":"inputs = {\n const markup = html``\n // h/t @mbostock/form-input\n markup.addEventListener(\"change\", event => {\n const [type, v] = event.target.name.split('-')\n if (type === 'range'){\n if (locks === v){\n return;\n }\n mutable data = rebalancer(data, v, Number(event.target.value), locks);\n }\n if (type === 'check'){\n mutable locks = locks === event.target.value ? null : event.target.value;\n }\n })\n return markup; \n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":22,"value":"chart = ternary([data])","pinned":false,"hidden":false,"mode":"ojs"},{"id":121,"value":"rebalancer = (values, newVar, newValue, locked, keys = ['a', 'b', 'c']) => {\n if (newValue > 1 || newValue < 0) {\n return { ...values }\n }\n let givers = keys.filter(d => d !== newVar && d !== locked);\n\n // delta per giver\n const requestedDelta = round((newValue - values[newVar]) / givers.length, 2);\n const availableDelta = round(Math.min(\n ...givers.map(giver => requestedDelta < 0 ? values[giver] - 1 : values[giver])\n ), 2);\n const delta = (\n (requestedDelta > 0 && requestedDelta < availableDelta) ||\n (requestedDelta < 0 && requestedDelta > availableDelta)\n )\n ? requestedDelta\n : availableDelta\n const newValues = {\n ...values,\n [newVar]: round(values[newVar] + (delta * givers.length), 2),\n }\n givers.forEach(giver => {\n newValues[giver] = round(values[giver] - delta, 2);\n })\n return newValues;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":11,"value":"mutable data = ({ a: 0.4, b: 0.3, c: 0.3, id: '1' })","pinned":false,"hidden":false,"mode":"ojs"},{"id":94,"value":"mutable locks = null","pinned":false,"hidden":false,"mode":"ojs"},{"id":171,"value":"import { round } from '@anbnyc/utility-library'","pinned":false,"hidden":false,"mode":"ojs"},{"id":2,"value":"import {ternary, fmt} from '@anbnyc/ternary-plot'","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W30","stdlib":"1","titling":"auto"}