25:["$","title",null,{"children":"Health AI | Nazim | Observable"}] 49:T431,{ let chartData = timeIntervalTotals.Hours.filter(d => d.camera === selectVolumeMatrixCamera && d.className === selectVolumeMatrixObject) let maxCount = d3.max(timeIntervalTotals.Hours.map(d => d.count)) let plot = Plot.plot({ width:300, color: { scheme: selectVolumeMatrixObject === "person" ? "oranges" : "blues", legend:true, domain:[0,maxCount] }, // selectVolumeMatrixChart === "Heatmap" ? {selectVolumeMatrixChart === "Heatmap" ? { // // scheme: selectVolumeMatrixObject === "person" ? "oranges" : "blues", // legend: true, domain:[0,maxCount]}: // {legend: true, domain:["bicycle", "person"]}, x:{ domain:[0,maxCount] }, facet:{ data: chartData, x: d => d3.utcDay(d.time), y: d => d.time.getHours() }, marks:[ Plot.frame(), selectVolumeMatrixChart === "Heatmap" ? Plot.rect(chartData,{fill:d=>d.count, scheme:"blues"}):null, selectVolumeMatrixChart === "Bar" ? Plot.barX(chartData, { fill:"className", x: "count", }): null // : null ] }) return plot }4a:T4ef,{ let count = [...new Set(timeIntervalTotals[selectTimeInterval].map(d=>d.time))].length let marginLeft = 50 let width = marginLeft + ((count**0.5)*100) let marginBottom= 120 let data = timeIntervalTotals[selectTimeInterval] // .filter(d => d.className === selectClassType) let plot = Plot.plot({ height: 600, width, marginBottom, marginLeft, color:{legend:true, domain:[...objectsOfInterest]}, fy:{ // domain:[0,100] label:null }, y:{ grid: true,}, x:{ tickRotate:-90, type:"band", // label: selectTimeInterval.slice(0,-1), label:null, tickFormat: (d,i)=> timeTickFormat(selectTimeInterval, d) }, facet:{ data: data, y:"camera", marginRight:60 }, fx:{label:null}, marks: [ (selectBarOrLine === "Bar" || count < 3 ) ? Plot.rectY(data, {x: "time", y:"count", fill:"className", interval:d3["utc"+selectTimeInterval.slice(0,-1)] }) : Plot.lineY(data, {x: "time", y:"count", curve:"step", stroke:"className", interval:d3["utc"+selectTimeInterval.slice(0,-1)] }) ] }) return plot }4b:Ta79,{ let scale = heatMapChartScale // return let camera = selectHeatMapCamera let background = backgroundImgs[camera] let backgrounds = imgSrcGrouped.get(camera) let width = background.width let height = background.height let selCameraData = objectsBySecondGrouped.get(camera) let days = [...selCameraData.keys()] let hours = [...new Set(days.map(day => [...selCameraData.get(day).keys()]).flat())] let nCols = days.length let nRows = hours.length let margin = { right: 50, bottom: 50, } const context = DOM.context2d(background.width*nCols, (background.height+margin.bottom)*scale*(nRows+1)*0.5, 1 ) context.scale(scale,scale) // draw image let imageBW = null let scale2 = 0.5 let scale3 = scale*scale2 context.scale(scale2,scale2) days.forEach((day,j) => { let dayData = selCameraData.get(day) let x = j*width + j*margin.right hours.forEach((hour,i) => { let data = dayData.get(hour).filter(d => d.className === selectClassType) let y = i*height + i*margin.bottom let bg = backgrounds.get(day).get(hour) context.globalAlpha = 0.5 if(bg){ let img = new Image; img.onload = function(){ context.drawImage(img,x,y) }; img.src = bg[0]["imgSrc"]; } // context.drawImage(background,x,y) // if(imageBW === null) imageBW=imageToBW(context.getImageData(x*scale3,y*scale3, width*scale3, height*scale3)); // context.putImageData(imageBW,x*scale3,y*scale3); for (const d of data) { let {centroidX, centroidY,className, bbox_w} = d context.globalAlpha = selectDotOpacity context.beginPath(); context.arc(centroidX+x, centroidY+y,bbox_wScale(bbox_w**0.5)*radius, 0, 2 * Math.PI, false); context.fillStyle = selectClassType === "person" ? 'blue' : "red" context.fill(); } }) let y = nRows*height + nRows*margin.bottom let wholeDayData = [...dayData.values()].flat().filter(d => d.className === selectClassType) context.globalAlpha = 0.5 context.drawImage(background,0,y) // context.putImageData(imageBW,x*scale3,y*scale3); for (const d of wholeDayData) { let {centroidX, centroidY,className, bbox_w} = d context.globalAlpha = selectDotOpacity context.beginPath(); context.arc(centroidX+x, centroidY+y,bbox_wScale(bbox_w**0.5)*radius, 0, 2 * Math.PI, false); context.fillStyle = selectClassType === "person" ? 'blue' : "red" context.fill(); } }) return context.canvas }4c:T8a4,{ let xy = objectsBySecond.filter(d => d.camera === selectHeatMapCamera && d.className === selectClassType).map(({centroidX, centroidY,className, bbox_w, timeStamp}) =>[centroidX, centroidY,className, bbox_w, timeStamp]) // return let bins = hexbin(xy.concat(hexbin.centers())) let color = d3 .scaleSequential(d3.interpolateMagma) // .scaleSequential(selectClassType === "person" ? d3.interpolateMagma : d3.interpolateReds ) .domain([0, d3.max(bins, d => Math.sqrt(d.length -1 ))]) // .range([3,9]) let background = backgroundImgs[selectHeatMapCamera] let scale = heatMapChartScale // heatMapChartScale const context = DOM.context2d(background.width*scale, background.height*scale, 1 ) context.scale(scale,scale) // draw image context.globalAlpha = 0.5 context.drawImage(background,0,0) // convert to BW let imageBW=imageToBW(context.getImageData(0,0, background.width, background.height)); context.putImageData(imageBW, 0, 0, 0, 0, imageBW.width, imageBW.height); context.globalAlpha = 1 // context.globalAlpha = 0.5 // const path = d3.geoPath().context(context); hexbin.context(context) context.globalAlpha = 1 let maxValue = d3.max(bins.map(d => Math.sqrt(d.length -1 ))) let hexScale = d3.scaleLinear() .domain([1, maxValue]) .range([0.5, 1]); if (selectHeatMapType === "Hexagon") { bins.filter(d => d.length > 2).forEach((d,i)=> { context.beginPath(); hexbin.hexagon(radius, [d.x,d.y]) let value = Math.sqrt(d.length -1 ) // console.log("value", d.length) context.fillStyle = color(value); context.strokeStyle = color(value); context.globalAlpha = hexScale(value) context.lineWidth = 1; context.fill(); context.stroke(); }) } if (selectHeatMapType === "Dots") { context.globalAlpha = selectDotOpacity for (const d of xy) { let [centroidX, centroidY,className, bbox_w, time] = d context.beginPath(); context.arc(centroidX, centroidY,bbox_wScale(bbox_w**0.5)*radius, 0, 2 * Math.PI, false); context.fillStyle = className === "person" ? 'blue': 'red'; context.fill(); } } return context.canvas; }4d:T1048,{ let scale = heatMapChartScale*0.3 let camera = selectHeatMapCamera let background = backgroundImgs[camera] let backgrounds = imgSrcGrouped.get(camera) let width = background.width let height = background.height let selCameraData = objectsBySecondByDirectionGrouped.get(camera) let days = [...selCameraData.keys()] let hours = [...new Set(days.map(day => [...selCameraData.get(day).keys()]).flat())] let angles = [...Array(360/angleDiv).keys()] let nCols = 360/angleDiv//days.length let nRows = hours.length let margin = { right: 50, bottom: 50, } let scale2 = 0.5 let scale3 = scale*scale2 const context = DOM.context2d((background.width+margin.right)*scale3*(nCols), (background.height+margin.bottom)*scale3*(nRows), 1 ) context.scale(scale,scale) // draw image let imageBW = null context.scale(scale2,scale2) days.forEach((day,j) => { let dayData = selCameraData.get(day) let x = j*width + j*margin.right hours.forEach((hour,i) => { let y = i*height + i*margin.bottom angles.forEach((angle,k) => { let z = x + k*width let data = dayData.get(hour).get(angle).filter(d => d.className === selectClassType) let bg = backgrounds.get(day).get(hour) if(bg){ let img = new Image; img.onload = function(){ context.globalAlpha = selectBgOpacity context.drawImage(img,z,y) }; img.src = bg[0]["imgSrc"]; } // context.drawImage(background,z,y) // if(imageBW === null) imageBW=imageToBW(context.getImageData(x*scale3,y*scale3, width*scale3, height*scale3)); // context.putImageData(imageBW,z*scale3,y*scale3); context.globalAlpha = selectLineOpacity for (const d of data) { let {x1,x2,y1,y2,centroidX, centroidY,className, bbox_w, time,location, angle} = d let thickness = bbox_wScale(bbox_w**0.5)*selectLineThickness let grad= context.createLinearGradient(25, 25, 100, 100); grad.addColorStop(0, "white"); grad.addColorStop(1, generateRandomColorHsl(Math.round(angle))); context.strokeStyle = grad; context.lineWidth = thickness*0.5; context.beginPath(); context.moveTo(x1+z,y1+y); context.lineTo(x2+z, y2+y); context.stroke(); context.beginPath(); context.arc(x1+z, y1+y,thickness, 0, 2 * Math.PI, false); // context.fillStyle = className === "person" ? 'blue': 'red'; context.fillStyle = generateRandomColorHsl(angle) context.fill(); } // for (const d of data) { // let {centroidX, centroidY,className, bbox_w} = d // context.globalAlpha = selectDotOpacity // context.beginPath(); // context.arc(centroidX+z, centroidY+y,bbox_wScale(bbox_w**0.5)*radius, 0, 2 * Math.PI, false); // context.fillStyle = selectClassType === "person" ? 'blue' : "red" // context.fill(); // } }) }) // let y = nRows*height + nRows*margin.bottom // let wholeDayData = [...dayData.values()].flat().filter(d => d.className === selectClassType) // context.globalAlpha = 0.5 // context.drawImage(background,0,y) // context.putImageData(imageBW,x*scale3,y*scale3); // for (const d of wholeDayData) { // let {centroidX, centroidY,className, bbox_w} = d // context.globalAlpha = selectDotOpacity // context.beginPath(); // context.arc(centroidX+x, centroidY+y,bbox_wScale(bbox_w**0.5)*radius, 0, 2 * Math.PI, false); // context.fillStyle = selectClassType === "person" ? 'blue' : "red" // context.fill(); // } }) return context.canvas }4e:Tc7a,{ let xy = objectsBySecond.filter(d => d.camera === selectHeatMapCamera && d.className === selectClassType) .filter(d => d.angle >= angle1 && d.angle <= (angle1+angle2)) .map(({x1,x2,y1,y2,centroidX, centroidY,className, bbox_w, timeStamp, location, angle}) =>[x1,x2,y1,y2,centroidX, centroidY,className, bbox_w, timeStamp, location, angle]) // return let bins = hexbin(xy.concat(hexbin.centers())) let cols = Object.fromEntries(Object.entries(locs).map(d => d.flat()).map(d => [d[2],d[0]])) let color = d3 .scaleSequential(d3.interpolateMagma) // .scaleSequential(selectClassType === "person" ? d3.interpolateMagma : d3.interpolateReds ) .domain([0, d3.max(bins, d => Math.sqrt(d.length -1 ))]) // .range([3,9]) let background = backgroundImgs[selectHeatMapCamera] let scale = heatMapChartScale // heatMapChartScale const context = DOM.context2d(background.width*scale, background.height*scale, 1 ) context.scale(scale,scale) // draw image context.globalAlpha = 0.5 context.drawImage(background,0,0) // convert to BW let imageBW=imageToBW(context.getImageData(0,0, background.width, background.height)); context.putImageData(imageBW, 0, 0, 0, 0, imageBW.width, imageBW.height); context.globalAlpha = 1 // context.globalAlpha = 0.5 // const path = d3.geoPath().context(context); hexbin.context(context) context.globalAlpha = 0.25 let maxValue = d3.max(bins.map(d => Math.sqrt(d.length -1 ))) let hexScale = d3.scaleLinear() .domain([1, maxValue]) .range([0.5, 1]); // if (selectHeatMapType === "Hexagon") { // bins.filter(d => d.length > 2).forEach((d,i)=> { // context.beginPath(); // hexbin.hexagon(radius, [d.x,d.y]) // let value = Math.sqrt(d.length -1 ) // // console.log("value", d.length) // context.fillStyle = color(value); // context.strokeStyle = color(value); // context.globalAlpha = hexScale(value) // context.lineWidth = 1; // context.fill(); // context.stroke(); // }) // } // if (selectHeatMapType === "Dots") { context.globalAlpha = selectLineOpacity for (const d of xy) { let [x1,x2,y1,y2,centroidX, centroidY,className, bbox_w, time,location, angle] = d let thickness = bbox_wScale(bbox_w**0.5)*selectLineThickness let grad= context.createLinearGradient(25, 25, 100, 100); grad.addColorStop(0, "white"); grad.addColorStop(1, generateRandomColorHsl(Math.round(angle))); context.strokeStyle = grad; context.lineWidth = thickness*0.5; context.beginPath(); context.moveTo(x1,y1); context.lineTo(x2, y2); context.stroke(); // ctx.stroke(); // context.beginPath(); // context.moveTo(x1,y1); // context.lineTo(x2, y2); // context.strokeStyle = generateRandomColorHsl(Math.round(angle)) // context.lineWidth = 3; // context.stroke(); context.beginPath(); context.arc(x1, y1,thickness, 0, 2 * Math.PI, false); // context.fillStyle = className === "person" ? 'blue': 'red'; context.fillStyle = generateRandomColorHsl(angle) context.fill(); } } return context.canvas; }4f:T44a,// { // const context = DOM.context2d(background.width, background.height, 1 ); // context.drawImage(background,0,0) // // context.globalAlpha = 0.65 // // context.drawImage(image,0,0) // dataObjects // .filter(d=>d.movementY < 0.1*image.height && d.movementX < 0.1 * image.width) // .filter(d=> d.size > 0) // .map(d => { // // context.beginPath(); // // context.lineWidth = "2"; // // context.strokeStyle = "red"; // // context.rect(d.bbox_left, d.bbox_top, d.bbox_w, d.bbox_h); // // context.stroke(); // context.beginPath(); // context.arc(d.centroidX, d.centroidY, Math.pow(d.size*0.1,0.5), 0, 2 * Math.PI, false); // context.fillStyle = d.className === "person" ? "blue": 'orange'; // context.globalAlpha = d.className === "person" ? 0.5: 0.5; // context.fill(); // // context.lineWidth = 2; // // context.strokeStyle = d.className === "person" ? 'blue': 'orange'; // // context.strokeStyle = 'blue'; // context.stroke(); // } // ) // return context.canvas; // }50:T541,dataObjects=data.filter(d=>objectsOfInterest.includes(objectClasses[Number(d.class)])) .sort((a,b) => a.classId - b.classId) .map(d => { let classId = Number(d["class"]) let dd = Object.assign({},d) dd["className"] = objectClasses[classId] dd["frame"]= Number(dd["frame"]) let [camera, date] = dd["run"].split("/") dd["camera"] = camera dd["date"] = date dd["uid"] = `${dd["id"]}_${classId}` dd["centroidY"] = Number(d["bbox_top"])+Number(d["bbox_h"]) dd["centroidX"] = Number(dd["centroidX"]) dd["location"] = getLocation(dd["centroidX"],dd["centroidY"])["loc"] dd["timeStampStr"] = dd["timeStamp"] const timeStamp = new Date(dateParser(date+dd["timeStamp"])); let newTimeStamp = d3.timeSecond.offset(timeStamp,(dd["frame"]-1)/15) dd["timeStamp"] = newTimeStamp dd["hour"] = Number(d3.timeFormat("%H")(newTimeStamp)) dd["minute"] = Number(d3.timeFormat("%M")(newTimeStamp)) dd["sec"] = Number(d3.timeFormat("%S")(newTimeStamp)) dd["huid"]=`${dd["hour"]}_${dd["minute"]}_${dd["uid"]}` dd["cam_huid"]=`${camera}_${dd["huid"]}` dd["hfid"]=`${dd["hour"]}_${dd["minute"]}_${dd["frame"]}` // dd["huid_fid"]=`${dd["huid"]}_${dd["frame"]}` delete dd[""] // d["Second"] = d3.timeFormat("%S")(dateTime) return dd }).sort((a,b) => a.hour - b.hour || a.minute - b.minute || a.frame - b.frame)51:T403,objectsBySecond = { let dataGrouped = [] let groups = d3.groups(dataObjects, d=> d3.utcSecond(d.timeStamp) , d => d.cam_huid) // return groups groups.forEach(([time, uids]) => { uids.forEach(([uid, objects])=>{ let length = objects.length let centroidX = d3.mean(objects.map(d => d.centroidX)) let centroidY = d3.mean(objects.map(d => d.centroidY)) let [x1,y1] = [objects[0].centroidX,objects[0].centroidY] let [x2,y2] = [objects[length-1].centroidX,objects[length-1].centroidY] let angle = getAngle(x1,y1,x2,y2) let uObject = Object.assign( { x1,y1, x2,y2, angle, objects, time, centroidX, centroidY, length },{}) for(let key of ["className", "timeStamp", "camera", "cam_huid", "bbox_w","location"]){ uObject[key]= objects[0][key] } dataGrouped.push(uObject) }) }) return dataGrouped }52:T6d2,timeIntervalTotals = { let dataGroupedTotal = {} function getTime(interval, timeStamp){ switch(interval) { case "Hours": return d3.utcHour(timeStamp) break; case "Minutes": return d3.utcMinute(timeStamp) break; case "Seconds": return d3.utcSecond(timeStamp) break; default: return d3.utcDay(timeStamp) } } let data = objectsBySecond let intervals = ["Minutes","Hours","Days"] intervals.forEach((interval,i) => { let intervalGroup = [] let groups = d3.group(data, d=> getTime(interval,d.time),d=>d.camera,d=>d.className, d => d.cam_huid) for( const [time, cameras] of groups){ for (const [camera, classNames] of cameras){ for (const [className, ids] of classNames){ let count = [...ids.keys()].length intervalGroup.push({time, camera, className, count }) } } } // ([...groups.keys()]).forEach(time => { // ([...groups.get(time).keys()]).forEach(camera => { // ([...groups.get(time).get(camera).keys()]).forEach(className => { // let count = [...groups.get(time).get(camera).get(className).length() // intervalGroup.push({time, camera, className, count }) // }) // }) // }) // intervalGroup.push( groups.keys()) // groups.forEach(([time, [camera]) => { // objectsOfInterest.forEach(className => { // let count = uids.filter(([id,objects]) => objects[0].className === className).length // intervalGroup.push({time, count, className}) // }) // }) dataGroupedTotal[interval] = intervalGroup }) return dataGroupedTotal }53:[{"id":"6355fad48cd57bb0a3315458b337179a819a18dc8f164dc08e614b809e2e9f54e560450ef2413e8674bec8eb6e2c58bd113d890990da73210a96c109e7fcbf55","href":"https://static.observableusercontent.com/files/6355fad48cd57bb0a3315458b337179a819a18dc8f164dc08e614b809e2e9f54e560450ef2413e8674bec8eb6e2c58bd113d890990da73210a96c109e7fcbf55","name":"background_camera_c.jpg","type":"image/jpeg","lastModified":1663284394685.888,"size":1283876},{"id":"effcc5ba23f920a82df7083b229f0d63fe6b870d37f8a4ec983ce78d657bf77e44b02afb295f26c33aaadef1aae12d517a61accd3a826c6e11a295e2d5eb0b2d","href":"https://static.observableusercontent.com/files/effcc5ba23f920a82df7083b229f0d63fe6b870d37f8a4ec983ce78d657bf77e44b02afb295f26c33aaadef1aae12d517a61accd3a826c6e11a295e2d5eb0b2d","name":"segments_camera_a.png","type":"image/png","lastModified":1664281022016.649,"size":51440},{"id":"39d698b34b97230a1bf46d717cb19393eddb0e10f4280c59942a169470e2387947b6018dfc580079a1d1be6706ebbdeefac2b9d388fd90d70ba6e3372bdb3220","href":"https://static.observableusercontent.com/files/39d698b34b97230a1bf46d717cb19393eddb0e10f4280c59942a169470e2387947b6018dfc580079a1d1be6706ebbdeefac2b9d388fd90d70ba6e3372bdb3220","name":"d3-hexbin.js","type":"application/javascript","lastModified":1663679555552.163,"size":7438},{"id":"6ed655cffb319818b34a908e8427b1149bc82815c43ef0ea8e89a088e1f3f68b5ceb4b3f2d30c226bbf0262a69a09ac942bea0a9003fad9687f1f445d9429ce5","href":"https://static.observableusercontent.com/files/6ed655cffb319818b34a908e8427b1149bc82815c43ef0ea8e89a088e1f3f68b5ceb4b3f2d30c226bbf0262a69a09ac942bea0a9003fad9687f1f445d9429ce5","name":"background_camera_a.jpg","type":"image/jpeg","lastModified":1663319069529.239,"size":1846232},{"id":"b760bc4cfd05d2e1c297458aeb63de98603b5edb7a1923914560fcb834a1f29ee9a8b833d2e864eac0e7d81cfacac554f596ea4e0be82c1e38114cfea78e11a1","href":"https://static.observableusercontent.com/files/b760bc4cfd05d2e1c297458aeb63de98603b5edb7a1923914560fcb834a1f29ee9a8b833d2e864eac0e7d81cfacac554f596ea4e0be82c1e38114cfea78e11a1","name":"background_camera_e.jpg","type":"image/jpeg","lastModified":1663284107311.89,"size":1315401},{"id":"514bc2c06166bd96dfcb906fbbf1f1a505993d08a3ddb108b4a210b153915f0f52dab7502137e061fde098207c4b9f99f07549d932f58f52e5dffa5681b841c3","href":"https://static.observableusercontent.com/files/514bc2c06166bd96dfcb906fbbf1f1a505993d08a3ddb108b4a210b153915f0f52dab7502137e061fde098207c4b9f99f07549d932f58f52e5dffa5681b841c3","name":"footage.txt","type":"text/plain","lastModified":1662555386141.562,"size":181389}] 29:{"id":"cff0196cba5433fa","slug":null,"title":"Health AI","thumbnail":"c2a1d6a10f0b35d9f0ee2246b2daa6e21db21df8b07517b1cf066cf84f5b2164","access_level":"public","create_time":"$D2022-09-07T12:44:07.635Z","update_time":"$D2023-02-03T15:24:13.461Z","view_time":null,"first_public_time":"$D2022-12-01T21:47:32.549Z","has_unpublished_edits":null,"fork":true,"stars":0,"starred":false,"owner":{"type":"team","id":"22a5c876af1d4b63","login":"gnalxom","name":"Nazim","avatar_url":"https://avatars-next.observableusercontent.com/d8bc7de03ad7dd2061e8ab60be066de794dead9423374d4fc188c7851fd0cff7","tier":"starter_2024","bio":"","following":false},"version":5696,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"1cd14df68d8d3341","login":"gnalxom","name":"Nazim","avatar_url":"https://avatars-next.observableusercontent.com/d8bc7de03ad7dd2061e8ab60be066de794dead9423374d4fc188c7851fd0cff7","tier":null,"bio":"","following":false}],"members":[{"type":"individual","id":"1cd14df68d8d3341","login":"gnalxom","name":"Nazim","avatar_url":"https://avatars-next.observableusercontent.com/d8bc7de03ad7dd2061e8ab60be066de794dead9423374d4fc188c7851fd0cff7","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Health AI","cells":[{"id":0,"value":"# Health AI","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1948,"value":"## Vis","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":125,"value":"### Footage availability for all","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1984,"value":"viewof selectFootage = Inputs.select([\"All\",\"Default\"], {label: \"Select Footage\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1892,"value":"viewof footageDateFilter = Inputs.checkbox(vidData.map(d => d.date),\n {label: \"Filter date\", sort: true, unique: true,\n value: selectFootage === \"All\" ? d3.group(vidData.map(d => d.date)): [\"220729\",\"220730\",\"220731\"]})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1777,"value":"vidDataFiltered = vidData.filter(d => footageDateFilter.includes(d.date))\n// && d.timeStamp.getHours()>12 && d.timeStamp.getHours()<20 )\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1683,"value":"Plot.plot({\n width: 1000,\n height: 700,\n color:{legend: true},\n x:{\n ticks:null\n },\n y:{\n grid: true,\n label: \"Hour\",\n reverse: true\n // ticks: 10\n },\n fy:{\n label: null,\n ticks: null\n },\n facet:{\n data:vidDataFiltered,\n x:\"date\",\n y:\"camera\"\n },\n marks:[\n Plot.rectX(vidDataFiltered, {\n fill:\"camera\",\n y1: d => d.timeStamp.getHours(),\n y2: d => d.timeStamp.getHours()+1,\n x1: d => d.timeStamp.getMinutes()*60+d.timeStamp.getSeconds(),\n x2: d => d.timeStamp.getMinutes()*60+d.timeStamp.getSeconds()+d.lengthSecs,\n // x2: d => d.timeStamp.getHours()*60*60+d.timeStamp.getMinutes()*60+d.timeStamp.getSeconds() + d.lengthSecs\n })\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4609,"value":"### Volume of objects","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":4839,"value":"allClasses = d3.rollups(data, v=> v.length, d => d.class, d=> d.run)\n.map(([classId, counts])=> counts.map(([run, count]) => ({className:objectClasses[classId],count, run})))\n.flat()\n.filter(d => ![\"person\", \"bicycle\",\"car\", \"motorcycle\"].includes(d.className))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4847,"value":"Plot.plot({\n width:1200,\n y:{\n label: null,\n domain: d3.sort(allClasses.filter(d=>d.count > 0), d => -d.count).map(d => d.className)\n },\n fx:{label: null},\n grid:true,\n x: {\n \n // type: \"log\", \n tickFormat: (d) =>\n d === Math.floor(d) ? d3.format(\"~s\")(Math.pow(10, d)) : \"•\",\n label: \"Count (log scale) →\",\n // domain: [1e0, 1e5], \n // tickFormat: \",\"\n },\n \n facet:{\n data: allClasses,\n x:\"run\"\n },\n marginLeft: 100,\n marks:[\n Plot.barX(allClasses,{\n // x:d => d.count, \n x:d => Math.log10(d.count), \n y:\"className\", fill:\"run\"})\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4643,"value":"timeIntervalTotals.Hours","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4662,"value":"viewof selectVolumeMatrixCamera = Inputs.select([\"camera_a\",\"camera_c\",\"camera_e\"],{label: \"View\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4716,"value":"viewof selectVolumeMatrixObject = Inputs.radio(objectsOfInterest,{label: \"Object type\",value:\"person\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4783,"value":"viewof selectVolumeMatrixChart = Inputs.select([\"Bar\", \"Heatmap\"],{label: \"Chart type\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4820,"value":"objectsOfInterest","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4615,"value":"$49","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2000,"value":"### Volume of ${objectsOfInterest.sort().toString()} by ${selectTimeInterval}","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":2316,"value":"viewof selectTimeInterval = Inputs.select([\"Days\",\"Hours\", \"Minutes\"], {label: \"Time interval\", value: \"Hours\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3488,"value":"viewof selectBarOrLine = Inputs.select([\"Bar\",\"Line\"],{label: \"Chart type\", value: \"Line\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2063,"value":"$4a","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5693,"value":"data","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3557,"value":"### Heatmaps","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":3561,"value":"viewof selectHeatMapCamera = Inputs.select([\"camera_a\",\"camera_c\",\"camera_e\"],{label: \"View\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4123,"value":"viewof selectClassType = Inputs.radio([...objectsOfInterest], {value: \"person\", label: \"Object type\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5074,"value":"selectClassType","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4134,"value":"viewof selectDotOpacity = Inputs.range([0,1],{step:0.005, value:0.6, label: \"Dot opacity\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3880,"value":"viewof radius = Inputs.range([2,20],{step:2, value:14, label: `${selectHeatMapType} resolution`})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4166,"value":"viewof heatMapChartScale = Inputs.range([0.1,1],{label: \"Heatmap Scale\", step: 0.05, value: 0.4})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4088,"value":"viewof selectHeatMapType = Inputs.select([\"Dots\", \"Hexagon\"], {value: \"Hexagon\", label: \"Char type\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4170,"value":"$4b","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3559,"value":"$4c","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5503,"value":"viewof selectLineOpacity = Inputs.range([0,1],{step:0.005, value:0.6, label: \"Line opacity\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5652,"value":"viewof selectBgOpacity = Inputs.range([0,1],{step:0.005, value:0.6, label: \"Bg opacity\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5506,"value":"viewof selectLineThickness = Inputs.range([2,30],{step:2, value:14, label: \"Line thickness\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5541,"value":"objectsBySecondByDirectionGrouped.get(\"camera_a\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5533,"value":"$4d","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5470,"value":"viewof angle1 = Inputs.range([0,360],{step:45})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5475,"value":"viewof angle2 = Inputs.range([0,360],{step:1, value:45})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5307,"value":"$4e","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5455,"value":"objectsBySecond.filter(d => d.camera === selectHeatMapCamera && d.className === selectClassType).map(d=>Math.round(d.angle))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5451,"value":"// https://helderesteves.com/generating-random-colors-js/\nfunction generateRandomColorHsl(c) {\n const hue = c\n const saturation = 50 + \"%\";\n const lightness = 50 + \"%\";\n return \"hsl(\" + hue + \", \" + saturation + \", \" + lightness + \")\";\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5154,"value":"### Image zoning","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":5170,"value":"image = segmentImags[\"camera_a\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5181,"value":"Plot.plot({\n caption:\"Hourly volume of objects by location - camera a\",\n width:600,\n height:800,\n color:{legend:true, domain:[...objectsOfInterest]},\n marginBottom:60,\n fy:{\n // domain:[0,100]\n label:null,\n \n },\n y:{ grid: true,},\n fx:{ \n grid:true,\n margin:10,\n // tickRotate:-90,\n // tickFormat:d=>d3.timeFormat(\"%d/%m%,%H\")(d),\n labelAnchor: \"Left\",\n padding:0.3\n },\n x:{\n \n tickRotate:-90,\n type:\"band\",\n // label: selectTimeInterval.slice(0,-1),\n label:null,\n tickFormat: (d,i)=> timeTickFormat(selectTimeInterval, d)\n },\n facet:{\n data: camera_aLocations,\n y:\"location\",\n marginRight:60,\n x:\"hour\"\n \n },\n marks:[\n Plot.barY(camera_aLocations,\n {x: \"className\", y:\"count\",\n // curve:\"step\", \n fill:\"className\",\n // interval:d3[\"utcHours\".slice(0,-1)]\n })\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5189,"value":"selectTimeInterval","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5156,"value":"camera_aLocations = d3.groups(dataObjects\n .filter(d => d.camera === \"camera_a\")\n .filter(d => [\"person\",\"bicycle\"].includes(d.className)),\n d=>d3.utcHour(d.timeStamp), d=>d.location, d => d.className, d=>d.cam_huid)\n .map(([hour,d]) => d.map(([location,d]) => d.map(([className,classObjects]) => ({hour,location,className,count:classObjects.length}))))\n.flat().flat()\n.sort((a,b) =>objectsOfInterest.indexOf(a.className)-objectsOfInterest.indexOf(b.className))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2605,"value":"dataCleaned = dataGrouped.map(d => {\n let removeFields = [\"time\", \"run\",\"date\",\"location\",\"timeStampStr\",\"hour\",\"minute\",\"sec\",\"huid\",\"hfid\"]\n let dd = {}\n Object.keys(d).forEach(key => {\n if(!(removeFields.includes(key))) dd[key] = d[key]\n })\n return dd\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5589,"value":"new Set(dataCleaned.map(d=>d.camera))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2386,"value":"dataGrouped = {\n \n let dataGrouped = []\n function getTime(interval, timeStamp){\n switch(interval) {\n case \"Hours\":\n return d3.utcHour(timeStamp)\n break;\n case \"Minutes\":\n return d3.utcMinute(timeStamp)\n break;\n case \"Seconds\":\n return d3.utcSecond(timeStamp)\n break;\n default:\n return d3.utcDay(timeStamp)\n }\n \n }\n \n let groups = d3.groups(dataObjects, \n d=> getTime(selectTimeInterval,d.timeStamp)\n , d => d.cam_huid)\n groups.forEach(([time, uids]) => {\n uids.forEach(([uid, objects])=>{\n let centroidX = d3.mean(objects.map(d => d.centroidX))\n let centroidY = d3.mean(objects.map(d => d.centroidY))\n let uObject = Object.assign({time},objects[0])\n uObject.centroidX = centroidX\n uObject.centroidY = centroidY\n \n dataGrouped.push(uObject)\n })\n })\n \n return dataGrouped\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3523,"value":"bin1 = d3.bin().thresholds(2)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3532,"value":"binned = bin1(dataGrouped.map(d=>[d.centroidX,d.centroidY]))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3206,"value":"backgroundUrls = {\n const camera_a = await FileAttachment(\"background_camera_a.jpg\").url()\n const camera_c = await FileAttachment(\"background_camera_c.jpg\").url()\n const camera_e = await FileAttachment(\"background_camera_e.jpg\").url()\n return {camera_a, camera_c, camera_e}\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3565,"value":"backgroundImgs = {\n // background = FileAttachment(\"Screenshot.png\").image()\n// background = FileAttachment(\"background_camera_c.jpg\").image()\n// background = FileAttachment(\"background_camera_e.jpg\").image()\n const camera_a = await FileAttachment(\"background_camera_a.jpg\").image()\n const camera_c = await FileAttachment(\"background_camera_c.jpg\").image()\n const camera_e = await FileAttachment(\"background_camera_e.jpg\").image()\n return {camera_a, camera_c, camera_e}\n}\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5109,"value":"segmentImags = {\n const camera_a = await FileAttachment(\"segments_camera_a.png\").image()\n return {camera_a}\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2920,"value":"resolution = ({\n width: 1920,\n height: 1080\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3048,"value":"heatMapResolution = ({\n width: resolution.width * heatMapChartScale,\n height: resolution.height * heatMapChartScale\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1249,"value":"### Identify objects at waiting zones","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1121,"value":"waiting = dataObjects\n// .filter(d => d.location === \"SideA_Waiting\" || d.location === \"SideB_Waiting\")\n.map(({frame,huid,centroidX,centroidY,className}) =>({frame,huid,centroidX,centroidY,className}) )","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1254,"value":"### Group by uids","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1056,"value":"unique_dataObjects = waiting.reduce(function (r, a) {\n r[a.huid] = r[a.huid] || [];\n r[a.huid].push(a);\n return r;\n }, Object.create(null));","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1024,"value":"uniqueWaiting = Object.keys(unique_dataObjects).map(huid => {\n let size = unique_dataObjects[huid].length\n let allCentroidX = unique_dataObjects[huid].map(d => d.centroidX)\n let allCentroidY = unique_dataObjects[huid].map(d => d.centroidY)\n let movementY = d3.max(allCentroidY) - d3.min(allCentroidY)\n let movementX = d3.max(allCentroidX) - d3.min(allCentroidX)\n let centroidX = d3.mean(allCentroidX)\n let centroidY = d3.mean(allCentroidY)\n let className = unique_dataObjects[huid][0][\"className\"]\n return ({huid, className, centroidX , centroidY, movementX, movementY, size})\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":220,"value":"\n// hours = [\"11\", \"12\", \"13\"]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":353,"value":"singleVideo = objectsBySecond\n.filter(d => d.camera === \"camera_a\")\n// .filter(d => objectsOfInterest.includes(d.className))\n// .filter(d => d.hour === selTime.hour)\n// .sort((a,b)=>a.hour - b.hour || a.minute - b.minute || a.frame - b.frame)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1033,"value":"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":486,"value":"// pixData = {\n// const context = DOM.context2d(image.width, image.height, 1 );\n// // context.fillRect(0, 0, image.width, image.height);\n// context.drawImage(image,0,0)\n// let imgd = context.getImageData(0,0,image.width, image.height);\n \n// let pix = imgd.data;\n// return pix\n// // return pix.length\n \n\n// for (var i = 0, n = pix.length; i < n; i += 4) {\n// pix[i ] = 255 - pix[i ]; // red\n// pix[i+1] = 255 - pix[i+1]; // green\n// pix[i+2] = 255 - pix[i+2]; // blue\n// // i+3 is alpha (the fourth element)\n// }\n\n// // Draw the ImageData at the given (x,y) coordinates.\n// context.putImageData(imgd, 0, 0);\n\n\n// return context.canvas;\n// }","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5393,"value":"pixData = {\n let background = backgroundImgs.camera_a\n const context = DOM.context2d(background.width, background.height, 1 );\n // context.fillRect(0, 0, image.width, image.height);\n context.drawImage(image,0,0, background.width, background.height)\n let imgd = context.getImageData(0,0,background.width, background.height);\n \n let pix = imgd.data;\n return pix\n // return pix.length\n\n\n\n return context.canvas;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5373,"value":"d3.max(objectsBySecond.map(d=>d.centroidY))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":619,"value":"getLocation = function(centroidX,centroidY){\n \n let pos = Number(centroidY) * resolution.width + Number(centroidX)\n\n pos = Math.floor(pos) * 4\n \n \n \n let pixel =[pixData[pos],pixData[pos + 1],pixData[pos + 2]]\n pixel = pixel.map(p => p < 100 ? 0 : 255)\n // return pixel\n \n \n let color = d3.rgb(...pixel).hex()\n // if(!(color in locs)) console.log(pixel)\n let loc = locs[color] ? locs[color][1]:color\n return ({loc,color})\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":545,"value":"selcol = {\n const context = DOM.context2d(50, 50);\n // return getLocation(posX,posY)\n \n \n context.fillStyle = getLocation(posX,posY)[\"color\"]\n context.fillRect(0, 0, image.width, image.height);\n\n return context.canvas;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":612,"value":"locs = ({\n \"#000000\": [\"Black\",\"O\"],\n \"#00ffff\": [\"Cyan\",\"C\"],\n \"#0000ff\": [\"Blue\",\"E\"], \n \"#ffffff\": [\"White\",\"F\"],\n \"#00ff00\": [\"Green\",\"D\"],\n \"#ff00ff\": [\"Magenta\",\"B\"],\n \"#ff0000\": [\"Red\",\"A\"],\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":575,"value":"viewof posX = Inputs.range([0, image.width-1], {label: \"Amount\",step:1})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":758,"value":"viewof posY = Inputs.range([0, image.height-1], {label: \"Amount\",step:1})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":902,"value":"viewof selHour = Inputs.radio(hours, {label: \"Hour\",value:hours[0]})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":908,"value":"viewof selMin = Inputs.radio([...new Set(dataObjects.filter(d=>d.hour === selHour).map(d=>d.minute))], {label: \"Minute\", value: 11})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":460,"value":"selTime = ({hour: selHour, min: selMin})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":858,"value":"// uidFilter = [\"3_0\",\"21_0\",\"19_1\",\"13_0\"]\nuidFilter = []\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1275,"value":"** Pedestrian and Bicycle flow through zones for hour ${selTime.hour} **","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":5142,"value":"dataObjects","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":684,"value":"Plot.plot({\n // height:500,\n width:1000,\n // marginBottom: 100,\n \n\n color:{legend:true},\n x:{\n // grid:true,\n \n ticks:null,\n domain: singleVideo.map(d=>d.hfid),\n tickFormat: d => d.split(\"_\")[2]%50 === 0 ? d.split(\"_\").pop() : \".\",\n tickRotate: -90,\n },\n\n marginLeft:150,\n // facet: {\n // data: hourlySingleVideo,\n // y: \"className\",\n // marginRight: 90\n // },\n y:{\n // grid:true,\n // tickRotate:-90,\n domain:Object.values(locs).map(loc => loc[1]),\n // domain:[\"SideA_Waiting\",\"Pedestrian_Cross\",\"Bicycle_Cross\",\"SideB_Waiting\"],\n type:\"point\"\n },\nmarks: [\n \n Plot.line(hourlySingleVideo, {x: \"frame\", y: \"location\", z:\"uid\",stroke:\"className\",strokeOpacity:0.5,strokeWidth:0.5 })\n \n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1541,"value":"hourlySingleVideo = singleVideo.filter(d=>uidFilter.length > 0 ? uidFilter.includes(d.uid) : true).map(({huid,frame,className,id,location,hfid})=>({\"frame\":hfid,\"uid\":huid,className,id,location}))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1416,"value":"mins = [...new Set(singleVideo.map(d=>d.minute))]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1381,"value":"newFrames = { \n let prevFrame = 0\n let frames = []\n mins.forEach((min,i) => {\n \n min = Number(min)\n let objects = singleVideo.filter(d=>d.minute === min)\n \n \n objects.forEach(d=> {\n let frame = d.frame + Math.floor(Math.random()*10) - Math.floor(Math.random()*10)\n d[\"newFrame\"]=(i*100)+frame \n frames.push(frame)\n \n })\n })\n return frames\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1453,"value":"d3.min(newFrames)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":447,"value":"** Pedestrian and Bicycle flow for hour ${selTime.hour} **","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":385,"value":"Plot.plot({ \n width: 2000,\n marginBottom:100,\n color:{legend:true},\n x:{\n grid:true,\n \n // ticks:null,\n // domain: [0,300],\n // tickFormat: d => d.split(\"_\")[2]%50 === 0 ? d.split(\"_\").pop() : \".\",\n tickRotate: -90,\n },\n\n // marginLeft:150,\n y:{\n // tickRotate:-90,\n ticks:null,\n type:\"point\"\n },\nmarks: [\n Plot.line(singleVideo.map(({huid,uid,frame,newFrame,className,id,location,hfid})=>({\"frameid\":hfid,\"uid\":uid,className,id,location,huid})), {x: \"frameid\", y: \"huid\", z: \"huid\",stroke:\"className\"})\n \n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1358,"value":"Plot.plot({ \n width: 600,\n height:1800,\n // marginBottom:100,\n color:{legend:true},\n x:{\n grid:true,\n \n // ticks:null,\n // domain: [0,400],\n // tickFormat: d => d%50 === 0 ? d : \"\",\n // tickRotate: -90,\n },\n\n // marginLeft:150,\n y:{\n // tickRotate:-90,\n ticks:null,\n type:\"point\"\n },\nmarks: [\n Plot.line(singleVideo.map(({huid,uid,frame,className,id,location,hfid})=>({\"frameid\":frame,\"uid\":uid,className,id,location,huid})), {x: \"frameid\", y: \"huid\", z: \"huid\",stroke:\"className\"})\n \n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2540,"value":"dataObjects","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1158,"value":"(uniqueWaiting.map(d=>d.size))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1211,"value":"frames = d3.max(dataObjects.map(d => d.frame))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1146,"value":"$4f","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2004,"value":"## Presets","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":2012,"value":"### Class Names","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":4837,"value":"umbrella, motorcycle, handbag, suitcase, skateboard","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":5049,"value":"objectsOfInterest","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":311,"value":"viewof objectsOfInterest = Inputs.checkbox(Object.values(objectClasses),{label: \"Objects of interest\", value: [\"person\",\"bicycle\",\"dog\", \"umbrella\",\"car\",\"handbag\",\"backpack\",\"suitcase\"]})\n// objectsOfInterest = [\"car\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":153,"value":"objectClasses = ['person', 'bicycle', 'car', 'motorcycle', 'airplane', 'bus', 'train', 'truck', 'boat', 'traffic light',\n'fire hydrant', 'stop sign', 'parking meter', 'bench', 'bird', 'cat', 'dog', 'horse', 'sheep', 'cow',\n'elephant', 'bear', 'zebra', 'giraffe', 'backpack', 'umbrella', 'handbag', 'tie', 'suitcase',\n'frisbee', 'skis', 'snowboard', 'sports ball', 'kite', 'baseball bat', 'baseball glove', 'skateboard', 'surfboard', 'tennis racket',\n'bottle', 'wine glass', 'cup', 'fork', 'knife', 'spoon', 'bowl', 'banana', 'apple', 'sandwich', 'orange', 'broccoli', 'carrot', 'hot dog',\n'pizza', 'donut', 'cake', 'chair', 'couch', 'potted plant', 'bed', 'dining table', 'toilet', 'tv', 'laptop', 'mouse',\n'remote', 'keyboard', 'cell phone', 'microwave', 'oven', 'toaster', 'sink', 'refrigerator', 'book', 'clock', 'vase', 'scissors', 'teddy bear', 'hair drier', 'toothbrush']\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5675,"value":"objectClasses.map((c,i) => ({class:i,label:c}))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4558,"value":"bbox_wScale = d3.scaleLinear()\n .domain(d3.extent(objectsBySecond.map(d => d.bbox_w**0.5))) // unit: km\n .range([0, 1]) // unit: pixels","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":108,"value":"## Process data","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1886,"value":"### Process footage list","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1888,"value":"vidData = {\n let vidData = footage.split('\\n')\n .filter(f => f.slice(-3) === \"mp4\") // remove non mp4\n\n vidData = vidData.map(f=>{\n let [camera, date, fileName] = f.slice(2) //remove first \"./\"\n .split('.')[0] // remove .mp4\n .split('/') // split to array \n let [timeStampStr, a, lengthSecs, b] = fileName.split(\"_\");\n const timeStamp = new Date(dateParser(date+timeStampStr));\n\n \n \n return {\n path:f.slice(2),\n camera,\n date,\n timeStampStr,\n timeStamp,\n lengthSecs: +lengthSecs\n };\n }).sort((a, b) => d3.ascending(a.timeStamp, b.timeStamp));\n\n return vidData \n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1933,"value":"### Parse dates, create uids & Filter for ${objectsOfInterest.map(d=>`${d}`).toString()}","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":2197,"value":"{\n // Checking frame rate, comes to 15\n let x = []\n let vids = d3.group(dataObjects, d => d.camera, d => d.timeStampStr).get(\"camera_a\")\n vids.forEach(v =>{\n let frames = d3.greatest(v.map(d => d.frame))\n let vid = v[0][\"timeStampStr\"]\n \n let sec = vidDataFiltered.filter(d => d.timeStampStr === vid).map(d=>d.lengthSecs)[0]\n x.push([vid, frames, sec, frames/sec])\n })\n return x\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":155,"value":"$50","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4544,"value":"### Group objects by seconds","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":4316,"value":"// objectsBySecond = {\n// let dataGrouped = []\n// let groups = d3.groups(dataObjects, \n// d=> d3.utcSecond(d.timeStamp)\n// , d => d.cam_huid)\n// groups.forEach(([time, uids]) => {\n// uids.forEach(([uid, objects])=>{\n// let centroidX = d3.mean(objects.map(d => d.centroidX))\n// let centroidY = d3.mean(objects.map(d => d.centroidY))\n \n \n// let uObject = Object.assign({time},{})\n// uObject.centroidX = centroidX\n// uObject.centroidY = centroidY\n\n// for(let key of [\"className\", \"timeStamp\", \"camera\", \"cam_huid\", \"bbox_w\",\"location\"]){\n// uObject[key]= objects[0][key]\n// }\n \n// dataGrouped.push(uObject)\n// })\n// })\n \n// return dataGrouped\n// }","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4337,"value":"objectsBySecondGrouped = (d3.group(objectsBySecond, d=>d.camera, d=>d3.utcDay(d.time), d=>d3.utcHour(d.time)))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5528,"value":"angleDiv = 45","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5516,"value":"objectsBySecondByDirectionGrouped = (d3.group(objectsBySecond, d=>d.camera, d=>d3.utcDay(d.time), d=>d3.utcHour(d.time),d=>(d.angle-d.angle%angleDiv)/angleDiv))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5261,"value":"$51","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5258,"value":"### Get angles","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":5293,"value":"// https://stackoverflow.com/questions/9614109/how-to-calculate-an-angle-from-points\nfunction getAngle(cx, cy, ex, ey) {\n var dy = ey - cy;\n var dx = ex - cx;\n var theta = Math.atan2(dy, dx); // range (-PI, PI]\n theta *= 180 / Math.PI; // rads to degs, range (-180, 180]\n if (theta < 0) theta = 360 + theta; // range [0, 360)\n return theta;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3463,"value":"### Total by time intervals","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":3465,"value":"$52","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":245,"value":"### Get Unique objects by hour","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":2151,"value":"hours = [...new Set(dataObjects.map(d => d.hour))].sort()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":254,"value":"hourlyUnique = {\n let hourlyUnique = []\n hours.forEach(hour => {\n let filtered = dataObjects.filter(d => d.hour === hour)\n let ids = []\n filtered.map(({huid,className,hour,camera, location}) => {\n \n if(ids.includes(huid)) return\n ids.push(huid)\n \n hourlyUnique.push({huid,className,hour,camera, location})\n }) \n })\n return hourlyUnique\n \n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":112,"value":"## Import data","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1567,"value":"### Import list of footage\n- from bash cd to path and run: \n> find . -type f>footage.txt\n- import as attachement here","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1879,"value":"footage = FileAttachment(\"footage.txt\").text()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1875,"value":"### Import and combine processed files for all cameras","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1780,"value":"data = [...data_a,...data_c,...data_e]\n// data = data_ee","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1836,"value":"data_a = FileAttachment(\"google://analysis_a.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1838,"value":"data_c = FileAttachment(\"google://analysis_c.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2667,"value":"data_e = FileAttachment(\"google://analysis_e.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4974,"value":"### Backup Data","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":4953,"value":"viewof ee= html``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1916,"value":"## Helper functions","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":3587,"value":"function imageToBW(imageData){\n for (var i=0;id.camera,d=>d3.utcDay(d.timeStamp),d=>d3.utcHour(d.timeStamp))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5615,"value":"import {imgSrcFiltered} from \"1849c2daad90f4d1\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4392,"value":"### References\n- analyzing-time-series-data: https://observablehq.com/collection/@observablehq/analyzing-time-series-data","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"}],"files":"$W53","stdlib":"1"}} 24:null