Projet_test2

100%

✓ Published0🌍 Public

Last edited Jan 9, 2017

Created on Jan 9, 2017

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.

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>

forked from <a href='http://bl.ocks.org/anonymous/'>anonymous</a>'s block: <a href='http://bl.ocks.org/anonymous/3b0259c0a4e07e00dbdb222ac5f5fff7'>Projet_test2</a>

mit Licensed

Similar vizzes

Loading thumbnail…

Projet 2

A force-directed network graph maps associations between music artists, where nodes represent artists and links indicate co-occurrence support values from the datasets `recommandations.csv` and `artists_tags_count.csv`. Node size reflects tag count, and fill color encodes the first tag from each artist's top-five tags. Using D3 v4, the code builds the visualization with `d3.forceSimulation`, `d3.forceLink`, and `d3.forceManyBody`, while a hover tooltip displays artist name and image. Nodes are draggable via `d3.drag`.

MMelanieSalignat

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

93% 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) : 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…

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

89% match

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

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

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