Projet final

100%

✓ Published0🌍 Public

Last edited Jan 10, 2017

Created on Jan 10, 2017

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.

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>

forked from <a href='http://bl.ocks.org/MelanieSalignat/'>MelanieSalignat</a>'s block: <a href='http://bl.ocks.org/MelanieSalignat/3648705df308d2780d6b347e850894b5'>Projet final</a>

forked from <a href='http://bl.ocks.org/anonymous/'>anonymous</a>'s block: <a href='http://bl.ocks.org/anonymous/ab75609c8535ce3bbe1989dd9563797d'>Projet final</a>

forked from <a href='http://bl.ocks.org/anonymous/'>anonymous</a>'s block: <a href='http://bl.ocks.org/anonymous/db73799543a425627148cf28cf1224b8'>Projet final</a>

mit Licensed

Similar vizzes

Loading thumbnail…

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

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

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

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

90% match

Loading thumbnail…

Projet : Artists recommendation

This visualization presents a force-directed network of music artist recommendations, derived from association rule mining in `recommandations.csv`. Nodes represent individual artists, while weighted links depict the strength of their co-occurrence in recommendation rules. The network uses a physical simulation engine, combining `d3.forceSimulation` with `d3.forceLink`, `d3.forceManyBody`, and `d3.forceCenter` forces to arrange the graph. Upon hovering over a node, the code highlights that artist and all directly recommended artists by increasing their radius and changing their color, with a custom tooltip displaying the artist's name. The visualization is rendered as an SVG using D3 v4.

MMelanieSalignat

89% match

Loading thumbnail…

Projet 3

This visualization displays song recommendations as a directed network graph, where each node represents a musical artist and each edge connects an antecedent artist to a consequent artist, with edge thickness or weight reflecting the support count from the dataset. Using D3 version 4's force-directed layout via `d3.forceSimulation`, the graph arranges nodes spatially to reveal clusters of related musicians. The interface includes an interactive search box that filters and highlights specific artists from a predefined list, while a tooltip provides details on hover. The underlying data comes from a CSV file of association rules derived from user tagging patterns, rendered as an SVG with custom styling for nodes and links.

MMelanieSalignat

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

88% match