35:null 36:["$","title",null,{"children":"Challenge Visualizations | Adriënne Mendrik | Observable"}] 3c:[] 3a:{"id":"276b89edd5c8c5bf","slug":"challenge-visualizations/2","title":"Challenge Visualizations","thumbnail":"293e9d4249868d51ce1322fc8051fe9a5226b25321050d93418b1e06e942559d","access_level":"public","create_time":"$D2020-07-02T12:21:01.863Z","update_time":"$D2020-07-16T11:49:25.721Z","view_time":null,"first_public_time":"$D2020-07-16T11:49:51.827Z","has_unpublished_edits":null,"fork":{"id":"4ef86cbf34987616","slug":"challenge-visualizations","title":"Challenge Visualizations","owner":{"id":"044357ae86d16ae3","login":"ctwhome","name":"Jesús García"}},"stars":0,"starred":false,"owner":{"type":"team","id":"226b694c26283897","login":"adrienne","name":"Adriënne Mendrik","avatar_url":"https://avatars-next.observableusercontent.com/ba5daeefe3fb79bbd8358b1199f7caf51891d4785b36bab6bbaa1cfd1cabbfb1","tier":"starter_2024","bio":""},"version":1627,"publish_version":1627,"role":null,"authored":false,"authors":[{"type":"individual","id":"f4e9e9a989fb9a61","login":"adrienne","name":"Adriënne Mendrik","avatar_url":"https://avatars-next.observableusercontent.com/ba5daeefe3fb79bbd8358b1199f7caf51891d4785b36bab6bbaa1cfd1cabbfb1","tier":null,"bio":""}],"members":[{"type":"individual","id":"f4e9e9a989fb9a61","login":"adrienne","name":"Adriënne Mendrik","avatar_url":"https://avatars-next.observableusercontent.com/ba5daeefe3fb79bbd8358b1199f7caf51891d4785b36bab6bbaa1cfd1cabbfb1","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Challenge Visualizations","cells":[{"id":936,"value":"md `# Challenge Visualizations`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":511,"value":"md `#### Example data from the Lola 11 challenge. The length of the array equals the number of challenge submissions.`\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1161,"value":" dataLola11 = fetch(\n 'https://raw.githubusercontent.com/EYRA-Benchmark/observablehq/master/lola11-2.json',\n { mode:'cors', redirect:'follow'}\n).then(response=>(response.json()))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":641,"value":"submissionTable = (segment) =>{\n const table=[] \n Object.entries(dataLola11[selectedRow].metrics).slice(0,7).map((metric, j)=>{\n metric[1].map((dice,k)=>{ // k = 0 to 55\n if(metric[0]=== segment){ \n table.push({ subject: k+1, dice: dice, segment: metric[0]}) \n }\n else if (segment === 'all'){\n table.push({ subject: k+1, dice: dice, segment: metric[0]}) \n }\n }) \n })\n return table\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":969,"value":"html` ⁉️ Question for James: How come there are -1 values in the data for Dice? Subject 44 Rul, Subject 45 lul, Subject 48 rml, in all submissions...*. Answer: We need to filter the -1 values as not a number or something, because they are non-existent!`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":978,"value":"md `\n

\n## One plot in which the lung segment can be selected`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":777,"value":"viewof selectedRow = slider({\n min: 0, \n max: 141, \n step: 1, \n value: 0, \n title: \"Challenge Submission Number\", \n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":963,"value":"viewof selectLungSegment = select({\n title: 'Select Lung Segment',\n options: ['all','ll','lll','lul','rl','rll','rml','rul' ],\n value: 'all'\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":56,"value":"vl.markPoint()\n .data(submissionTable(selectLungSegment))\n .encode(\n vl.x().fieldQ('subject').title('Subject'),\n vl.y().fieldQ('dice').title('Dice').scale({domain: [-1.0, 1.0]}),\n vl.color().field('segment').title('Lung Segment'),\n vl.tooltip(['subject', 'segment', 'dice'])\n).render()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":988,"value":"md `### Overview of plots with various lung segments`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1007,"value":"{\n //const base = vl.markPoint().encode(\n const base = (segment)=>{ \n return vl\n .markCircle({size: 15, opacity: 0.9})\n .width(150)\n .height(130)\n .data(submissionTable(segment))\n .encode(\n vl.x().fieldQ('subject').title('Subjects (' + segment + ')'),\n vl.y().fieldQ('dice').title('Dice').scale({domain: [-1.0, 1.0]}),\n vl.color().field('segment').title('Lung Segment'),\n vl.tooltip(['subject', 'segment', 'dice'])\n ) \n }\n return vl.vconcat(\n vl.hconcat(base('all'),base('ll'),base('lll'), base('lul')),\n vl.hconcat( base('rll'),base('rll'),base('rml'), base('rul'))\n ).render()\n // return vl.hconcat(all, ll, rl).render();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1079,"value":"md \n`\n**Submission nr**: ${[selectedRow]}
\n**Submission comment**: ${dataLola11[selectedRow].submission_comment}
\n**Rank in Challenge**: ${dataLola11[selectedRow].rank}
\n**Author**: ${dataLola11[selectedRow].creator}
\n**Published**: ${dataLola11[selectedRow].published}
\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":705,"value":"md `

\n# All Submissions`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":715,"value":"allSubmissions = () =>{\n const tableResult =[]\n\n if(selectedSegmentAllRows === 'all'){ \n dataLola11.map(\n (row,index) => { // index = 0 to 142\n Object.entries(row.metrics).slice(0,7).map((metric, j)=>{\n metric[1].map((dice,k)=>{ // k = 0 to 55\n tableResult.push({ subject: k+1, dice: dice, segment: metric[0]}) \n })\n })\n }\n )\n }\n else{\n // Filter by Segment\n dataLola11.map(\n (row,index) => { // index = 0 to 142\n Object.entries(row.metrics).slice(0,7).map((metric, j)=>{\n if(metric[0]=== selectedSegmentAllRows){\n metric[1].map((dice,k)=>{ // k = 0 to 55\n tableResult.push({ subject: k+1, dice: dice, segment: metric[0]}) \n })\n }\n })\n }\n )\n }\nreturn tableResult\n}\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":753,"value":"viewof selectedSegmentAllRows = select({\n title: 'View segments',\n options: ['all','ll','lll','lul','rl','rll','rml','rul' ],\n value: 'all'\n})\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":724,"value":"vl.markCircle({size:12})\n .data(allSubmissions()).encode(\n vl.x().fieldQ('subject'),\n vl.y().fieldQ('dice'),\n vl.color().field('segment'),\n vl.tooltip(['subject', 'segment', 'dice']),\n).render()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":142,"value":"dataLeftLung = dataLola11.map( leftLung => leftLung.metrics.ll )\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":236,"value":"md`### Import Json data file with challenge submissions`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":0,"value":"viewof file = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1206,"value":"// challengeData = Files.text(data_in)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1208,"value":"// Parse JSON File\n//dataLola11 = file? JSON.parse(challengeData): lola11","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":27,"value":"import {vl} from '@vega/vega-lite-api'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":30,"value":"import {printTable} from '@uwdata/data-utilities'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":755,"value":"import { slider, select, number } from '@jashkenas/inputs'\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1623,"value":"npm install --save itk","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W3c","stdlib":"1"}} 3b:"$3a:body"