44:["$","title",null,{"children":"Pyneal Log viewer | Jeff MacInnes | Observable"}] 4c:Tb03,viewof eventTimeline = { // create the master timeline of selected events from Pyneal const height = 100 // main svg const svg = d3.create('svg') .attr("width", width + margin.left + margin.right) .attr("height", height + margin.top + margin.bottom) svg.append("g") .attr("transform", "translate(" + margin.left + "," + margin.top + ")"); svg.append("g") .attr("transform", "translate(0," + height + ")") .call(xAxis_secs); const yScale = d3.scalePoint() .domain(timelineLayers) .range([0, height]) .padding(0.6) .round(true); // ---- draw TRs svg.append('g') .attr('class', 'TRs-group') .call(drawTRs); // loop over timeline layers, add data to plot for each const layerMsgVerbs = { 'scanReceiver': 'received', 'pynealPreprocessing': 'preprocessed', 'pynealAnalysis': 'analyzed' } function handleHover(d){ // emit the data value of the hovered event svg.node().value = d; svg.node().dispatchEvent(new CustomEvent("input")); } handleHover({}); // ---- for (let i = 0; i d.component === layer); // layer specific processing layerData = layerData .filter(d => d.msg.search(`${layerMsgVerbs[layer]} volIdx`) !== -1) // get log msgs for this layer .map(d => { return {...d, volIdx: getVolIdx(d.msg) } // get volIdx for each msg }) .filter(d => { return (d.volIdx >= timelineVolRange[0] && d.volIdx <= timelineVolRange[1]); }) // add circles for this layer to plot let circleRad = 5; let layerG = svg.append("g") .attr("class", layer); layerG.selectAll("circle") .data(layerData) .enter() .append("circle") .attrs({ class: d => `circle volIdx-${d.volIdx}`, cx: d => xScale_secs(d.ts), cy: yScale(layer), r: circleRad }) .styles({ fill: colors[layer], opacity: 0.5 }) .on('mouseover', (event, d)=>{ handleHover(d); let selectedVolIdx = d.volIdx; let thisTS = d.ts; d3.select(event.currentTarget) .attr('r', circleRad * 1.5) d3.selectAll(`.circle`) .style('opacity', d => d.volIdx === selectedVolIdx ? 1 : .1); d3.select('.time-value') .attr('x', xScale_secs(thisTS)) .text(thisTS) .style('opacity', 1); }) .on('mouseout', ()=>{ d3.selectAll(`.circle`) .attr('r', circleRad) .style('opacity', .5); d3.select('.time-value') .style('opacity', 0); }) } return svg.node() }4d:T7a7,plotVol2VolTime = function(layer, elID){ // plot volume-to-volume interval for the specified event layer. // Vis will appear in html element with specified ID // get data let data = getVol2VolIntervals(layer); console.log(data) // set the dimensions and margins of the graph var w = 1000; var h = 225; var margin = {top: 60, right: 30, bottom: 50, left: 40}, width = w - margin.left - margin.right, height = h - margin.top - margin.bottom; // append the svg object to the body of the page d3.select(`#${elID}`).html(""); // tooltip var tooltip = d3.select(`#${elID}`).append("div") .attr("class", "tooltip") .style("visibility", 'hidden'); // main svg var svg = d3.select(`#${elID}`) .append("svg") .attr("width", width + margin.left + margin.right) .attr("height", height + margin.top + margin.bottom) .append("g") .attr("transform", "translate(" + margin.left + "," + margin.top + ")"); svg.append("g") .attr("transform", "translate(0," + height + ")") .call(d3.axisBottom(xScale_secs)); var yScale = d3.scaleLinear() .domain(d3.extent(data.map(d => d.tsFromPrev))) .range([height, 0]) svg.append("g") .attr("transform", "translate(0, 0)") .call(d3.axisLeft(yScale)); // Add the line data = data.filter(d => d.ts >= timelineRange[0] && d.ts <= timelineRange[1]) // filter data to the timeline let line = d3.line() .x(d => xScale_secs(d.ts)) .y(d => yScale(d.tsFromPrev)); svg.append("path") .datum(data) .attrs({ d: line, fill: "none", stroke: colors[layer] }); // add circles for each timept svg.selectAll('circle') .data(data) .enter() .append('circle') .attrs({ cx: d => xScale_secs(d.ts), cy: d => yScale(d.tsFromPrev), r: 3, fill: colors[layer] }) }4e:T13be,plotTimeline = { // create the master timeline of selected events from Pyneal // set the dimensions and margins of the graph var w = plotWidth; var h = 300; var margin = {top: 60, right: 30, bottom: 50, left: 40}, width = w - margin.left - margin.right, height = h - margin.top - margin.bottom; // append the svg object to the body of the page d3.select("#pyneal-timeline-vis").html(""); // tooltip var tooltip = d3.select("#pyneal-timeline-vis").append("div") .attr("class", "tooltip") .style("visibility", 'hidden'); // main svg var svg = d3.select("#pyneal-timeline-vis") .append("svg") .attr("width", width + margin.left + margin.right) .attr("height", height + margin.top + margin.bottom) .append("g") .attr("transform", "translate(" + margin.left + "," + margin.top + ")"); // set up axes var xScale = d3.scaleLinear() .domain([ timelineRange[0], timelineRange[1] ]) .range([0, width]); svg.append("g") .attr("transform", "translate(0," + height + ")") .call(d3.axisBottom(xScale)); var yScale = d3.scalePoint() .domain(timelineLayers) .range([0, height]) .padding(0.6) .round(true); // vertical line timeline indicator svg.append('line') .attrs({ x1: 0, x2: 0, y1: 0, y2: 0, class: 'indicator-line' }) .styles({ stroke: "#CCC", strokeWidth: 1, visibility: 'hidden' }) .style('stroke-dasharray', '4 2'); svg.append('text') .attrs({ class: 'time-value', y: height+30, x: 0 }) .attr("text-anchor", "middle") .attr("alignment-baseline", "hanging") .attr("font-family", "helvetica") .attr('font-weight', 'bold') .attr("font-size", "14px") .attr("fill", "#666") .style('opacity', 0) .text("") // loop over timeline layers, add data to plot for each for (let i = 0; i d.component === layer); // layer specific processing switch(layer){ case 'scanReceiver': layerData = layerData.filter(d => d.msg.search('received volIdx') !== -1); layerData = layerData.map(d => Object.assign(d, { volIdx: getVolIdx(d.msg) })); break; case 'pynealPreprocessing': layerData = layerData.filter(d => d.msg.search('preprocessed volIdx') !== -1); layerData = layerData.map(d => Object.assign(d, { volIdx: getVolIdx(d.msg) })); break; case 'pynealAnalysis': layerData = layerData.filter(d => d.msg.search('analyzed volIdx') !== -1); layerData = layerData.map(d => Object.assign(d, { volIdx: getVolIdx(d.msg) })); break; case 'resultsServer': layerData = layerData.filter(d => { let receivedReq = d.msg.search('received request') !== -1; let sentResp = d.msg.search('sent response') !== -1; return (receivedReq || sentResp) }); layerData = layerData.map(d => Object.assign(d, { volIdx: getVolIdx(d.msg) })); break; } // filter data to only include volumes within specified range layerData = layerData.filter(d => { return (d.volIdx >= timelineVolRange[0] && d.volIdx <= timelineVolRange[1]); }) // add circles for this layer to plot let circleRad = 5; let layerG = svg.append("g") .attr("class", layer); layerG.selectAll("circle") .data(layerData) .enter() .append("circle") .attrs({ class: d => `circle volIdx-${d.volIdx}`, cx: d => xScale(d.ts), cy: yScale(layer), r: circleRad }) .styles({ fill: colors[layer], opacity: 0.5 }) .on('mouseover', (d, i, nodes)=>{ let selectedVolIdx = d.volIdx; let thisTS = d.ts; d3.select(nodes[i]) .attr('r', circleRad * 2.5) d3.selectAll(`.circle`) .style('opacity', d => d.volIdx === selectedVolIdx ? 1 : .1); d3.select('.indicator-line') .attrs({ x1: xScale(thisTS), x2: xScale(thisTS), y1: height + 25, y2: yScale(layer) }) .style('visibility', 'visible'); d3.select('.time-value') .attr('x', xScale(thisTS)) .text(thisTS) .style('opacity', 1); tooltip.html(d.msg) .style('visibility', 'visible') .style("top", "30px") .style("left",(d3.event.pageX-50)+"px"); }) .on('mouseout', ()=>{ d3.selectAll(`.circle`) .attr('r', circleRad) .style('opacity', .5); d3.select('.indicator-line') .style('visibility', 'hidden') d3.select('.time-value') .style('opacity', 0); tooltip.style('visibility', 'hidden'); }) } }4f:[] 48:{"id":"52840fefce26e805","slug":"pyneal-log-viewer","title":"Pyneal Log viewer","thumbnail":"fc8d4755d632a940e4bb9c342cb259aa574059f8c945151c5b0e4cfcdeff977f","access_level":"public","create_time":"$D2020-02-07T06:10:28.296Z","update_time":"$D2021-01-15T21:48:00.670Z","view_time":null,"first_public_time":"$D2020-02-11T07:54:51.462Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"3f9e2e3566b6f4df","login":"jeffmacinnes","name":"Jeff MacInnes","avatar_url":"https://avatars-next.observableusercontent.com/7ee8df7f99bee185bcfc449c55808a40994b3f5b4500d0213db3d84c6f47912b","tier":"starter_2024","bio":"","followed_by_you":false,"follows_you":false},"version":844,"publish_version":844,"role":null,"authored":false,"authors":[{"type":"individual","id":"b6d269bd0844d7e0","login":"jeffmacinnes","name":"Jeff MacInnes","avatar_url":"https://avatars-next.observableusercontent.com/d23d07e6eb8d68340c3cadd11388a4ce94e57fad55ead1e41253e574db668bd6","tier":null,"bio":"","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"b6d269bd0844d7e0","login":"jeffmacinnes","name":"Jeff MacInnes","avatar_url":"https://avatars-next.observableusercontent.com/d23d07e6eb8d68340c3cadd11388a4ce94e57fad55ead1e41253e574db668bd6","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Pyneal Log viewer","cells":[{"id":0,"value":"md`# Pyneal Log viewer`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":26,"value":"viewof fileDialog = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":162,"value":"md`## Dataset settings:`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":231,"value":"md`**Scan Date:** ${getPrettyDate(log[0].dt)}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":165,"value":"{\n // define the order to show the variables\n let settingsVars = [\n 'pynealHost', 'pynealScannerPort', 'resultsServerPort', 'dashboardPort',\n 'numTimepts',\n 'analysisChoice', 'estimateMotion', 'maskFile', 'maskIsWeighted',\n 'launchDashboard', 'outputPath', 'seriesOutputDir'\n ];\n \n return md`${settingsVars.map(v => {\n return `* **${v}**: *${settings[v]}*\\n`\n }).join('')}`\n\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":238,"value":"md`## Pyneal timeline\nLogged events from major Pyneal processes. All timestamps relative to when *first volume header* was received from the scanner.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":245,"value":"viewof timelineLayers = checkbox({\n title: \"Show me\",\n description: \"Please select desired events\",\n options: [\n { value: \"scanReceiver\", label: \"Volume received\" },\n { value: \"pynealPreprocessing\", label: \"Preprocessed\" },\n { value: \"pynealAnalysis\", label: \"Analyzed\" },\n { value: \"resultsServer\", label: \"Results server\"}\n ],\n value: [\"scanReceiver\", \"pynealPreprocessing\", \"pynealAnalysis\", \"resultsServer\"],\n submit: false\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":727,"value":"viewof TR = number({value: 1000, min:500, title: \"TR (if known)\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":508,"value":"viewof timelineRange = rangeSlider({\n min: 0,\n max: d3.max(log.map(d => d.ts)),\n // Note that values must be specified as array of length 2.\n value: this ? this.value : [0, d3.max(log.map(d => d.ts))],\n // Custom slider CSS, replaces all styles.\n // Overrides the range color. Support for range colors is up to the theme.\n format: '0.3f',\n title: '',\n description: 'Timeline Range',\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":322,"value":"viewof timelineVolRange = rangeSlider({\n min: 0,\n max: settings.numTimepts-1,\n // Note that values must be specified as array of length 2.\n value: this ? this.value : [0,settings.numTimepts-1],\n // Custom slider CSS, replaces all styles.\n // Overrides the range color. Support for range colors is up to the theme.\n format: '0.0f',\n title: '',\n description: 'Volume Index Range',\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":250,"value":"$4c","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":819,"value":"hoverText = {\n \n let currentVolIdx = null;\n if (Object.keys(eventTimeline).includes('volIdx')){\n currentVolIdx = eventTimeline.volIdx;\n }\n \n if (currentVolIdx){\n return html`Current volume: ${currentVolIdx}`\n }\n \n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":553,"value":"md`### Scan Receiver`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":566,"value":"html` \n \n\n

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":836,"value":"d3.median(getVol2VolIntervals('pynealPreprocessing'), d => d.tsFromPrev)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":694,"value":"log","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":706,"value":"margin = ( {top: 60, right: 30, bottom: 50, left: 40})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":669,"value":"// Define the shared xScale\nxScale_secs = d3.scaleLinear()\n .domain(timelineRange)\n .range([margin.left, width-margin.right]);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":680,"value":"xAxis_secs = (g) => {\n console.log(g)\n g.call(d3.axisBottom(xScale_secs))\n .append('text')\n .text('(s) since first volume arrived')\n .attr('y', 40) // Relative to the y axis.\n .attr('x', '50%')\n .style('fill', 'black');\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":737,"value":"drawTRs = g => {\n // draw vertical bands to indicate the TR spacing\n if (TR) {\n let min = Math.ceil(timelineRange[0]);\n let max = Math.floor(timelineRange[1]);\n let TR_data = [];\n for (let t = min; t <= max; t += TR/1000){\n TR_data.push({time: t, TR_idx: Math.floor(t / (TR / 1000)) });\n };\n \n const TR_groups = g.selectAll('g')\n .data(TR_data)\n .join('g');\n const TR_bandwidth = xScale_secs(TR*2/1000) - xScale_secs(TR/1000);\n TR_groups\n .append('rect')\n .attr('x', d => xScale_secs(d.time))\n .attr('y', 0)\n .attr('width', TR_bandwidth)\n .attr('height', 100)\n .style('fill', (d,i) => i % 2 === 0 ? 'lightgrey' : 'white')\n \n TR_groups\n .append('text')\n .attr('x', d => xScale_secs(d.time))\n .attr('dx', '.25em')\n .attr('y', 90)\n .text(d => d.TR_idx)\n .style('fill', 'darkgray')\n .attr('font-family', 'sans-serif')\n .attr('font-size', '9px')\n .attr('font-style', 'italic')\n\n \n }\n \n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":738,"value":"timelineRange","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":579,"value":"plotVol2VolTime('scanReceiver', 'scan-receiver-vol2vol')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":653,"value":"plotVol2VolTime('pynealPreprocessing', 'preprocessing-vol2vol')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":562,"value":"$4d","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":257,"value":"$4e","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":88,"value":"md`## Data clean up, reformatting, and config`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":49,"value":"log = Files.text(fileDialog)\n .then(resp => {\n return parseRawText(resp);\n });","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":144,"value":"settings = {\n // grab just the settings messages from the log\n let settingMsgs = log.filter(d => d.msg.slice(0,7) === 'Setting')\n .map(d => {\n return d.msg.split(':').slice(1).map(d => d.trim()).join(':')\n });\n \n // convert to an obj\n let settingsObj = {};\n settingMsgs.forEach(d => {\n let key = d.split(':')[0];\n let value = d.split(':')[1];\n settingsObj[key] = value;\n })\n \n return settingsObj\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":432,"value":"colors = {\n let colorObj = {\n scanReceiver: \"#8E3343\",\n pynealPreprocessing: \"#BBBE64\", \n pynealAnalysis: \"#7EBDC2\",\n resultsServer: \"#88AB75\"\n };\n return colorObj;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":558,"value":"plotWidth = 1000;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":95,"value":"md`## Helper Functions`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":47,"value":"parseRawText = function(rawText){\n // convert the raw text from the log file to array of objects\n let results = [];\n let rows = rawText.split('\\n');\n \n // remove any empty rows;\n rows = rows.filter(r => {\n return r.length > 0; \n })\n \n // parse each row\n rows.forEach(r => {\n let items = r.split(' - ');\n \n // split the component part out of the message\n let component = items[3].split(':')[0];\n let msg = items[3].split(':').slice(1).map(d => d.trim()).join(': ')\n \n // store the parsed contents from this row as object\n let rowObj = {\n dt: parseTime(items[0]),\n msgType: items[1],\n thread: items[2],\n component: component,\n msg: msg\n }\n results.push(rowObj);\n })\n \n // figure out when the first volume arrived and add field for relative time\n let firstVolDt = results.filter(d => d.msg === \"received volHeader volIdx 0\")[0].dt;\n results.forEach(d => {\n return d.ts = (d.dt - firstVolDt)/1000 // return in (s)\n })\n \n return results\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":199,"value":"parseTime = d3.timeParse(\"%Y-%m-%d %I:%M:%S.%L\");","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":218,"value":"getPrettyDate = function(dt){\n let prettyFormat = d3.timeFormat('%B %m, %Y %I:%M');\n return prettyFormat(dt);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":356,"value":"getMaxVolTs = function(volIdx){\n // get the maximum ts from all msgs referencing the volIdx specified\n let volMsgs = log.filter(d => d.msg.match(`volIdx ${volIdx}`));\n if (volMsgs.length > 0){\n return d3.max(volMsgs.map(d => d.ts)); // return max ts if found\n } else {\n return d3.max(log.map(d => d.ts)); // return max from all logs\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":365,"value":"getMinVolTs = function(volIdx){\n // get the first ts of all msgs referencing the volIdx specified\n let volMsgs = log.filter(d => d.msg.match(`volIdx ${volIdx}`));\n if (volMsgs.length > 0){\n return d3.min(volMsgs.map(d => d.ts)); // return min ts if found\n } else {\n return 0; // return min from all logs\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":358,"value":"getVolIdx = function(msg){\n // return the volIdx integer from the specified message\n let volIdx = msg.match(/volIdx [0-9]{1,}/g)[0];\n volIdx = volIdx.replace('volIdx', '').trim();\n return parseInt(volIdx);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":581,"value":"getVol2VolIntervals = function(layer){\n // get return the log data filtered for the given layer and with each event storing the \n // the relative time since the previous event\n \n let layerMsgs = {\n 'scanReceiver': 'received volIdx',\n 'pynealPreprocessing': 'preprocessed volIdx',\n 'pynealAnalysis': 'analyzed volIdx',\n };\n \n let layerMsg = layerMsgs[layer]; // get the search string for this layer\n \n let layerData = log.filter(d => d.component === layer);\n layerData = layerData.filter(d => d.msg.search(layerMsg) !== -1);\n layerData = layerData.map(d => Object.assign(d, { volIdx: getVolIdx(d.msg) }));\n \n // add the 'timeSincePrevious' measure to each event\n layerData = layerData.map((d,i) => {\n if (i > 0){\n let prevTime = layerData[i-1].ts;\n Object.assign(d, { tsFromPrev: d.ts - prevTime });\n } else {\n Object.assign(d, { tsFromPrev: 0 });\n }\n return d;\n });\n \n return layerData;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":585,"value":"getVol2VolIntervals('pynealPreprocessing')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"md`## Dependencies`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":315,"value":"import { rangeSlider } from \"@mootari/range-slider\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"import {file, number, checkbox, input as widget} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":417,"value":"d3 = require.alias({\n 'd3-selection': 'd3',\n})('d3', 'd3-selection-multi')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":80,"value":"_ = require('lodash')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":286,"value":"md`# Sandbox`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":253,"value":"d = parseTime(\"2020-02-05 12:55:52.872\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":281,"value":"e = parseTime(\"2020-02-05 12:55:56.872\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":289,"value":"f = e-d","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4f","stdlib":"1"}} 24:null