html`
<div style="display: flex">
${card("FEAT-123","Update ranking","This will bring the future\nto us")}
${viewof playerChange}
${card("FEAT-123","Update ranking","This will bring the future\nto us")}
</div>
`
viewof playerChange = Inputs.button([
["Strongly\nAgree", () => console.log("strongly agree")],
["Agree", () => console.log("strongly agree")],
["Draw", () => console.log("strongly agree")],
["Disagree", () => console.log("strongly agree")],
["Strongly\nDisagree", () => console.log("strongly agree")]
])
function order(a,b) {
console.log("comparing");
console.log(a);
console.log(b);
console.log(d3.descending(a.value,b.value));
return (orderByRank) ? d3.descending(a.name,b.name) : d3.ascending(a.name,b.name);
}
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.
