Movies example dataset from RawGraphs.io

100%

Movies example dataset from RawGraphs.io

✓ Published0🌍 Public

Last edited Jun 16, 2018

Created on Jun 16, 2018

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.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist 084750a10fa41a3849235a117dec0b7b

This visualization plots movie production budget against box office earnings, with each film’s genre, ROI, and IMDb rating encoded through color, size, and position. Using a scatterplot rendered with D3.js, it employs `d3.forceSimulation` to arrange overlapping points and `d3.scaleOrdinal` for genre-based coloring. Data comes from the included `movies.csv` file, with axes scaled linearly to handle outliers like *Avatar* and *ET*.)

CCarlosVelamazan

79% 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?

74% match

Loading thumbnail…

Movie Genre, Rating and Budget

This visualization displays movies as bubbles in a force-directed chart, with each bubble’s position along the x-axis encoding IMDB rating and its y-axis position encoding genre. Bubble size represents the movie’s budget, and color encodes the rating value. The chart uses the `d3.forceChart()` plugin, which is built on `d3.layout.force`, to gently shift bubbles toward their target x and y positions while preventing overlaps through collision detection. Data comes from the ggplot2 `movies` dataset, filtered to include only post-2000 films with budget and rating information, and rendered as SVG circles.

FFrissAnalytics

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

73% match

Loading thumbnail…

Graph

This graph visualization maps the relationships between actors, directors, and films using a force-directed layout. It displays movies as one node type and the people involved as another, with arrows indicating the specific role each person played in a production, such as acting or directing. The visualization uses the D3.js library with the `d3.forceSimulation` and `d3.forceLink` APIs to simulate physical forces that position the nodes, while a custom drag interaction lets users rearrange the network. Data comes from the provided `data.json` file, which contains nodes for people and films along with links specifying their relationships.

VVictor Lorena

72% match

Loading thumbnail…

Data Mining

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.

MMelanieSalignat

72% match

Loading thumbnail…

Scatter Plot

This scatter plot visualizes movie performance by plotting budget against worldwide earnings. Each circle represents a film, colored by its box-office verdict (All-Time-Blockbuster, Blockbuster, Hit, or default Blue) and sized by its India net and overseas earnings. The visualization loads a remote CSV dataset and uses D3 v6 scaleLinear and extent functions to map the data, with axisLeft and axisBottom generating the axes. The chart displays movie titles from the source data, with a red title and green axis labels.

BBhavyaMammai

71% match

Loading thumbnail…

Fork of Simple Scatter Plot

This scatter plot visualizes movie budgets against domestic gross earnings, with each circle representing a film. The chart uses D3 v6 to load CSV data and render SVG circles, with linear scales mapping budget to the x-axis and domestic gross to the y-axis. The code includes axis labels in red, a title, and interactive margins. D3’s `d3.csv` and `d3.autoType` handle data parsing, while `d3.scaleLinear`, `d3.extent`, `d3.axisBottom`, and `d3.axisLeft` construct the visualization.

Mmadipadiga.raviteja@gmail.com

71% match