31:[] 2f:{"title":"Hello HTML Meter Element","cells":[{"id":0,"value":"md`# Hello HTML Meter Element`","pinned":false,"hidden":false,"mode":"ojs"},{"id":4,"value":"html`

Some code used from --> https://observablehq.com/@mbostock/showing-progress and learnings from https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meter

\n<meter id=\"fuel\"\n       min=\"0\" max=\"100\"\n       low=\"33\" high=\"66\" optimum=\"80\"\n       value=\"50\">\n    at 50/100\n</meter>\n

\n\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":7,"value":"viewof meter = {\n const meter = html``\n yield meter;\n meter.value = sum;\n meter.min = min;\n meter.max = max;\n meter.low =low;\n meter.high = high;\n meter.optimum = optimum;\n return meter;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":36,"value":"viewof sum = Range([0, 1000], {step: 1, value:100, label: \"Value\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":53,"value":"viewof min = Range([0, 1000], {step: 1, value:0 ,label: \"Min\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":64,"value":"viewof max = Range([0, 1000], {step: 1, value:1000 ,label: \"Max\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":69,"value":"viewof low = Range([0, 1000], {step: 1, value:100 ,label: \"Low\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":72,"value":"viewof high = Range([0, 1000], {step: 1, value:900 ,label: \"High\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":76,"value":"viewof optimum = Range([0, 1000], {step: 1, value:750 ,label: \"Optimum\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":33,"value":"import { Range } from \"@observablehq/inputs\"","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}