Projet final

Projet final

This force-directed graph visualizes music artist recommendations derived from association-rule mining on a Last.fm-style dataset. Nodes represent artists, while links show recommendation strength, with thicker connections indicating higher co-occurrence support. The visualization is built with d3.v4, using `d3.forceSimulation` for layout and SVG circles and lines for rendering. Hovering a node highlights its immediate connections and applies a semi-transparent “retrait” effect to unrelated nodes, while a custom tooltip shows each artist’s name. Data comes from the included `recommandations.csv` and `artists_tags_count.csv` files.

94% match

Projet 4

This visualization displays a force-directed network of music artists based on association rules from listener data, showing which artists are frequently recommended together. Nodes represent artists, with node size and link thickness reflecting the support values from the dataset. The visualization uses d3.forceSimulation to position nodes and SVG for rendering, with tags and artist names as labels. It includes a search feature that filters and highlights connected artists, sourced from CSV files containing artist tags and recommendation rules.

91% match

Projet final

This network graph shows music artist recommendations derived from association rule mining. Each node is an artist, and a directed edge connects an antecedent to a consequence. The thickness of a link encodes the support count for that rule, as seen in the `recommandations.csv` file. Artists are colored or sized by tag counts from `artists_tags_count.csv`. The visualization uses D3.js v4's force-directed layout to position nodes, with SVG paths and circles rendering the links and nodes. Hovering on a node triggers a brush effect that highlights connected nodes while dimming the rest.

MMelanieSalignat

91% match

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

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.

Projet final

This visualization shows a network of music artists, with nodes connected by association rules derived from item-set support values. It presents a force-directed graph where each circle represents an artist, and links indicate shared listener preferences or recommendations between them, with node size and link strength reflecting the support counts. The implementation uses D3 v4’s `d3.forceSimulation` for layout, rendering nodes and links as SVG circles and lines. Hovering highlights a node, dims unrelated connections, and displays a tooltip with the artist’s name and support value, based on data from CSV files containing artist tags and recommendation counts.

MMelanieSalignat

ProjetFinal

This visualization shows a network of music artists and their associations, with nodes connected by links weighted according to co-occurrence data from a recommendations dataset. It uses the D3.js force-directed graph layout (d3.forceSimulation) to position nodes, with circle size and link thickness reflecting support counts. The code includes a searchable autocomplete input for filtering nodes, and hovering over a node highlights its connections and reduces the opacity of unrelated elements. Artist names, images, and tags are loaded from CSV files, and the rendering is done via SVG elements with a custom tooltip.

MMelanieSalignat

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.