Projet(test) : Artists recommendation

100%

Projet(test) : Artists recommendation

✓ Published0🌍 Public

Last edited Dec 18, 2016

Created on Dec 18, 2016

This interactive network visualization displays artist recommendations based on association rules mined from a CSV file of antecedent-consequent pairs, with link thickness scaled by the support value of each rule. The force-directed layout is computed using d3.forceSimulation with link, charge, and center forces, while nodes are draggable circles rendered in SVG. Artist names appear as tooltips on hover, and the graph is built using d3.csv to load the data and d3.schemeCategory20 for potential color encoding.

AI-generated description

Built with blockbuilder.org

forked from <a href='http://bl.ocks.org/MelanieSalignat/'>MelanieSalignat</a>'s block: <a href='http://bl.ocks.org/MelanieSalignat/34e6eb0aea0257fb9c86ca268f5e4eb8'>Artists recommendation</a>

forked from <a href='http://bl.ocks.org/MelanieSalignat/'>MelanieSalignat</a>'s block: <a href='http://bl.ocks.org/MelanieSalignat/15951a5479de0babfc9fa418ae86ea2a'>Projet : Artists recommendation</a>

forked from <a href='http://bl.ocks.org/MelanieSalignat/'>MelanieSalignat</a>'s block: <a href='http://bl.ocks.org/MelanieSalignat/5ef4a121a24447d94f21c2a8908d262b'>Projet : Artists recommendation</a>

forked from <a href='http://bl.ocks.org/MelanieSalignat/'>MelanieSalignat</a>'s block: <a href='http://bl.ocks.org/MelanieSalignat/13b35c59ffdc07ea9183c008c9a2b6cb'>Projet : Artists recommendation</a>

forked from <a href='http://bl.ocks.org/MelanieSalignat/'>MelanieSalignat</a>'s block: <a href='http://bl.ocks.org/MelanieSalignat/92fac4f3505049bc483eb95be7c234d4'>Projet : Artists recommendation</a>

mit Licensed

Similar vizzes

Loading thumbnail…

Projet(test) : Artists recommendation

This visualization shows music artist recommendations as a force-directed network graph, where each node represents an artist and links indicate association rules derived from the dataset. The graph uses D3 v4’s `d3.forceSimulation` with `d3.forceLink`, `d3.forceManyBody`, and `d3.forceCenter` to position nodes, while link stroke-width encodes support values from the CSV data. Circles have fixed radii based on a count value, and drag interactions are enabled via `d3.drag`. Data is loaded from a CSV file using `d3.csv`, and all elements are rendered as SVG.

MMelanieSalignat

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

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

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

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

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

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

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