Published
Edited
Dec 6, 2018
1 star
Exemplo mínimo de rede com d3Uma rede mais interessantePopularidade e similaridade no SpotifyNavegando no que escutamos no Spotify
Use a força em redes force-directed em d3
function forceSimulation(nodes, links) {
return d3.forceSimulation(nodes)
.force("link", d3.forceLink(links).id(d => d.id))
.force("charge", d3.forceManyBody().strength(-10).distanceMin(10).distanceMax(1000))
.force("center", d3.forceCenter());
}
data = {
const urlDados = "https://raw.githubusercontent.com/evelinag/star-wars-network-data/master/starwars-episode-4-interactions-allCharacters.json";
const minAparicoes = 1,
minCoocorrencias = 1;
const brutos = await d3.json(urlDados);
brutos.nodes = brutos.nodes.map((d,i) => {d.id = i; return d});
const idsParaManter = brutos.nodes.filter(d => d.value >= minAparicoes)
.map(d => d.id);
const filtrados = {
'nodes' : brutos.nodes.filter(d => idsParaManter.includes(d.id)),
'links' : brutos.links.filter(d => idsParaManter.includes(d.source) &&
idsParaManter.includes(d.target) &&
d.value >= minCoocorrencias)
}
return filtrados
}
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.
