In beetween drama and data-viz. Working at EPFL's ENAC-IT4R. Used to be student at INSA.
origins = (replay,
Array.from({ length: 5 }, () => (Math.random() * nodes.length) | 0))
nodes = FileAttachment("nodes_grand_lyon.json").json()
edges = FileAttachment("paths_grand_lyon.json").json()
function createGraph(edges) {
const graph = { sources: [], targets: [], costs: [] };
edges.forEach(({ u, v, length }, i) => {
const cost = length;
graph.sources.push(u);
graph.targets.push(v);
graph.costs.push(cost);
graph.sources.push(v);
graph.targets.push(u);
graph.costs.push(cost);
});
return graph;
}
graph = createGraph(edges)
import { shortest_tree } from "@fil/dijkstra"
tree = shortest_tree({ graph, origins })
pts = nodes.map(d => projection([d.x, d.y]))
projection = d3.geoMercator().fitExtent([[10, 10], [width - 10, height - 10]], {
type: "MultiPoint",
coordinates: nodes.map(d => [d.x, d.y])
})
color = (replay, d3.scaleOrdinal(d3.schemeCategory10))
d3 = require("d3@5")
height = width * 0.9
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.
