2b:null 2c:["$","title",null,{"children":"epiVerseTracker [Code] [Platform] [YouTube] | Adalberto M. Filho | Observable"}] 31:T481,{ var trace = { x: filtered['x'], y: filtered['y'], name: 'Agents', marker: {color: 'rgb(26, 118, 255)'}, type: 'bar' }; var data = [trace]; var layout = { //################################################################################################################## // Is it possible to create a reactive link? e.g., it changes following the level of evidence, Sufficient or Limited, etc //Can we order the results from higher to low. //################################################################################################################### title: 'Agents suspected of causing cancer in humans', xaxis: { title: 'Agents', tickfont: { size: 14, color: 'rgb(107, 107, 107)' }}, yaxis: { title: 'Occurrences', }, legend: { x: 0, y: 1.0, bgcolor: 'rgba(255, 255, 255, 0)', bordercolor: 'rgba(255, 255, 255, 0)' }, barmode: 'group', bargap: 0.15, bargroupgap: 0.1, width: width }; const div = DOM.element('div'); Plotly.newPlot(div, data, layout); return div; }32:[] 2f:{"id":"774190043eb69c6a","slug":null,"title":"epiVerseTracker [Code] [Platform] [YouTube]","thumbnail":"50a33485582ab28c45c5f0964365425362d9adf000a2f63c86269d713b6fd4b2","access_level":"public","create_time":"$D2023-02-13T17:05:07.371Z","update_time":"$D2023-02-14T00:47:19.845Z","view_time":null,"first_public_time":"$D2023-02-13T17:05:07.371Z","has_unpublished_edits":null,"fork":{"id":"a92a1130c5b55281","slug":null,"title":"epiVerseTracker [Code] [Platform] [YouTube]","owner":{"id":"143bccc9aea741c5","login":"yasmmin","name":"Yasmmin Martins"}},"stars":0,"starred":false,"owner":{"type":"team","id":"349c06e448ff43e5","login":"filhoalm","name":"Adalberto M. Filho","avatar_url":"https://avatars-next.observableusercontent.com/6ef4311c34e035cd0620be3fd8db7caac28b87b7e1f146d00756bc9c2e628b42","tier":"starter_2024"},"version":251,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"9072296977d51dd1","login":"filhoalm","name":"Adalberto M. Filho","avatar_url":"https://avatars-next.observableusercontent.com/6ef4311c34e035cd0620be3fd8db7caac28b87b7e1f146d00756bc9c2e628b42","tier":null}],"members":[{"type":"individual","id":"9072296977d51dd1","login":"filhoalm","name":"Adalberto M. Filho","avatar_url":"https://avatars-next.observableusercontent.com/6ef4311c34e035cd0620be3fd8db7caac28b87b7e1f146d00756bc9c2e628b42","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"epiVerseTracker [Code] [Platform] [YouTube]","cells":[{"id":0,"value":"

epiVerseTracker ^{[Code] [Platform] [YouTube]}

\n\nDevelopment notes for the epiVerseTracker platform with Adalberto Filho. See his initial notes for motivation and original plan.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":42,"value":"//tracker = import('http://localhost:8000/tracker/export.js')\ntracker = import('https://epiverse.github.io/tracker/export.js')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":75,"value":"The modern ES6 module import mechanism is preferred here (see *tracker* above), but note the older CommonJS require would work as well as *tracker = require('https://epiverse.github.io/tracker/tracker.js')*. Should we bother?","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":21,"value":"# Data Sources","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":24,"value":"## CDC\n...","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":26,"value":"## SEER\n...","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":28,"value":"## IARC\nData is organized along three axes: Location, cancer types, and risk factors. The corresponding data resources are managed at IARC's Global Cancer Observatory.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":38,"value":"### Causes","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":82,"value":"iarcCauseData=tracker.iarc.causesGetAll(false)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":108,"value":"### Fetching data about carcinogenic agents","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":160,"value":"Plotly = require(\"https://cdn.plot.ly/plotly-latest.min.js\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":110,"value":"async function getTable(){\n var a = await fetch('https://raw.githubusercontent.com/filhoalm/monoapp1/main/data_10012021.csv')\n var table = await a.text()\n table=table.replaceAll('\\r','').split('\\n').map( x => x.split(';'))\n var header=table[0]\n table=table.slice(1).filter(x => x.length==header.length )\n var rows = []\n table.forEach( x => {\n var dat={}\n var i=0\n var h=''\n for (h of header){\n dat[h]=x[i]\n i+=1\n }\n rows.push(dat)\n })\n return rows\n}\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":115,"value":"table = await getTable()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":124,"value":"function getColumnUniqueValues(key){\n var values = ['All']\n table.forEach( x => {\n var keys = Object.keys(x)\n if(keys.includes(key)){\n if( ! values.includes(x[key]) ){\n values.push(x[key])\n }\n }\n })\n return values\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":163,"value":"#### Agents suspected of causing cancer in humans, level of evidence and cancer site.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":131,"value":"evidences = getColumnUniqueValues('evidence')\n\n //##################################################################################################################\n \n // Can we move these selects to horizontal way. They are too far from the figures.\n \n //####################################################################################################################\n\n\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":133,"value":"viewof selEvidence = Inputs.select(evidences, {label: \"Evidence Level\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":138,"value":"sites = getColumnUniqueValues('cancer_site')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":142,"value":"viewof selSite = Inputs.select(sites, {label: \"Cancer sites\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":148,"value":"subtypes = getColumnUniqueValues('cancer_subtype')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":150,"value":"viewof selType = Inputs.select(subtypes, {label: \"Cancer subtypes\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":217,"value":"organs = getColumnUniqueValues('organ')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":221,"value":"viewof selOrgan = Inputs.select(organs, {label: \"Organs\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":155,"value":"\n function getTableFiltered(){\n var filtered = table\n if(selEvidence!='All'){\n filtered=filtered.filter( x => x['evidence']==selEvidence )\n }\n if(selSite!='All'){\n filtered=filtered.filter( x => x['cancer_site']==selSite )\n }\n if(selType!='All'){\n filtered=filtered.filter( x => x['cancer_subtype']==selType )\n }\n if(selOrgan!='All'){\n filtered=filtered.filter( x => x['organ']==selOrgan )\n }\n return filtered\n }\n \n \n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":174,"value":"#### Getting Agents participation according to the filters","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":172,"value":"function getOrderedFilteredAgentsData(){\n var filtered = getTableFiltered()\n \n var agents={}\n filtered.forEach(x => {\n var keys = Object.keys(agents)\n if( ! keys.includes(x['agent']) ){\n agents[x['agent']] = 0\n }\n agents[x['agent']] += 1\n })\n var agentsDat={'x': Object.keys(agents), 'y': Object.values(agents)}\n return agentsDat\n }","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":166,"value":"filtered = getOrderedFilteredAgentsData()\n\n//##################################################################################################################\n\n// This plot could be replaced with this three-map set (https://dash.gallery/dash-nlp/). This graphic would only be \n// filtered (all, limited, and sufficient) by the level of evidence \n\n//##################################################################################################################\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":157,"value":"$31","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":176,"value":"#### Classes of agents suspected of causing cancer in humans","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":178,"value":"function getOrderedFilteredAgentClassesData(){\n var filtered = getTableFiltered()\n \n var agents={}\n filtered.forEach(x => {\n var keys = Object.keys(agents)\n if( ! keys.includes(x['class']) ){\n agents[x['class']] = 0\n }\n agents[x['class']] += 1\n })\n var agentsDat={'x': Object.keys(agents), 'y': Object.values(agents)}\n return agentsDat\n }","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":180,"value":"filteredClass = getOrderedFilteredAgentClassesData()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":182,"value":"{\n var trace = {\n values: filteredClass['y'],\n labels: filteredClass['x'],\n type: 'pie'\n };\n \n var data = [trace];\n \n var layout = {\n width: width,\n title: 'Classes of agents suspected of causing cancer in humans'\n };\n \n const div = DOM.element('div');\n Plotly.newPlot(div, data, layout);\n return div;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":186,"value":"#### Filtering data according to agents and their classes","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":188,"value":"agents = getColumnUniqueValues('agent')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":192,"value":"viewof selAgent = Inputs.select(agents, {label: \"Agents\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":190,"value":"agentClasses = getColumnUniqueValues('class')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":194,"value":"viewof selAgentClass = Inputs.select(agentClasses, {label: \"Classes of Agents\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":198,"value":"function getTableFilteredByClassAgent(){\n var filtered = table\n if(selEvidence!='All'){\n filtered=filtered.filter( x => x['evidence']==selEvidence )\n }\n if(selSite!='All'){\n filtered=filtered.filter( x => x['cancer_site']==selSite )\n }\n if(selType!='All'){\n filtered=filtered.filter( x => x['cancer_subtype']==selType )\n }\n if(selAgent!='All'){\n filtered=filtered.filter( x => x['agent']==selAgent )\n }\n if(selAgentClass!='All'){\n filtered=filtered.filter( x => x['class']==selAgentClass )\n }\n if(selOrgan!='All'){\n filtered=filtered.filter( x => x['organ']==selOrgan )\n }\n return filtered\n }","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":213,"value":"#### Description of the agent and the cancer site, and the level of evidence showing its relationship with cancer..","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":202,"value":"tableShow = getTableFilteredByClassAgent()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":205,"value":"Inputs.table(tableShow)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W32","stdlib":"1","titling":"auto"}} 30:"$2f:body"