Projet(test) : Artists recommendation

Built with blockbuilder.org

forked from MelanieSalignat's block: Artists recommendation

forked from MelanieSalignat's block: Projet : Artists recommendation

forked from MelanieSalignat's block: Projet(test) : Artists recommendation

<!DOCTYPE html>

// On créé un dictionnaire avec la liste des artistes :
        var nodesArray = Array.from(nodes).map(function(e){
          	return {artist: e}
        })

// On dessine les liens entre les artistes en fonction du support :
        var link = svg.append("g")
        		.attr("class", "links")
		        .selectAll("line")
    		    .data(links)
        		.enter().append("line")
        		.attr("stroke-width", function(d) { 
          			return Math.sqrt(d.support); 
  		      });

// On dessine les noeuds "artist" :
        var node = svg.append("g")
		        .attr("class", "nodes")
    		    .selectAll("circle")
        		.data(nodesArray)
        		.attr("r", function (i){
                      return links[i].countplayed ;
             }) 
        		/* .attr("fill", function(d) { 
                      return color(d.group);
             }) */
        		.call(d3.drag()
            	  .on("start", dragstarted)
              	.on("drag", dragged)
              	.on("end", dragended)
             );

node
        	  .append("title")
          	.text(function(d) { return d.artist; });

simulation
        	  .nodes(nodesArray)
          	.on("tick", ticked);

simulation
        		.force("link")
          	.links(links);

node
  		          .attr("cx", function(d) { return d.x; })
      		      .attr("cy", function(d) { return d.y; });
        }

});

function dragstarted(d) {
  			if (!d3.event.active) simulation.alphaTarget(0.3).restart();
  			d.fx = d.x;
  			d.fy = d.y;
		}

function dragged(d) {
  			d.fx = d3.event.x;
  			d.fy = d3.event.y;
		}

function dragended(d) {
  			if (!d3.event.active) simulation.alphaTarget(0);
  			d.fx = null;
  			d.fy = null;
		}

</script>

https://d3js.org/d3.v4.min.js