2c:null 2d:["$","title",null,{"children":"TimeSearcher+ Prueba Usabilidad | ivan velasco | Observable"}] 32:T638,brushDetails = { const brushesElements = Array.from(selected.brushes.entries()) .map(([brushGroupid, bgm]) => { const brushesElements = Array.from(bgm.entries()).map(([brushId, b]) => { if (!b.selection) return; return htl.html`

Selected: ${b?.isSelected} Active: ${b?.isActive}

From: ${fmtX( b.selection[0][0] )} x ${fmtY( b.selection[0][1] )}
To: ${fmtX( b.selection[1][0] )} x ${fmtY( b.selection[1][1] )}

`; }); const detailsEle = htl.html`

Group

${brushesElements}

`; // Open if it contains the current one if ( Array.from(bgm.values()) .flat() .filter((b) => b.isActive).length ) detailsEle.querySelector("details").setAttribute("open", null); return detailsEle; }) .flat(); return htl.html` `; }33:Ta13,# TODO * Return maxTimeLines to the original state __Critical__ * ~~After the changes, I cannot use the fine tuning (the spinbox doesn't work)~~ * ~~The timeBox is selecting in floating point, but the legend shows integers~~ * ~~Change brushes to TimeBox~~ * ~~When first loading it doesn't show how many timelines are selected~~ * ~~After creating a new group, make it the default one~~ __Important__ * ~~Disable/Hide Boxes from non active groups. When I switch to a different group, I shouldn't be able to interact with the TimeBoxes from the other groups. Problem: I cannot create the same box I have created in another group~~ * ~~She cannot drag a skinny box. You should be able to create small boxes~~. Now you can create smaller boxes, but there is still the problem of moving them with the mouse. * Spinbox doesn't allow negative values __Nice to have__ * Show median of selected * You cannot hide the active group * ~~Allow control to show/hide both groups~~ * Show/hide non selected * Do not filter the polylines where they are not defined. Below week 40 we lose all term babies. * List the non-selected as a group that can be hidden in the Groups control __Bugs__ * Bug green box * details view crashes everything * [Needs Discussion] TimeBoxes should match undefined values. If I make a Timebox around x0,y0 it should match all the lines that for example start after y0. e.g. A timebox for the preterm babies less than 35weeks and 1500G, should match babies born with 40weeks (and hence that doesn't have weight values before the week 40) __Wishlist__ * Create box via spinbox * Create group with respect to the previous one * Make delete group bullet proof * Highlight that the spinbox uses the current box * Allow boxes for the exact value, e.g. Me llegó un bebé de 40 semanas de 2000G (max range 50) * Hide non selected * She wants to select the actual curve (d3-delauny) * She wants to know the actual weights at each point * Peso + Talla Cráneo + Otra * Allow undo * Keep track of current state * One cannot select a small box Script para el video: * Definir el problema claramente en 15-30 secs * Hacer el demo del niño de 40 semanas 2KG - Demostrar la escalabilidad - Demostrar TimeBoxes - Demostrar ajuste con precisión (Spinbox cambiar ese nombre) - Crear otro grupo, y renombrarlo - Contrastar los dos grupos * Evaluación * Describir y demostrar las contribuciones Demos https://observablehq.com/d/b8b51fe1db7d3769 https://observablehq.com/d/c288625e9c64d957 Tweets example https://observablehq.com/d/fa91134fbd49857e34:[{"id":"80e73fb9cfa4e8de34b503061a31e569ba4b532ad6ba47570ae75fad4eecdc2e5dcb7083ee26f0e6480faa33288f6ef82a523c744047038e3cc2d2111a0f18a5","href":"https://static.observableusercontent.com/files/80e73fb9cfa4e8de34b503061a31e569ba4b532ad6ba47570ae75fad4eecdc2e5dcb7083ee26f0e6480faa33288f6ef82a523c744047038e3cc2d2111a0f18a5","name":"TimeSearcher.js","type":"application/javascript","lastModified":1682516035738.223,"size":189083},{"id":"0f36e395b26cc7a5084a1b505f5385f2edbc94b8301d0bc075d4fa83ae5b3d90f8006e20de52bc6df8e38c53cc9bda12a3af2f8b908941ebe916c148b6ad478b","href":"https://static.observableusercontent.com/files/0f36e395b26cc7a5084a1b505f5385f2edbc94b8301d0bc075d4fa83ae5b3d90f8006e20de52bc6df8e38c53cc9bda12a3af2f8b908941ebe916c148b6ad478b","name":"TimeSearcher@2.js","type":"application/javascript","lastModified":1682520231849.193,"size":190594},{"id":"c8e1755722d63b66ac646c206183a42e8d4308dd83438f6e6cc606c5ceda14d7f63ea82db619867fd581b14e466dcc9b2639171dff7e82be1f597474c91d533d","href":"https://static.observableusercontent.com/files/c8e1755722d63b66ac646c206183a42e8d4308dd83438f6e6cc606c5ceda14d7f63ea82db619867fd581b14e466dcc9b2639171dff7e82be1f597474c91d533d","name":"KMC-50k-Base 1993-2022 Jul -20220929.csv.zip","type":"application/zip","lastModified":1682478829061.714,"size":14305806},{"id":"faefb8bcff1cb252c9c252916151c0133dea50803f7d10a7066ec0aad5b1f3d851ef0fbf5be3bff0fba6fdbdd578cbe20f1f04a8335a8d392c3159706e0fcd2e","href":"https://static.observableusercontent.com/files/faefb8bcff1cb252c9c252916151c0133dea50803f7d10a7066ec0aad5b1f3d851ef0fbf5be3bff0fba6fdbdd578cbe20f1f04a8335a8d392c3159706e0fcd2e","name":"KMC-1k-Base 1993-2022 Jul -20220929.csv","type":"text/csv","lastModified":1682479621041.811,"size":1311436},{"id":"3b028a77ccf134e3549130b62a204af0e4ae883f45a3a8fd02f92106603f49b9aa0baaab8d56df4d422f037785f7880c669c1448475e487a03c7425a57caeaa6","href":"https://static.observableusercontent.com/files/3b028a77ccf134e3549130b62a204af0e4ae883f45a3a8fd02f92106603f49b9aa0baaab8d56df4d422f037785f7880c669c1448475e487a03c7425a57caeaa6","name":"TimeSearcher@4.js","type":"application/javascript","lastModified":1682807549025.345,"size":191889},{"id":"801d68335df7180ee345d1a74edd29ab3c3fc93baac0ee7fb6e47868bd7477ae50f1ecca6d573d92640b1c908ac8295ced87c0eb971aa180a434429717c70b8e","href":"https://static.observableusercontent.com/files/801d68335df7180ee345d1a74edd29ab3c3fc93baac0ee7fb6e47868bd7477ae50f1ecca6d573d92640b1c908ac8295ced87c0eb971aa180a434429717c70b8e","name":"TimeSearcher@9.js","type":"application/javascript","lastModified":1682894350246.491,"size":176915},{"id":"8a085663b30fdba23b3b669e0dbb58a8edd344f0df21dd2f8405e4eddb292146e60428bc4c7ec387630e92be6abd8ee47ce511aae6bf29a4c0a5e3def4b9396c","href":"https://static.observableusercontent.com/files/8a085663b30fdba23b3b669e0dbb58a8edd344f0df21dd2f8405e4eddb292146e60428bc4c7ec387630e92be6abd8ee47ce511aae6bf29a4c0a5e3def4b9396c","name":"TimeSearcher@5.js","type":"application/javascript","lastModified":1682810023597.726,"size":192039},{"id":"97be989b6ee1d0e5d985954e7b1708480db5611bc553206dd2aabe94edf341a767eb4584eae10098585d233253e822b2f40ab3acf958f6020f1e63f11bd734aa","href":"https://static.observableusercontent.com/files/97be989b6ee1d0e5d985954e7b1708480db5611bc553206dd2aabe94edf341a767eb4584eae10098585d233253e822b2f40ab3acf958f6020f1e63f11bd734aa","name":"TimeSearcher@11.js","type":"application/javascript","lastModified":1682900566770.563,"size":178797},{"id":"be0791bacbcd80260e2bce5bf1d6b2c8ab51338c9d1937addc238a534681dc20392b94a267f4353128ef8faef67395159bd164bf65fc936e6e358194d5443479","href":"https://static.observableusercontent.com/files/be0791bacbcd80260e2bce5bf1d6b2c8ab51338c9d1937addc238a534681dc20392b94a267f4353128ef8faef67395159bd164bf65fc936e6e358194d5443479","name":"TimeSearcher@8.js","type":"application/javascript","lastModified":1682892399561.093,"size":176789},{"id":"7b4c94bcd00991d54337332fdb633cdac4763f7f64ed240539c40c3b8c3b002e4708e2e21d836c623f5f0010e17fcca61331013b120d626765f1249188b5143d","href":"https://static.observableusercontent.com/files/7b4c94bcd00991d54337332fdb633cdac4763f7f64ed240539c40c3b8c3b002e4708e2e21d836c623f5f0010e17fcca61331013b120d626765f1249188b5143d","name":"TimeSearcher@16.js","type":"application/javascript","lastModified":1683391021793.243,"size":133199},{"id":"71749e70df58ffe4834c9f2aa6baa4e1e7a36ce9053e27d75d3995f1373419c1dce0637692e3aeb5298bfd8c8f741af2ec003b90bfe21510bd2771a3c42aa731","href":"https://static.observableusercontent.com/files/71749e70df58ffe4834c9f2aa6baa4e1e7a36ce9053e27d75d3995f1373419c1dce0637692e3aeb5298bfd8c8f741af2ec003b90bfe21510bd2771a3c42aa731","name":"TimeSearcher@12.js","type":"application/javascript","lastModified":1683056654082.722,"size":203259},{"id":"e30f8bfa876cb7fca4825e0f408a0f01e01094bb6115c6f14f6d690cf055a6544381644fdbf0a18d04dfd8616530c716f55877fba3fffe6d89f635bec7bc0ccd","href":"https://static.observableusercontent.com/files/e30f8bfa876cb7fca4825e0f408a0f01e01094bb6115c6f14f6d690cf055a6544381644fdbf0a18d04dfd8616530c716f55877fba3fffe6d89f635bec7bc0ccd","name":"TimeSearcher@17.js","type":"application/javascript","lastModified":1686749707437.482,"size":145948},{"id":"3b339c995853c262068103215f8cefebff83b5055774808d66d73f59f23f24dcf4bb4b1f1b969eed3571292cf83939baecf7c9f9213503e3186d1bd90bcf0441","href":"https://static.observableusercontent.com/files/3b339c995853c262068103215f8cefebff83b5055774808d66d73f59f23f24dcf4bb4b1f1b969eed3571292cf83939baecf7c9f9213503e3186d1bd90bcf0441","name":"TimeSearcher@14.js","type":"application/javascript","lastModified":1683084794891.228,"size":200535},{"id":"3108524b316cef5a5a2e0b232f47f131b54e0a42f30497e1b0114bf5a1fae0b595489be9b585fb7e8b064676285a0f2f1e0b5428da8a29f59753f67e6a32efac","href":"https://static.observableusercontent.com/files/3108524b316cef5a5a2e0b232f47f131b54e0a42f30497e1b0114bf5a1fae0b595489be9b585fb7e8b064676285a0f2f1e0b5428da8a29f59753f67e6a32efac","name":"TimeSearcher@1.js","type":"application/javascript","lastModified":1682518302939.839,"size":170486},{"id":"edb957cc54a98f87b0a8707727e30b5ce4804839c14bc7b96132ae40153cb625946d0a4b5a766cbd770b22a0e659b8915cec7f97af1b4706f6a6fca650485ee9","href":"https://static.observableusercontent.com/files/edb957cc54a98f87b0a8707727e30b5ce4804839c14bc7b96132ae40153cb625946d0a4b5a766cbd770b22a0e659b8915cec7f97af1b4706f6a6fca650485ee9","name":"TimeSearcher@3.js","type":"application/javascript","lastModified":1682522370113.414,"size":190691},{"id":"e5506b7258e4379db5cebcc0551b452c8cf9c11d38dac8224b0388d22a017cceecad809a7894c568e3ec22644b248971ef6a59ce9f9b74ecc29e29261c8b343e","href":"https://static.observableusercontent.com/files/e5506b7258e4379db5cebcc0551b452c8cf9c11d38dac8224b0388d22a017cceecad809a7894c568e3ec22644b248971ef6a59ce9f9b74ecc29e29261c8b343e","name":"curvasv2.json","type":"application/json","lastModified":1682478827343.145,"size":6801},{"id":"4a01db851d0762c639cffa48154f42f17984daab77f7994267e440e758be7d20198496a6dd1f5af3fd6b3c7ac7f823d4573d31f2d2cd699b468afe0bf1466a03","href":"https://static.observableusercontent.com/files/4a01db851d0762c639cffa48154f42f17984daab77f7994267e440e758be7d20198496a6dd1f5af3fd6b3c7ac7f823d4573d31f2d2cd699b468afe0bf1466a03","name":"TimeSearcher@7.js","type":"application/javascript","lastModified":1682874067499.494,"size":174521},{"id":"8bdd80bd30c0538210a822552beb0d9f0bc71e93273d0ce5468c05422144f1dc19fb9ba6620c04dec7654f9d17e4a35d9f77e021eb4d8ffef3111c2545c8d2d5","href":"https://static.observableusercontent.com/files/8bdd80bd30c0538210a822552beb0d9f0bc71e93273d0ce5468c05422144f1dc19fb9ba6620c04dec7654f9d17e4a35d9f77e021eb4d8ffef3111c2545c8d2d5","name":"TimeSearcher@6.js","type":"application/javascript","lastModified":1682810260712.458,"size":192039},{"id":"350ab50923bff0a7dc5f31ae4efd9e4ccfdb0a2b872beb16fda33e7152c58482706a9becc1c1d95b6454de623e689abd4bbe44b342615083ab705ce9b35db73a","href":"https://static.observableusercontent.com/files/350ab50923bff0a7dc5f31ae4efd9e4ccfdb0a2b872beb16fda33e7152c58482706a9becc1c1d95b6454de623e689abd4bbe44b342615083ab705ce9b35db73a","name":"TimeSearcher@10.js","type":"application/javascript","lastModified":1682897520454.106,"size":178106}] 30:{"id":"86be62a662d9c8a7","slug":"timesearcher-plus-usabilidad","title":"TimeSearcher+ Prueba Usabilidad","thumbnail":"350f41e1ac3e79f0a7b341efe204ecbd099fc1b579fd631daa1454c09355cb90","access_level":"public","create_time":"$D2023-04-26T03:10:55.723Z","update_time":"$D2024-11-07T19:41:56.611Z","view_time":null,"first_public_time":"$D2023-04-26T03:10:55.723Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"930819e3d82545cf","login":"ivelascog","name":"ivan velasco","avatar_url":"https://avatars-next.observableusercontent.com/11cb2b20d527ce9932eb883698b460726569e061b766cf88e90af76b7d255d72","tier":"starter_2024","bio":""},"version":839,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"21806eb61954f66f","login":"ivelascog","name":"ivan velasco","avatar_url":"https://avatars-next.observableusercontent.com/11cb2b20d527ce9932eb883698b460726569e061b766cf88e90af76b7d255d72","tier":null,"bio":""}],"members":[{"type":"individual","id":"21806eb61954f66f","login":"ivelascog","name":"ivan velasco","avatar_url":"https://avatars-next.observableusercontent.com/11cb2b20d527ce9932eb883698b460726569e061b766cf88e90af76b7d255d72","tier":null,"role":"editor"},{"type":"individual","id":"be0076fec73aa550","login":"john-guerra","name":"John Alexis Guerra Gómez","avatar_url":"https://avatars-next.observableusercontent.com/21638cee44bb0ea70798da725b57111a5d3e2acebcd14524565992f7d1594aed","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":3,"collection":null,"type":"notebook","body":{"titling":"auto","title":"TimeSearcher+ Prueba Usabilidad","cells":[{"id":0,"value":"# TimeSearcher+ Prueba Usabilidad","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":392,"value":"{\n return htl.html`\n

\n Load your own CSV data: ${viewof data}\n

\n Select the attributes to render and the maximun records\n

\n \n \n \n \n \n \n \n \n \n

\n ${viewof IdAttr}\n	\n ${viewof xAttr}\n	\n ${viewof yAttr}\n
\n ${viewof maxTimelines}\n

\n More configuration parameters\n

\n \n \n \n \n \n \n \n \n \n

\n ${viewof hasDetails}\n	\n ${viewof showGrid}\n	\n ${viewof doubleYlegend}\n
\n ${viewof labelX}\n	\n ${viewof labelY}\n

\n\n `;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":188,"value":"intro = md`Please use your mouse to draw queries using TimeBoxes.\nPress R or Backspace to delete the selected TimeBox, or the arrows to displace it.\nYou can also select multiple TimeBoxes using shift+click to move them as a block`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":307,"value":"{\n maxTimelines; dataStages; hasDetails; data; xAttr; yAttr; IdAttr; labelX; labelY; showGrid; doubleYlegend;\n return htl.html`\n

${divTimeSearcher}

\n ${brushCoordinatesElement}\n
\n ${brushesControlsElement} \n

\n ${hasDetails ? divDetails: \"\"}\n

\n`\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":602,"value":"viewof defaultAlpha = Inputs.range([0, 1], {label: \"Default Alpha\", value: 0.8})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":603,"value":"viewof selectedAlpha = Inputs.range([0, 1], {label: \"Selected Alpha\", value: 1})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":605,"value":"viewof noSelectedAlpha = Inputs.range([0, 1], {label: \"Non Selected Alpha\", value: 0.6})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":277,"value":"viewof nonSelectedColor = Inputs.color({label:\"Non selected Color\", value: \"#dce0e5\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":781,"value":"viewof selectedColor = Inputs.color({label:\"Selected Color\", value: \"#aaaaaa\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":798,"value":"viewof defaultColor = Inputs.color({label:\"Default Color\", value: \"#aaaaaa\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":211,"value":"viewof exp = Inputs.range([0, 3], {value: 0.2, label: \"alphaScale Exponent\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":790,"value":"viewof alphaSelectMinPct = Inputs.range([0.01, 1], {\n value: 0.01,\n label: \"alphaScale min Percentage of Opacity\",\n step: 0.01\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":803,"value":"selected.brushes","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":205,"value":"{ \n viewof selected.ts.render();\n\n const s = viewof selected.ts.alphaScale;\n exp;\n const fmt = d3.format(\".2%\");\n const max = viewof selected.ts.alphaScale.domain()[1];\n return htl.html`

Alpha Color Scale

\n ${d3.range(0, max + 1, max / 10).map(\n (n) => htl.html`\n

${n} ${fmt(s(\n n\n ))}

\n `\n )}`;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"viewof selected = {\n const tsEle = TimeSearcher({\n target: divTimeSearcher,\n brushesControlsElement,\n showBrushesControls: true,\n y: yAttr,\n x: xAttr,\n id: IdAttr,\n xLabel: \"→ \" + labelX,\n yLabel: \"↑ \" + labelY,\n width: width,\n height: 400,\n brushCoordinatesElement,\n fmtX,\n fmtY,\n detailsElement: divDetails,\n detailsWidth: width / 2,\n detailsHeight: 200,\n maxdetailsRecords: 100,\n maxTimelines,\n medianNumBins: 10,\n hasDetails,\n _this: this,\n autoUpdate: false,\n showGroupMedian: false\n });\n\n // see update\n // https://observablehq.com/@ivelascog/timesearcher-plus-usabilidad#selected\n tsEle.ts.doubleYlegend = doubleYlegend;\n tsEle.ts.margin.right = 50;\n tsEle.ts.showGrid = showGrid;\n tsEle.ts.stepX = 1;\n tsEle.ts.stepY = 100;\n tsEle.ts.data(data);\n tsEle.ts.addReferenceCurves(curvas);\n\n return tsEle;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":299,"value":"divTimeSearcher = {\n maxTimelines; dataStages; hasDetails; data; xAttr; yAttr; IdAttr; labelX; labelY; showGrid; doubleYlegend;\n return htl.html`

`;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":304,"value":"brushesControlsElement = {\n maxTimelines; dataStages; hasDetails; data; xAttr; yAttr; IdAttr; labelX; labelY; showGrid; doubleYlegend;\n return htl.html`

`\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":574,"value":"// Passively update the widget without recreating it\nupdate = {\n const tsEle = viewof selected;\n tsEle.ts.defaultAlpha = defaultAlpha;\n tsEle.ts.selectedAlpha = selectedAlpha;\n tsEle.ts.noSelectedAlpha = noSelectedAlpha;\n tsEle.ts.alphaScale.exponent(exp).range([1, alphaSelectMinPct]);\n tsEle.ts.showGrid = showGrid;\n tsEle.ts.hasDetails = hasDetails; \n viewof selected.ts.noSelectedColor = nonSelectedColor;\n viewof selected.ts.selectedColor = selectedColor;\n viewof selected.ts.defaultColor = defaultColor;\n // viewof selected.ts.noSelectedAlpha = 0.6\n // viewof selected.ts.selectedColor = \"#e0e8fb\"\n tsEle.ts.render();\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":180,"value":"viewof hasDetails = Inputs.toggle({label: \"Show Details\", value: true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":466,"value":"viewof showGrid = Inputs.toggle({label: \"Show Grid\", value: true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":472,"value":"viewof doubleYlegend = Inputs.toggle({label: \"Show Double Y Legend\", value: true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":140,"value":"viewof maxTimelines = Inputs.range([100, data.length], {\n label: \"Max Lines\",\n value: this?.value || 1000,\n step: 100,\n submit: true\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":74,"value":"brushCoordinatesElement = {\n maxTimelines; dataStages; hasDetails; data; xAttr; yAttr; IdAttr; labelX; labelY; showGrid; doubleYlegend;\n return htl.html`

`\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":387,"value":"viewof IdAttr = Inputs.select(attribs, {\n value: \"Code\",\n label: \"ID variable\"\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":385,"value":"viewof xAttr = Inputs.select(attribs, {\n value: \"__time\",\n label: \"X Variable\"\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":359,"value":"viewof yAttr = Inputs.select(attribs, {\n value: \"peso\",\n label: \"Y variable\"\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":434,"value":"viewof labelX = Inputs.text({label: \"Label X: \", value: \"Gestational Age (weeks)\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":439,"value":"viewof labelY = Inputs.text({label: \"Label Y: \", value: \"Weight (gr)\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":361,"value":"viewof data = dataInput({value: dataStages})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":173,"value":"dataStages","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":103,"value":"divDetails = {\n maxTimelines; dataStages; hasDetails; data; xAttr; yAttr; IdAttr; labelX; labelY; showGrid; doubleYlegend;\n return htl.html`

Details

`;\n}\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":102,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":100,"value":"fmtY = d3.format(\".2d\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":99,"value":"fmtX = d3.format(\".1f\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":83,"value":"selected","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":164,"value":"width = 700","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":19,"value":"dataStages = transformData(dDataFilter, \"Code\", stages)\n.filter(\n (d) => d[\"peso\"] < 15000 && d[\"__time\"] > 20 && d[\"__time\"] < 93\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":24,"value":"dataF = data.slice(0,maxTimelines)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":383,"value":"attribs = Object.keys(data[0])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":379,"value":"dDataFilter = defaultData.filter(d => d[\"ERN_Ballard\"] < 50 && d[\"ERN_Ballard\"] > 20)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"defaultData = FileAttachment(\"KMC-50k-Base 1993-2022 Jul -20220929.csv.zip\")\n .zip()\n .then((res) => res.file(\"KMC-50k-Base 1993-2022 Jul -20220929.csv\").csv({ typed: true }))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":56,"value":"curvas = FileAttachment(\"curvasv2.json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"import {transformData,stages} from \"@ivelascog/to-stages\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":368,"value":"import { dataInput } from \"@john-guerra/data-input\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"TimeSearcher = {\n try {\n return await require(`http://localhost:8080/dist/TimeSearcher.js?${Date.now()}`);\n } catch (e) {\n return await require(await FileAttachment(\"TimeSearcher@16.js\").url());\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":200,"value":"$33","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"todo","database":"$undefined"}],"files":"$W34","stdlib":"1"}} 31:"$30:body"