2c:null 2d:["$","title",null,{"children":"Globus task-event visualizer | Devin Bayly | Observable"}] 32:[] 30:{"id":"b63a005a11b30a89","slug":"globus-task-event-visualizer","title":"Globus task-event visualizer","thumbnail":"4ca5c365eb4e7093c111760b20c0c0bd726a3b4baa896c4e6cd485675e3fa2eb","access_level":"public","create_time":"$D2022-04-13T18:47:47.129Z","update_time":"$D2022-04-15T16:20:37.674Z","view_time":null,"first_public_time":"$D2022-04-13T19:42:56.758Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"a160e29293f9b8d0","login":"devinbayly","name":"Devin Bayly","avatar_url":"https://avatars-next.observableusercontent.com/298031e6b8303c3e444bab1c4012a47a7678618423f5f86b941ff634ea65a5b0","tier":"pro_2024","bio":""},"version":121,"publish_version":121,"role":null,"authored":false,"authors":[{"type":"individual","id":"f10b672ee4126523","login":"devinbayly","name":"Devin Bayly","avatar_url":"https://avatars-next.observableusercontent.com/298031e6b8303c3e444bab1c4012a47a7678618423f5f86b941ff634ea65a5b0","tier":null,"bio":""}],"members":[{"type":"individual","id":"f10b672ee4126523","login":"devinbayly","name":"Devin Bayly","avatar_url":"https://avatars-next.observableusercontent.com/298031e6b8303c3e444bab1c4012a47a7678618423f5f86b941ff634ea65a5b0","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Globus task-event visualizer","cells":[{"id":0,"value":"# Globus task-event visualizer","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":79,"value":"viewof uploadData = {\n let input = html`

`;\n input.onchange = async function (e) {\n console.log(e);\n console.log(e.target.files[0]);\n console.log(\n fetch(URL.createObjectURL(e.target.files[0]))\n .then((res) => res.json())\n .then((j) => {\n console.log(\"j is\", j);\n input.value = { name: e.target.files[0].name, data: j };\n input.dispatchEvent(new Event(\"input\", { bubbles: true }));\n })\n );\n };\n return input;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":30,"value":"html``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":51,"value":"graphHeight = 200","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"progress = uploadData.data.DATA.filter((e) => e.code == \"PROGRESS\").map((e) => {\n let { details, time, ...rest } = e;\n time = new Date(time);\n details = JSON.parse(details);\n return { details, time, ...rest };\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":59,"value":"bytes = d3.cumsum(\n progress.map((e) => e.details[\"bytes_transferred\"] / 1e9).reverse()\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":62,"value":"cprog = progress.map((e, i) => ({\n ...e,\n MBSoFar: bytes[bytes.length - 1 - i]\n}))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":24,"value":"totals = Plot.plot({\n grid: true,\n marginLeft: 50,\n height: graphHeight,\n y: {\n label: \"GB transferred\"\n },\n marks: [Plot.line(cprog, { x: \"time\", y: (e) => e.MBSoFar })]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":18,"value":"mbps = Plot.plot({\n grid: true,\n height: graphHeight,\n y: {\n label: \"MB/s\"\n },\n marks: [Plot.line(progress, { x: \"time\", y: (e) => e.details.mbps / 8 })]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W32","stdlib":"1"}} 31:"$30:body"