Public
Edited
Oct 13, 2022
chart = ForceGraph(imdb_data_100, {
height:800,
width: width,
nodeRadius: (d) => check_director(d),
nodeTitle: (d) => `${d.id} - ${d.director}`,
nodeDistanceMax: 270,
nodeStrenght: -50,
nodeGroup: d => d.id,
linkDistance: 50
})
function check_director(d) {
if(d.director === max_director_movies[0].target || d.id === max_director_movies[0].target ){
return 10
} else {
return 5
}
}
max_director_movies = {
const count_director_array = d3.map(imdb_data_100.links, d => d3.count(d.target) )
return [imdb_data_100.links[d3.maxIndex(count_director_array)], d3.max(count_director_array)]
}
max_actor_movies = {
const count_actor_array = d3.map(imdb_data_100.nodes, d => d3.count(d.actor1))
return d3.max(count_actor_array)
}
imdb_data_100 = FileAttachment("imdb_data_100.json").json()
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.
