Projet 4

100%

✓ Published0🌍 Public

Last edited Jan 12, 2017

Created on Jan 12, 2017

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.

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>

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

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

forked from <a href='http://bl.ocks.org/RomyRatolojanahary/'>RomyRatolojanahary</a>'s block: <a href='http://bl.ocks.org/RomyRatolojanahary/5838673c3ffab12f7966c2f2710e8a75'>Projet_test</a>

forked from <a href='http://bl.ocks.org/MelanieSalignat/'>MelanieSalignat</a>'s block: <a href='http://bl.ocks.org/MelanieSalignat/2d731d9466c2051099420e7f61ab9cea'>Projet 4</a>

forked from <a href='http://bl.ocks.org/MelanieSalignat/'>MelanieSalignat</a>'s block: <a href='http://bl.ocks.org/MelanieSalignat/43e85d2c0c215260b3a61cf27a97fd22'>Projet 4</a>

mit Licensed

Similar vizzes

Loading thumbnail…

Projet 4

This visualization displays a network of recommended music artists based on association rule mining. The force-directed graph shows artist nodes connected by links, where the strength of each connection represents the support value from the dataset. Using D3 v4, the layout employs a force simulation to position nodes, with link opacity reflecting relationship strength. The data comes from a CSV file containing antecedent-consequence pairs with support counts, and the interactive visualization also includes a searchable autocomplete feature for finding specific artists in the network.

MMelanieSalignat

92% match

Loading thumbnail…

Projet final

This example visualizes a network of music artist recommendations derived from an association-rule mining dataset, showing how often one artist appears alongside another. A force-directed graph positions nodes for each artist, with links representing recommendation strengths encoded by line opacity and weight. The interface includes a searchable auto-suggest input to highlight a selected artist and dim unrelated nodes, using D3 v4’s `forceSimulation` for layout and SVG circles and lines for rendering. Data comes from CSV files containing artist tags and item-set support counts, with tooltips providing context.

RRomyRatolojanahary

91% 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

91% 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

91% match

Loading thumbnail…

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.

RRomyRatolojanahary

90% match

Loading thumbnail…

Projet 4

This network visualization maps music artist recommendations, showing associations between bands and solo acts. It displays artists as nodes, with connections and support values indicating the strength of their association. The visualization uses a force-directed simulation, `d3.forceSimulation` in the D3.js framework, to position nodes and draw links between them. Data is loaded from `recommandations.csv`, which includes the antecedent, consequence, and item-set support for each recommendation pair. The visualization also includes an interactive autocomplete feature for searching artists.

MMelanieSalignat

90% 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

89% match

Loading thumbnail…

Projet 2

This visualization shows a force-directed network of music artists and their associations, mapping relationships derived from an association-rule mining dataset where nodes represent artists and links indicate co-occurrence strength. The graph uses `d3.forceSimulation` with collision and link forces to position nodes, with circle size encoding node degree and line opacity reflecting link weight. Hovering a node highlights its connections, and the code includes an autocomplete search feature that filters the network. Data is loaded from CSV files containing artist tags and recommendation pairs, rendered as SVG elements with tooltips for interactivity.

MMelanieSalignat

89% match