31:T5fc,viewof confusion_matrix = { function getMetrics(index) { const outputs = parse_results[index].outputs; let metrics_index = -1; outputs.forEach((output,i) => { if (output.interface.slug == "metrics-json-file") { metrics_index = i; } }); return parse_results[index].outputs[metrics_index].value; } const result = getMetrics(submissionNo); return embed({ "$schema": "https://vega.github.io/schema/vega-lite/v4.json", "width": 300, "height": 300, "data": { "values": result, "format": {"type": "json", "property": "aggregates.confusion_matrix.values"} }, "layer": [ { "mark": "rect", "encoding": { "y": {"field": "target", "type": "ordinal"}, "x": {"field": "prediction", "type": "ordinal"}, "color": { "field": "value", "type": "quantitative", "title": "Count of Records", "legend": {"direction": "vertical", "gradientLength": 300} } } }, { "mark": "text", "encoding": { "y": {"field": "target", "type": "ordinal"}, "x": {"field": "prediction", "type": "ordinal"}, "text": {"field": "value", "type": "quantitative"}, "color": { "condition": {"test": "datum['value'] < 40", "value": "black"}, "value": "white" } } } ], "config": {"axis": {"grid": true, "tickBand": "extent"}} }) } 32:T647,viewof ROC_graph = { function getMetrics(index) { const outputs = parse_results[index].outputs; let metrics_index = -1; outputs.forEach((output,i) => { if (output.interface.slug == "metrics-json-file") { metrics_index = i; } }); return parse_results[index].outputs[metrics_index].value; } const result = getMetrics(submissionNo); return embed({ "$schema": "https://vega.github.io/schema/vega-lite/v4.json", "description": "ROC Curve.", "width": "300", "height": "300", "data": { "values": result, "format": { "type": "json", "property": "aggregates" } }, "transform": [ { "flatten": ["roc_curve.x_axis.values", "roc_curve.y_axis.values.low_confidence_interval", "roc_curve.y_axis.values.high_confidence_interval", "roc_curve.y_axis.values.mean"], "as": ["x_vals", "low_vals", "high_vals", "mean_vals"] } ], "layer": [ { "mark": "errorband", "encoding": { "x": { "field": "x_vals", "type": "quantitative", "title": "1-Specificity" }, "y": { "field": "low_vals", "type": "quantitative", "title": "Sensitivity" }, "y2": {"field": "high_vals"} } }, { "mark": "line", "encoding": { "x": {"field": "x_vals", "type": "quantitative"}, "y": {"field": "mean_vals", "type": "quantitative"} } } ] }, { "actions": { "export": true, "source": true, "compiled": false, "editor": false } }) }33:[] 2f:{"title":"Slideable COMIC challenge results visualization","cells":[{"id":0,"value":"md `# Slideable COMIC challenge results visualization`","pinned":true,"hidden":false,"mode":"ojs"},{"id":2,"value":"viewof data_file = html``","pinned":true,"hidden":false,"mode":"ojs"},{"id":182,"value":"viewof submissionNo = {\n const keys = Object.keys(parse_results);\n let i = 0;\n \n return slider({\n value: this ? this.value : i, step: 1, max: keys.length -1,\n getValue: n => keys[n.value],\n title: \"Submission\", \n description: \"Select Submission\"\n });\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":5,"value":"parse_results = {\n let result = {};\n const text = await data_file.text();\n result = JSON.parse(text)\n \n return result;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":13,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":150,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":154,"value":"viewof summary_stats_table = { \n function getMetrics(index) {\n const outputs = parse_results[index].outputs;\n let metrics_index = -1;\n outputs.forEach((output,i) => { \n if (output.interface.slug == \"metrics-json-file\") { \n metrics_index = i;\n }\n });\n\n return parse_results[index].outputs[metrics_index].value; \n }\n \n const result = getMetrics(submissionNo);\n \n let makeRow = function(prop, value) { \n return html`${prop}${value}`; \n }\n \n const rows = [];\n const keys = Object.keys(result.aggregates.summary_stats); \n keys.forEach(key => {\n const stat = result.aggregates.summary_stats[key];\n rows.push(makeRow(stat.title, stat.value));\n }); \n \n return html`\n \n \n \n \n ${rows}\n

Stat	Value

`;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":184,"value":"import {slider, select} from \"@jashkenas/inputs\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":70,"value":"embed = require(\"vega-embed@6\")","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}