Data Mining

100%

✓ Published0🌍 Public

Last edited Jan 18, 2017

Created on Jan 18, 2017

This interactive visualization maps the interconnectedness of films, showing how a single movie like *2001: A Space Odyssey* links to a vast network of over one hundred related titles. The primary display uses a force-directed graph layout via D3.js v4’s `forceSimulation` to position the nodes of the recommendation network. A separate chart reveals the frequency of genre pairs, drawing on the `genres.csv` dataset. Data is rendered as SVG, with the dataset loaded from external CSV files in a custom script.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

Loading thumbnail…

Data Mining

A network visualization maps movie recommendations from a CSV dataset, showing connections between films based on association-rule mining. Users can click or hover over nodes to highlight related movies, with a tooltip displaying the film title and a zoom feature for closer inspection. The code uses d3.forceSimulation for layout, d3.csv for data loading, and SVG circles and lines for rendering, with d3.zoom enabling pan and zoom interactions.

MMelanieSalignat

87% match

Loading thumbnail…

Data Mining

This visualization shows a network of movie recommendations, where each node represents a film and links connect movies that are frequently recommended together based on association rules. Users can drag nodes to explore relationships, and hovering over a movie highlights its directly connected neighbors. The code uses D3 v4’s `d3.forceSimulation` with `d3.forceLink` and `d3.forceManyBody` to position the graph, and renders nodes as SVG circles with drag interactions. Data comes from a CSV file containing antecedent-consequence pairs from a recommendation dataset.

MMelanieSalignat

87% match

Loading thumbnail…

Films_mal_notes

This visualization displays a network of film recommendations derived from association rule mining, where nodes represent movie titles and links indicate that one movie is frequently purchased alongside another. Node color encodes the film title, while the link data itself includes an item set support value, though it is not visually encoded in the displayed stroke width. The graph is laid out using the D3.js force simulation API, specifically `d3.forceSimulation` with `d3.forceLink` and `d3.forceManyBody`, and rendered as an SVG with draggable nodes. The data comes from the `recommandations.csv` file, which lists pairwise antecedent–consequence movie relationships.

RRomyRatolojanahary

80% match

Loading thumbnail…

Untitled

This interactive network graph visualizes connections between movies, with each node representing a film and links showing relationships between them. The visualization uses d3.v3 to render the force-directed layout, with nodes colored and sized by their calculated score and level values. Clicking a node displays additional movie details including title, cast, director, and cover image in a side panel. The implementation reads from a movie-network.json data file and uses d3.forceSimulation for the physics-based node positioning and link rendering.

NNathannous

74% match

Loading thumbnail…

Actor Graph

This interactive visualization displays a force-directed graph of actors and the movies they appear in, where each actor is represented as a node and connections between actors who share a film are shown as links. The graph is built using D3.js v7, with the `d3.forceSimulation` API handling node positioning and link physics. Data comes from a CSV file listing movies and their cast, parsed using `d3.csvParse`, and rendered as SVG elements (circles, text labels, and lines). The visualization explores collaborative networks among actors across the included film dataset.

KKyle?

73% match

Loading thumbnail…

Genres

This force-directed network diagram visualizes associations between movie genres, derived from an association-rule mining dataset. Each node represents a genre, with links indicating co-occurrence relationships and their thickness reflecting item-set support values. Using `d3.forceSimulation` with `forceLink`, `forceManyBody`, and `forceCenter`, the layout positions nodes based on connection strength. The SVG rendering uses circles colored via `d3.scaleOrdinal` with `d3.schemeCategory20`, while `d3.drag()` enables interactive repositioning of nodes, with the simulation updating link and node positions on each tick.

RRomyRatolojanahary

73% match

Loading thumbnail…

Movies example dataset from RawGraphs.io

This example visualizes the financial performance of 26 movies using a force-directed network layout, where each node represents a film and its position encodes the relationship between production budget, box office revenue, and return on investment. The graph reveals clusters of high-performing genres like Action and Adventure, with outliers such as *ET* and *Titanic* dominating the ROI scale. The visualization is built with D3.js, leveraging `d3.forceSimulation` for physics-based node placement and `d3.scaleLinear` to map continuous financial metrics to visual encodings like node size and color intensity. The underlying data comes from RawGraphs.io’s “Movies” dataset, sourced from a gist by Enriquema, and is parsed directly from CSV.

EEnriquema

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

71% match