Public
Edited
May 30
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
viewof VP = {
let data = [];
for (let [groupName, selected] of ts) {
selected.forEach((value) => {
let GroupId = ts.status.get(groupName).id;
value.forEach((d) => (d["__Comunidad"] = d.Comunidad + "_" + GroupId));
data = data.concat(value);
});
}
debugger;

return ViolinPlot(data, {
color: (d) => brushesColorScale(+d.id.split("_")[1]),
value: (d) => d["Salario"],
groupBy: (d) => d["__Comunidad"],
width: width
});
}
Insert cell
colorScale = d3.schemeCategory10;
Insert cell
ts
Insert cell
brushesColorScale = d3.scaleOrdinal(d3.schemeTableau10)
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
import {ViolinPlot, FacetViolinPlot} from "@john-guerra/violin-plot"
Insert cell
import { swatches } from "@d3/color-legend"
Insert cell
TimeWidget = {
try {
return await require(`http://localhost:8080/dist/TimeWidget.js?${Date.now()}`);
} catch (e) {
return await require("time-widget@0.0.25");
}
}
Insert cell

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.
Learn more