TP Projet

100%

✓ Published0🌍 Public

Last edited Dec 18, 2016

Created on Dec 18, 2016

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.

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>

mit Licensed

Similar vizzes

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

95% match

Loading thumbnail…

TP Projet

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.

RRomyRatolojanahary

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

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

87% match

Loading thumbnail…

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.

RRomyRatolojanahary

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

87% match

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

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

85% match