Projet_test3

100%

✓ Published0🌍 Public

Last edited Jan 8, 2017

Created on Jan 8, 2017

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.

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/RomyRatolojanahary/'>RomyRatolojanahary</a>'s block: <a href='http://bl.ocks.org/RomyRatolojanahary/e4c9c24e499ca132e38e4d661818e7a9'>Projet_test2</a>

mit Licensed

Similar vizzes

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_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

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

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

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

89% match

Loading thumbnail…

Projet_test2

This example shows a network of music artists and their associations, using a force-directed graph layout to reveal clusters of related performers. The visualization encodes connections through links and nodes, with the ability to hover and search for a specific artist. The code relies on `d3.forceSimulation` with `d3.forceLink` and `d3.forceManyBody` to compute the layout, and uses custom SVG elements for nodes and links. Data is loaded from two CSV files, `recommandations.csv` and `artists_tags_count.csv`, with node size reflecting artist popularity and a tooltip displaying tag information.

MMelanieSalignat

89% match

Loading thumbnail…

Projet(test) : Artists recommendation

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.

MMelanieSalignat

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

88% match