45:["$","title",null,{"children":"private time logger | Paolo Andrenacci | Observable"}] 4d:T554,ui={ let div = htl.html`

`; let b1 = htl.html``; let b2 = htl.html``; let msg = htl.html``; let inp = htl.html``; [b1,b2,msg,inp].map(x=>div.appendChild(x)); let gen = generatorFactory(0); b1.addEventListener('click', onStartNew); b2.addEventListener('click', onInput); inp.addEventListener('keydown', onInpKeyDown) function onStartNew() { globals.t0=t(); let serie = globals.serie = []; globals.series.push(serie); msg.innerHTML ='started' setTimeout(()=>msg.innerHTML='', 500); } function onInput(){ globals.curt=t(); b2.classList.add("hidden"); inp.classList.remove("hidden"); inp.value=''; inp.focus(); } function onInpKeyDown(evt) { console.log(evt.keyCode); if (evt.keyCode==13) { globals.text=inp.value; let l = t2l(globals.text); let dt = globals.curt-globals.t0; globals.serie.push([dt/1000, l*60000/dt]); b2.classList.remove("hidden"); inp.classList.add("hidden"); gen.setValue(Math.random()); } } div.refreshDraw = gen; return div; }4e:Tac2,chart = (data, options) => { const unit = width / 954 const defaults = { helpText: "data is an array of arrays: [[0, 0], [1, 5], ...]", margin: { left: 50 * unit + 2 * 14 * unit / Math.sqrt(unit), top: 25 * unit, right: 35 * unit, bottom: 50 * unit + 14 * unit / Math.sqrt(unit), }, width: width, height: width / (Math.sqrt(2) + 1), pointRadius: 15 * unit / Math.log(data.length + 2), pointFill: "black", pointOpacity: 1, lineStroke: "black", lineStrokeWidth: 2, curve: "curveLinear", ticklabelSize: 14 * unit / Math.sqrt(unit), tickFontFamily: "-apple-system,system-ui,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Helvetica,Arial,sans-serif" } const p = Object.assign(defaults, options) const x = d3.scaleLinear().domain(d3.extent(data, d => d[0])).nice().range([0, width]) const y = d3.scaleLinear().domain(d3.extent(data, d => d[1])).nice().range([p.height, 0]) const linePath = d3.line() .defined(d => (!isNaN(d[0]) && !isNaN(d[1]))) .curve(d3[p.curve]) .x(d => x(d[0])) .y(d => y(d[1])) let svg = d3.create("svg") .attr("viewBox", `-${p.margin.left} -${p.margin.top} ${p.width + p.margin.left + p.margin.right} ${p.height + p.margin.top + p.margin.bottom}`) svg.append("g").attr("class", "line").append("path") .attr("d", linePath(data)) .attr("stroke", p.lineStroke) .attr("stroke-width", p.lineStrokeWidth) .attr("fill", "none") .attr("stroke-linejoin", "round") .attr("stroke-linecap", "round") svg.append("g").attr("class", "points").selectAll("circle").data(data).join("circle") .attr("cx", d => x(d[0])) .attr("cy", d => y(d[1])) .attr("r", p.pointRadius) .attr("fill", p.pointFill) .attr("fill-opacity", p.pointOpacity) .style("display", function (d, i) { if (isNaN(d[0]) || isNaN(d[1])) { return "none" } }) let xAxis = svg.append("g").attr("id", "xAxis").call(d3.axisBottom(x)) .attr("transform", `translate(0, ${p.height + p.pointRadius + p.ticklabelSize})`) .style("font-size", p.ticklabelSize) .style("font-family", p.tickFontFamily) svg.append("g").attr("id", "yAxis").call(d3.axisLeft(y)) .attr("transform", `translate(${-p.pointRadius - p.ticklabelSize},0)`) .style("font-size", p.ticklabelSize) .style("font-family", p.tickFontFamily) if (!data.length) { svg.append("g").append("text").text("data is empty ¯\\_(ツ)_/¯") .attr("x", p.width / 2) .attr("y", p.height / 2) .attr("text-anchor", "middle") .style("font-family", "monospace") .style("font-size", 2 * p.ticklabelSize) } const result = svg.node() result.help = defaults return result }4f:[] 49:{"id":"29fd8428f5268270","slug":"private-time-logger","title":"private time logger","thumbnail":"05c54d4dedc3c19ec1f32e1450e99c4acbd67858cbc4d8cf3fec3d7485aedace","access_level":"public","create_time":"$D2023-06-10T17:29:38.545Z","update_time":"$D2023-06-10T23:02:04.049Z","view_time":null,"first_public_time":"$D2023-06-10T17:29:38.545Z","has_unpublished_edits":null,"fork":{"id":"cdf4dc3fd04340c6","slug":"simple-xy-chart","title":"Simple XY Chart","owner":{"id":"03c047a4f7c01c7d","login":"stringertheory","name":"Mike Stringer"}},"stars":0,"starred":false,"owner":{"type":"team","id":"8f312c34120e2497","login":"paoloandrenacci","name":"Paolo Andrenacci","avatar_url":"https://avatars-next.observableusercontent.com/6afb12025151f7f643997ab2f4d1b47d21d89c84205415400758c66fd4058382","tier":"starter_2024","bio":"","followed_by_you":false,"follows_you":false},"version":821,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"00e56cf4dcae3d7a","login":"paoloandrenacci","name":"Paolo Andrenacci","avatar_url":"https://avatars-next.observableusercontent.com/6afb12025151f7f643997ab2f4d1b47d21d89c84205415400758c66fd4058382","tier":null,"bio":"","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"00e56cf4dcae3d7a","login":"paoloandrenacci","name":"Paolo Andrenacci","avatar_url":"https://avatars-next.observableusercontent.com/6afb12025151f7f643997ab2f4d1b47d21d89c84205415400758c66fd4058382","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"private time logger","cells":[{"id":0,"value":"md`# private time logger`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":806,"value":"a1 = {\n refreshDraw;\n return chart(globals.serie, {lineStroke: \"grey\", curve: \"curveMonotoneX\", lineStrokeWidth: lineStrokeWidth})\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":737,"value":"$4d","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":791,"value":"refreshDraw = ui.refreshDraw","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":756,"value":"function t() {\n return new Date().getTime();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":772,"value":"function t2l(x) {\n let s = x.toLowerCase().split('e');\n let exp = s.length>=2? s[1]-0 : globals.lastExp;\n globals.lastExp = exp;\n let l = Math.log10(s[0])+exp;\n return l;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":774,"value":"function l2t(x) {\n let exp = Math.floor(x);\n let mant = Math.pow(10,x-exp);\n return mant.toFixed(2)+'E'+exp;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":760,"value":"g = {\n while(true) {\n yield globals;\n await Promises.delay(1000);\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":677,"value":"viewof lineStrokeWidth = slider({min: 0, max: 10, value: 2, step: 0.5, title: \"lineStrokeWidth\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":732,"value":"globals = { return { series:[]}}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":136,"value":"$4e","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"d3 = require(\"d3@5\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":679,"value":"import {slider} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":787,"value":"import {generatorFactory} from \"@paoloandrenacci/generatorfactory\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4f","stdlib":"1"}} 44:null