Lic. en Ciencias de la Computación, DC, FCEyN, UBA.
Profesor Asociado en el ITBA.
data = await d3.tsv("https://aaizemberg.github.io/datos/itba/votos_2c2024.tsv")
nodos_from_votos = [
...d3.union(
data.map((d) => d.source),
data.map((d) => d["1"]),
data.map((d) => d["2"]),
data.map((d) => d["3"])
)
].map((d) => ({ id: +d, label: d }))
links = [
...d3.union(
data.map((d) => ({
from: d.source,
to: d["1"],
arrows: "to",
width: 3
})),
data.map((d) => ({
from: d.source,
to: d["2"],
arrows: "to",
width: 2
})),
data.map((d) => ({
from: d.source,
to: d["3"],
arrows: "to",
width: 1
}))
)
]
links
Type Table, then Shift-Enter. Ctrl-space for more options.
{
const nodes = new vis.DataSet(nodos);
const edges = new vis.DataSet(links);
const container = document.getElementById("mynetwork");
const data = {
nodes: nodes,
edges: edges
};
const options = {};
const network = new vis.Network(container, data, options);
}
Plot.plot({
marginLeft: 60,
marks: [
Plot.barX(
links,
Plot.groupY(
{ x: "sum" },
{ x: "width", y: "to", sort: { y: "x", reverse: true } }
)
),
Plot.ruleX([0])
]
})
data
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.
