Public
Edited
Jun 27, 2023
Inputs.table(rawdata, { layout: "auto" })
rawdata.columns
dimensions_to_show_1 = ["intent", "evaluation_criteria"] // Takeaways: casual intent prompts researchers to combine traditional and novel criteria more often than utilitarian
dimensions_to_show_2 = ["material_type", "interaction"] // Takeaway: using electronic components to build phys for mere observation is rare
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
dimensions_to_show_4 = ["data_type", "intent"] // differences in the proportions for nearly all types of datasets
dimensions_to_show_5 = ["material_type", "evaluation_criteria"] // Only physicalizations using non-electronic material were evaluated with novel criteria solely
dimensions_to_show_6 = ["data_type", "material_type"]
dimensions_to_show_7 = ["evaluation_criteria", "evaluation_strategies"]
dimensions_to_show_9 = ["fidelity", "material_type" ]
chart7 = {
const svg = html`<svg width=${width} height=${height}>
<style>${style}</style>
</svg>`;
const chart = parsets()
.dimensions(dimensions_to_show_7) // Only show the first 4 dimensions
.tension(tension);
const vis = d3
.select(svg)
.append("svg")
.attr("width", chart.width())
.attr("height", chart.height())
.datum(data)
.call(chart);
return svg;
}
chart8 = {
const svg = html`<svg width=${width} height=${height}>
<style>${style}</style>
</svg>`;
const chart = parsets()
.dimensions(dimensions_to_show_8) // Only show the first 4 dimensions
.tension(tension);
const vis = d3
.select(svg)
.append("svg")
.attr("width", chart.width())
.attr("height", chart.height())
.datum(data)
.call(chart);
return svg;
}
chart9 = {
const svg = html`<svg width=${width} height=${height}>
<style>${style}</style>
</svg>`;
const chart = parsets()
.dimensions(dimensions_to_show_9) // Only show the first 4 dimensions
.tension(tension);
const vis = d3
.select(svg)
.append("svg")
.attr("width", chart.width())
.attr("height", chart.height())
.datum(data)
.call(chart);
return svg;
}
import {parsets} from "@john-guerra/parallel-sets"
import {slider} from "@jashkenas/inputs"
d3 = require("d3@5")
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
