TP Projet

100%

✓ Published0🌍 Public

Last edited Dec 28, 2016

Created on Dec 18, 2016

A node-link network diagram visualizes music recommendation relationships as a force-directed graph. Each artist is a circle whose size corresponds to their tag count, and colored by their most frequent genre tag. D3.js with `d3.forceSimulation` and `d3.forceLink` positions nodes, while the `d3.drag` interaction lets users reposition them. Hovering a node reveals its picture and name via a custom tooltip. Data comes from two CSV files: `recommandations.csv` for the links (with support values) and `artists_tags_count.csv` for node attributes.

AI-generated description

Built with blockbuilder.org

forked from <a href='http://bl.ocks.org/nbonneel/'>nbonneel</a>'s block: <a href='http://bl.ocks.org/nbonneel/91f6d433810029851e170ba668436340'>TP 6 DataViz</a>

forked from <a href='http://bl.ocks.org/RomyRatolojanahary/'>RomyRatolojanahary</a>'s block: <a href='http://bl.ocks.org/RomyRatolojanahary/a5f367a3df0cee665051b17c94ecd8a6'>TP Projet</a>

mit Licensed

Similar vizzes

Loading thumbnail…

TP Projet

This network graph visualizes music artist recommendations derived from a dataset of association rules, where nodes represent artists and links indicate a recommended connection. The visualization uses a force-directed simulation to position nodes, with `d3.forceSimulation`, `d3.forceLink`, `d3.forceManyBody`, and `d3.forceCenter` from D3 v4. The SVG rendering displays nodes as circles with artist names in tooltips, and edges as lines. The layout is interactive, allowing users to drag nodes to explore the recommendation structure.

RRomyRatolojanahary

94% match

Loading thumbnail…

TP Projet

This interactive network visualization reveals music recommendation associations between artists, derived from association rule mining data. It displays a force-directed graph using SVG, where nodes represent artists and links show co-occurrence relationships weighted by support values. The visualization employs d3.forceSimulation for layout physics, and node images load artist pictures from a separate CSV file. A tooltip displays each artist’s top five tags, and clicking a node triggers a custom algorithm that finds and recommends additional related artists beyond direct connections. The graph uses ordinal color scaling to distinguish nodes.

RRomyRatolojanahary

92% match

Loading thumbnail…

TP Projet_tooltip

This interactive network visualization maps associations between music artists, where each node represents an artist and each line connects an antecedent to a consequent based on association-rule support counts from a CSV file. It uses D3 v4’s `d3.forceSimulation` for physics-based layout with link, charge, and center forces. Hovering a node triggers a custom `d3.tip` tooltip that displays the artist’s name and image from their `pictureurl` in the dataset, while artist tags and counts are fetched from `artists_tags_count.csv` and summarized to the top five tags.

RRomyRatolojanahary

88% match

Loading thumbnail…

Projet_test

This visualization shows music recommendation rules as an interactive force-directed graph. Nodes represent artists, while links connect an antecedent artist to a recommended consequence, with link thickness or proximity reflecting the support value from the recommendation data. The graph also displays artist tags and counts from a CSV file. It uses d3.forceSimulation to position nodes and SVG elements for rendering, with hover highlighting and tooltips displaying artist details.

RRomyRatolojanahary

86% match

Loading thumbnail…

Projet 2

A force-directed network graph maps associations between music artists, where nodes represent artists and links indicate co-occurrence support values from the datasets `recommandations.csv` and `artists_tags_count.csv`. Node size reflects tag count, and fill color encodes the first tag from each artist's top-five tags. Using D3 v4, the code builds the visualization with `d3.forceSimulation`, `d3.forceLink`, and `d3.forceManyBody`, while a hover tooltip displays artist name and image. Nodes are draggable via `d3.drag`.

MMelanieSalignat

85% match

Loading thumbnail…

Projet_test3

This interactive network visualization maps artist recommendations from a CSV of association rules, showing connections between musicians with link thickness scaled by support values. The D3.js v4 code employs `d3.forceSimulation` with force-directed layout, applying `d3.forceLink` and `d3.forceManyBody` physics, while styling nodes as SVG circles that display artist photos via URL when available. Hovering triggers a tooltip, and each node can be clicked to display its top five tags from the supplementary CSV data. The visualization uses a categorical color scheme (`d3.schemeCategory20`) and scales node radius by artist count.

RRomyRatolojanahary

84% match

Loading thumbnail…

Projet_test3

This example visualizes a network of music artist recommendations, showing connections between artists based on association rule mining. An interactive force-directed graph places artists as nodes, with links representing the strength of their co-occurrence. Hovering over a node highlights it, and a tooltip appears; the code also implements a function to dynamically generate a list of five recommended artists for each selected node. The visualization uses D3.js v4 APIs including `d3.forceSimulation`, `d3.forceLink`, `d3.forceManyBody`, and `d3.forceCenter`, with data loaded from CSV files (`recommandations.csv` and `artists_tags_count.csv`). Artist images and top five tags are integrated from the latter source, enhancing node details.

BBrunoDumas

84% match

Loading thumbnail…

Projet_test2

This example visualizes a force-directed graph of musical artist recommendations, where nodes represent artists and links show association rules derived from a market-basket analysis of listening data. The graph encodes the support value of each co-occurrence, and hovering highlights connected nodes. The visualization is built with D3 v4, using `d3.forceSimulation` for layout and `d3.forceLink` plus `d3.forceManyBody` for physical simulation. Artist images and their top five tags are loaded from a separate CSV and displayed, while an input field lets users search and filter the graph.

RRomyRatolojanahary

84% match