2f:T1df0,data = rawdata.map(item => ({outlet: item["D0: Outlet"], reconfigurability: reconfigurability_status (item['reconfigurable'], item['static']), interaction: interaction_status (item["passive interaction = observation"], item['self-reconfiguration'], item['physical interaction'], item['synthetic interaction']), intent: intent_status (item["casual"], item["utilitarian"]), fidelity: fidelity_status (item["iconic (static)"], item["indexical (static)"], item["symbolic (static)"], item["dynamic"]), evaluation_criteria: evaluation_criteria_status( new Array(item["efficiency (question answering)"], item["effectiveness (question answering)"], item["enjoyment/satisfaction"], item["memorability"], item["utility"], item["user experience"], item["ease of use"], item["learning curve/ease of learning"], item["confidence"], item["intellectual engagement"], item["social engagement"], item["affective engagement"], item["engagement over time"], item["understanding (qualitative)"], item["personal"], item["collaborative"], item["potential for self-reflection"], item["social acceptance/ease of adoption"], item[ "creativity"], item[ "design parameters"], item["motivational potential"], item["behavioral stimulation"], item["size judgment"]), new Array(item["physical engagement"], item["aesthetics of the physicalization"], item["quality of the design"], item["quality of the information content"], item[ "potential for self-expression"], item[ "orientation consistency"], item[ "users' reactions"], item["remote awareness of physiological states"])), evaluation_criteria_notgrouped: eva_criteria_detailed( item["efficiency (question answering)"], item["effectiveness (question answering)"], item["enjoyment/satisfaction"], item["memorability"], item["utility"], item["user experience"], item["ease of use"], item["learning curve/ease of learning"], item["confidence"], item["intellectual engagement"], item["engagement over time"], item["understanding (qualitative)"], item["personal"], item["collaborative"], item["physical engagement"], item["social engagement"], item["affective engagement"], item["aesthetics of the physicalization"], item["quality of the design"], item[ "quality of the information content"], item[ "potential for self-expression"], item["motivational potential"], item["potential for self-reflection"], item[ "orientation consistency"], item["ratio estimation"], item[ "users' reactions"], item["ease of adoption"], item[ "creativity"], item["behavioral stimulation"], item["remote awareness of physiological states"]), evaluation_strategies: evaluation_strategies_status(item["field-based"], item["lab-based"]), variables: variables_status ( new Array(item["(visual) size"], item["(visual) shape"], item["color hue"], item["color value"], item["(visual) orientation"], item["arrangement"], item["(visual) texture"], item["transparency"], item["crispness"], item["resolution"], item["(visual) location"], item["numerousness (= size + arrangement)"]), new Array(item["vibration pattern (= intensity)"], item["texture/grain"], item["force-strength/pressure"], item["temperature"], item["resistance"], item["friction"], item["(tangible) location"], item["(tangible) size"], item["(tangible) elevation"], item["(tangible) shape"], item["(tangible) orientation"], item["(tangible) arrangement"], item["(tangible) numerousness"]), new Array(item["air quality"], item["direction"], item["scent intensity"], item["temporal pattern"], item["scent type"]), new Array (), // we had no gustatory variables in the sample new Array(item["sound location"], item["loudness"], item["pitch"], item["register"], item["timbre"], item["duration"], item["rate of change (sonic)"], item["order"], item["attack/decay"], item["rhytmic patterns"]), new Array(item["duration"], item["rate of change (dynamic)"], item["temporal order"], item["perception time"], item["temporal frequency"], item["synchronization"], item["change pattern"]), new Array(item["weight"], item["material type"])), number_of_modalities: modality_status(variables_status ( new Array(item["(visual) size"], item["(visual) shape"], item["color hue"], item["color value"], item["(visual) orientation"], item["arrangement"], item["(visual) texture"], item["transparency"], item["crispness"], item["resolution"], item["(visual) location"], item["numerousness (= size + arrangement)"]), new Array(item["vibration pattern (= intensity)"], item["texture/grain"], item["force-strength/pressure"], item["temperature"], item["resistance"], item["friction"], item["(tangible) location"], item["(tangible) size"], item["(tangible) elevation"], item["(tangible) shape"], item["(tangible) orientation"], item["(tangible) arrangement"], item["(tangible) numerousness"]), new Array(item["air quality"], item["direction"], item["scent intensity"], item["temporal pattern"], item["scent type"]), new Array (), // we had no gustatory variables in the sample new Array(item["sound location"], item["loudness"], item["pitch"], item["register"], item["timbre"], item["duration"], item["rate of change (sonic)"], item["order"], item["attack/decay"], item["rhytmic patterns"]), new Array(item["duration"], item["rate of change (dynamic)"], item["temporal order"], item["perception time"], item["temporal frequency"], item["synchronization"], item["change pattern"]), new Array(item["weight"], item["material type"]))), dynamicity: dynamicity_status(variables_status ( new Array(item["(visual) size"], item["(visual) shape"], item["color hue"], item["color value"], item["(visual) orientation"], item["arrangement"], item["(visual) texture"], item["transparency"], item["crispness"], item["resolution"], item["(visual) location"], item["numerousness (= size + arrangement)"]), new Array(item["vibration pattern (= intensity)"], item["texture/grain"], item["force-strength/pressure"], item["temperature"], item["resistance"], item["friction"], item["(tangible) location"], item["(tangible) size"], item["(tangible) elevation"], item["(tangible) shape"], item["(tangible) orientation"], item["(tangible) arrangement"], item["(tangible) numerousness"]), new Array(item["air quality"], item["direction"], item["scent intensity"], item["temporal pattern"], item["scent type"]), new Array (), // we had no gustatory variables in the sample new Array(item["sound location"], item["loudness"], item["pitch"], item["register"], item["timbre"], item["duration"], item["rate of change (sonic)"], item["order"], item["attack/decay"], item["rhytmic patterns"]), new Array(item["duration"], item["rate of change (dynamic)"], item["temporal order"], item["perception time"], item["temporal frequency"], item["synchronization"], item["change pattern"]), new Array(item["weight"], item["material type"]))), data_type: data_type_status (item['categorical'], item['ordinal'], item['numerical'], item['data-type-not-applicable']) , number_of_datasets: data_aggregation (data_type_status (item['categorical'], item['ordinal'], item['numerical'], item['data-type-not-applicable'])), material_type: material_status (item['electronic'], item['non-electronic']), audience: audience_status (item['private'], item['semi-public'], item['public'], item['audience-not-applicable']) }))30:T78f,function variables_status (vis_var, hap_var, olf_var, gust_var, son_var, dyn_var, phys_var) { let vis_variable = false let hap_variable = false let olf_variable = false let gust_variable = false let son_variable = false let dyn_variable = false let phys_variable = false // check if one of the types of variables has been used for (let i of vis_var) { if (i == 1) { vis_variable = true break} } for (let i of hap_var) { if (i == 1) { hap_variable = true break} } for (let i of olf_var) { if (i == 1) { olf_variable = true break} } for (let i of gust_var) { if (i == 1) { gust_variable = true break} } for (let i of son_var) { if (i == 1) { son_variable = true break} } for (let i of dyn_var) { if (i == 1) { dyn_variable = true break} } for (let i of phys_var) { if (i == 1) { phys_variable = true break} } let var_status = "" // assign the types of the variables present to the object if (vis_variable == true) { var_status = "visual"} if (hap_variable == true) {if (var_status == "") {var_status = "haptic"} else {var_status = var_status+"+haptic"}} if (olf_variable == true) {if (var_status == "") {var_status = "olfactory"} else {var_status = var_status+"+olfactory"}} if (gust_variable == true) {if (var_status == "") {var_status = "gustatory"} else {var_status = var_status+"+gustatory"}} if (son_variable == true) {if (var_status == "") {var_status = "sonic"} else {var_status = var_status+"+sonic"}} if (dyn_variable == true) {if (var_status == "") {var_status = "dynamic"} else {var_status = var_status+"+dynamic"}} if (phys_variable == true) {if (var_status == "") {var_status = "physical"} else {var_status = var_status+"+physical"}} return var_status }31:T724,// casual/utilitarian vs each of the evaluation criteria (not grouped into traditional vs novel) function eva_criteria_detailed (c1, c2, c3, c4, c5, c6, c7, c8, c9, c10, c11, c12, c13, c14, c15, c16, c17, c18, c19, c20, c21, c22, c23, c24, c25, c26, c27, c28, c29, c30) { if (c1 == 1) {return "efficiency"} if (c2 == 1) {return "effectiveness"} if (c3 == 1) {return "enjoyment/satisfaction"} if (c4 == 1) {return "reconfigurable"} if (c5 == 1) {return "memorability"} if (c6 == 1) {return "utility"} if (c7 == 1) {return "user experience"} if (c8 == 1) {return "ease of use"} if (c9 == 1) {return "learning curve/ease of learning"} if (c10 == 1) {return "intellectual engagement"} if (c11 == 1) {return "engagement over time"} if (c12 == 1) {return "understanding (qualitative)"} // if (c13 == 1) {return "reconfigurable"} skip personal and collaborative understanding for now // if (c14 == 1) {return "static"} if (c15 == 1) {return "physical engagement"} if (c16 == 1) {return "social engagement"} if (c17 == 1) {return "affective engagement"} if (c18 == 1) {return "aesthetics of the physicalization"} if (c19 == 1) {return "quality of the design"} if (c20 == 1) {return "quality of the information content"} if (c21 == 1) {return "potential for self-expression"} if (c22 == 1) {return "motivational potential"} if (c23 == 1) {return "potential for self-reflection"} if (c24 == 1) {return "orientation consistency"} if (c25 == 1) {return "ratio estimation"} if (c26 == 1) {return "users' reactions"} if (c27 == 1) {return "ease of adoption"} if (c28 == 1) {return "creativity"} if (c29 == 1) {return "behavioral stimulation"} if (c30 == 1) {return "remote awareness of physiological states"} }32:T538,style = html` .dimension { cursor: ns-resize; } .category { cursor: ew-resize; } .dimension tspan.name { font-size: 1.5em; fill: #333; font-weight: bold; } .dimension tspan.sort { fill: #000; cursor: pointer; opacity: 0; } .dimension tspan.sort:hover { fill: #333; } .dimension:hover tspan.name { fill: #000; } .dimension:hover tspan.sort { opacity: 1; } .dimension line { stroke: #000; } .dimension rect { stroke: none; fill-opacity: 0; } .dimension > rect, .category-background { fill: #fff; } .dimension > rect { display: none; } .category:hover rect { fill-opacity: .3; } .dimension:hover > rect { fill-opacity: .3; } .ribbon path { stroke-opacity: 0; fill-opacity: .5; } .ribbon path.active { fill-opacity: .9; } .ribbon-mouse path { fill-opacity: 0; } .category-0 { fill: #1f77b4; stroke: #1f77b4; } .category-1 { fill: #ff7f0e; stroke: #ff7f0e; } .category-2 { fill: #2ca02c; stroke: #2ca02c; } .category-3 { fill: #d62728; stroke: #d62728; } .category-4 { fill: #9467bd; stroke: #9467bd; } .category-5 { fill: #8c564b; stroke: #8c564b; } .category-6 { fill: #e377c2; stroke: #e377c2; } .category-7 { fill: #7f7f7f; stroke: #7f7f7f; } .category-8 { fill: #bcbd22; stroke: #bcbd22; } .category-9 { fill: #17becf; stroke: #17becf; } .tooltip { background-color: rgba(242, 242, 242, .6); position: absolute; padding: 5px; }`33:[{"id":"831dfbfc286b8ef8a42a84c7c2ef1cab2d9bb3fb5dc6e4be81ccb0d402bcc2c2482c52e5df7063f4ba9298032228158e88912bf998b004469f74c73f4372cdf8","href":"https://static.observableusercontent.com/files/831dfbfc286b8ef8a42a84c7c2ef1cab2d9bb3fb5dc6e4be81ccb0d402bcc2c2482c52e5df7063f4ba9298032228158e88912bf998b004469f74c73f4372cdf8","name":"chi-data-almost-final@1.xlsx","type":"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet","lastModified":1662950883201.56,"size":453647}] 2d:{"title":"MTI 2023 - Analysis","cells":[{"id":0,"value":"# MTI 2023 - Analysis","pinned":false,"hidden":false,"mode":"md"},{"id":519,"value":"chiDataAlmostFinal = FileAttachment(\"chi-data-almost-final@1.xlsx\").xlsx()","pinned":false,"hidden":false,"mode":"ojs"},{"id":9,"value":"rawdata = chiDataAlmostFinal.sheet(\"Tabelle2\", { headers: true})","pinned":false,"hidden":false,"mode":"ojs"},{"id":16,"value":"Inputs.table(rawdata, { layout: \"auto\" })","pinned":true,"hidden":false,"mode":"ojs"},{"id":59,"value":"rawdata","pinned":false,"hidden":false,"mode":"ojs"},{"id":201,"value":"rawdata.columns","pinned":true,"hidden":false,"mode":"ojs"},{"id":137,"value":"## Preprocessing","pinned":false,"hidden":false,"mode":"md"},{"id":258,"value":"Generate the final dataset to visualize","pinned":false,"hidden":false,"mode":"md"},{"id":148,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs"},{"id":260,"value":"Different functions to generate the respective attributes of the dataset","pinned":false,"hidden":false,"mode":"md"},{"id":161,"value":"function reconfigurability_status(a, b)\n{\n if (a == 1) {return \"reconfigurable\"}\n if (b == 1) {return \"static\"}\n\n}\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":191,"value":"function interaction_status(a, b, c, d, e)\n{\n if (a == 1) {return \"observation\"}\n if (b == 1) {return \"self-reconfigurable\"}\n if (c == 1) {return \"physical interaction\"}\n if (d == 1) {return \"synthetic interaction\"}\n if (e == 1) {return \"interaction-other\"}\n\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":208,"value":"function intent_status (a, b)\n{\n if (a == 1) {return \"casual\"}\n if (b == 1) {return \"utilitarian\"}\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":210,"value":"function fidelity_status (a, b, c, d)\n{\n if (a == 1) {return \"iconic\"}\n if (b == 1) {return \"indexical\"}\n if (c == 1) {return \"symbolic\"}\n if (d == 1) {return \"dynamic\"}\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":214,"value":"function evaluation_criteria_status (traditional_criteria, novel_criteria)\n{\n let tradi = false\n let novel = false\n\n for (let i of traditional_criteria)\n {\n\n if (i === 1) {\n tradi = true\n break}\n }\n\n for (let i of novel_criteria)\n {\n\n if (i === 1) {\n novel = true\n break}\n }\n\n let eva_c_status = \"\"\n if (tradi == true) { eva_c_status = \"traditional\"}\n if (novel == true) {if (eva_c_status == \"\") {eva_c_status = \"novel\"} else {eva_c_status = eva_c_status+\"+novel\"}}\n\n return eva_c_status\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":216,"value":"function evaluation_strategies_status (a, b)\n{\n if(a == 1) {return \"field-based\"}\n else if (b == 1) {return \"lab-based\"}\n else{return \"no-field-lab\"}\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":245,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":492,"value":"function dynamicity_status (params) // dynamic vs non-dynamic\n{\n if (params.includes(\"dynamic\") == true)\n {\n return \"dynamic physicalization\"\n }\n else\n {\n return \"non-dynamic physicalization\"\n }\n \n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":422,"value":"function modality_status (params) // unimodal vs multimodal\n{\n let modalities = params.split(\"+\")\n let modality_status = []\n\n switch (modalities.length) {\n case 1:\n modality_status = \"unimodal\"\n break;\n case 2:\n if (params.includes(\"dynamic\") == true)\n {\n modality_status = \"unimodal\"\n }\n else\n {\n modality_status = \"two modalities\"\n\n }\n break;\n case 3:\n if (params.includes(\"dynamic\") == true)\n {\n modality_status = \"two modalities\"\n }\n else\n {\n modality_status = \"three modalities\"\n\n }\n break;\n case 4:\n if (params.includes(\"dynamic\") == true)\n {\n modality_status = \"three modalities\"\n }\n else\n {\n modality_status = \"four modalities or more\"\n\n }\n break\n }\n\n return modality_status\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":449,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":247,"value":"function data_type_status (a, b, c, d) // multiple data types possible\n{\n if (d == 1) {return \"data-not-documented\"}\n else \n {\n let categorical = false\n let ordinal = false\n let numerical = false\n\n let data_status = \"\"\n\n if (a == 1) {categorical = true}\n if (b == 1) {ordinal = true}\n if (c == 1) {numerical = true}\n \n if (categorical == true) { data_status = \"categorical\"}\n if (ordinal == true) {if (data_status == \"\") {data_status = \"ordinal\"} else {data_status = data_status+\"+ordinal\"}}\n if (numerical == true) {if (data_status == \"\") {data_status = \"numerical\"} else {data_status = data_status+\"+numerical\"}}\n return data_status\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":546,"value":"function data_aggregation (params) // aggregate the dataset by the number of datasets encoded\n{\n let datasets = params.split(\"+\")\n let aggregated_data_status = []\n\n switch (datasets.length) \n {\n case 1:\n aggregated_data_status = \"one dataset\"\n break;\n case 2:\n aggregated_data_status = \"two datasets\"\n break;\n case 3:\n aggregated_data_status = \"three datasets\"\n break;\n case 4:\n aggregated_data_status = \"four datasets\"\n break;\n }\n\n return aggregated_data_status\n\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":231,"value":"function material_status(a, b)\n{\n if (a == 1) {return \"electronic\"}\n if (b == 1) {return \"non-electronic\"}\n\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":236,"value":"function audience_status(a, b, c, d)\n{\n if (a == 1) {return \"private\"}\n if (b == 1) {return \"semi-public\"}\n if (c == 1) {return \"public\"}\n if (d == 1) {return \"not-documented\"}\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":198,"value":"data","pinned":false,"hidden":false,"mode":"ojs"},{"id":515,"value":"filtered_data = rawdata.filter(item => item.utility ==1)","pinned":false,"hidden":false,"mode":"ojs"},{"id":142,"value":"## Graph","pinned":false,"hidden":false,"mode":"md"},{"id":121,"value":"dimensions_to_show_1 = [\"intent\", \"evaluation_criteria\"] // Takeaways: casual intent prompts researchers to combine traditional and novel criteria more often than utilitarian","pinned":true,"hidden":false,"mode":"ojs"},{"id":366,"value":"dimensions_to_show_2 = [\"material_type\", \"interaction\"] // Takeaway: using electronic components to build phys for mere observation is rare","pinned":true,"hidden":false,"mode":"ojs"},{"id":372,"value":"dimensions_to_show_3 = [\"material_type\", \"variables\"] // we need electronic material for the actual combination of modalities, sensing and actuation need to be combined for multi-sensory perception","pinned":true,"hidden":false,"mode":"ojs"},{"id":401,"value":"dimensions_to_show_4 = [\"data_type\", \"intent\"] // differences in the proportions for nearly all types of datasets","pinned":true,"hidden":false,"mode":"ojs"},{"id":471,"value":"dimensions_to_show_5 = [\"material_type\", \"evaluation_criteria\"] // Only physicalizations using non-electronic material were evaluated with novel criteria solely","pinned":true,"hidden":false,"mode":"ojs"},{"id":500,"value":"dimensions_to_show_6 = [\"data_type\", \"material_type\"]","pinned":true,"hidden":false,"mode":"ojs"},{"id":369,"value":"dimensions_to_show_7 = [\"evaluation_criteria\", \"evaluation_strategies\"]","pinned":true,"hidden":false,"mode":"ojs"},{"id":392,"value":"dimensions_to_show_8 = [\"number_of_datasets\", \"fidelity\" ]","pinned":false,"hidden":false,"mode":"ojs"},{"id":543,"value":"dimensions_to_show_9 = [\"fidelity\", \"material_type\" ]","pinned":true,"hidden":false,"mode":"ojs"},{"id":47,"value":"height = 500","pinned":false,"hidden":false,"mode":"ojs"},{"id":86,"value":"viewof tension = slider({\n min:0.01,\n max:1,\n title:\"Tension\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":21,"value":"chart1 = {\n const svg = html``;\n\n const chart = parsets()\n .dimensions(dimensions_to_show_1) // Only show the first 4 dimensions\n .tension(tension);\n\n const vis = d3\n .select(svg)\n .append(\"svg\")\n .attr(\"width\", chart.width())\n .attr(\"height\", chart.height())\n .datum(data)\n .call(chart);\n\n return svg;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":354,"value":"chart2 = {\n const svg = html``;\n\n const chart = parsets()\n .dimensions(dimensions_to_show_2) // Only show the first 4 dimensions\n .tension(tension);\n\n const vis = d3\n .select(svg)\n .append(\"svg\")\n .attr(\"width\", chart.width())\n .attr(\"height\", chart.height())\n .datum(data)\n .call(chart);\n\n return svg;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":375,"value":"chart3 = {\n const svg = html``;\n\n const chart = parsets()\n .dimensions(dimensions_to_show_3) // Only show the first 4 dimensions\n .tension(tension);\n\n const vis = d3\n .select(svg)\n .append(\"svg\")\n .attr(\"width\", chart.width())\n .attr(\"height\", chart.height())\n .datum(data)\n .call(chart);\n\n return svg;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":90,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":380,"value":"chart4 = {\n const svg = html``;\n\n const chart = parsets()\n .dimensions(dimensions_to_show_4) // Only show the first 4 dimensions\n .tension(tension);\n\n const vis = d3\n .select(svg)\n .append(\"svg\")\n .attr(\"width\", chart.width())\n .attr(\"height\", chart.height())\n .datum(data)\n .call(chart);\n\n return svg;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":394,"value":"chart5 = {\n const svg = html``;\n\n const chart = parsets()\n .dimensions(dimensions_to_show_5) // Only show the first 4 dimensions\n .tension(tension);\n\n const vis = d3\n .select(svg)\n .append(\"svg\")\n .attr(\"width\", chart.width())\n .attr(\"height\", chart.height())\n .datum(data)\n .call(chart);\n\n return svg;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":397,"value":"chart6 = {\n const svg = html``;\n\n const chart = parsets()\n .dimensions(dimensions_to_show_6) // Only show the first 4 dimensions\n .tension(tension);\n\n const vis = d3\n .select(svg)\n .append(\"svg\")\n .attr(\"width\", chart.width())\n .attr(\"height\", chart.height())\n .datum(data)\n .call(chart);\n\n return svg;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":504,"value":"chart7 = {\n const svg = html``;\n\n const chart = parsets()\n .dimensions(dimensions_to_show_7) // Only show the first 4 dimensions\n .tension(tension);\n\n const vis = d3\n .select(svg)\n .append(\"svg\")\n .attr(\"width\", chart.width())\n .attr(\"height\", chart.height())\n .datum(data)\n .call(chart);\n\n return svg;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":506,"value":"chart8 = {\n const svg = html``;\n\n const chart = parsets()\n .dimensions(dimensions_to_show_8) // Only show the first 4 dimensions\n .tension(tension);\n\n const vis = d3\n .select(svg)\n .append(\"svg\")\n .attr(\"width\", chart.width())\n .attr(\"height\", chart.height())\n .datum(data)\n .call(chart);\n\n return svg;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":567,"value":"chart9 = {\n const svg = html``;\n\n const chart = parsets()\n .dimensions(dimensions_to_show_9) // Only show the first 4 dimensions\n .tension(tension);\n\n const vis = d3\n .select(svg)\n .append(\"svg\")\n .attr(\"width\", chart.width())\n .attr(\"height\", chart.height())\n .datum(data)\n .call(chart);\n\n return svg;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":140,"value":"## Importing libraries","pinned":false,"hidden":false,"mode":"md"},{"id":79,"value":"import {parsets} from \"@john-guerra/parallel-sets\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":88,"value":"import {slider} from \"@jashkenas/inputs\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":45,"value":"d3 = require(\"d3@5\")","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}