Skip to main content
SimilarExport ZIP
100%

MCU Scatter plot

✓ Published0🌍 Public
Hhappymail6
Last edited Jul 1, 2022
Created on Jun 30, 2022

A scatter plot visualizes Marvel Cinematic Universe films, plotting IMDB ratings against a cycling x-axis that rotates through Phase, Oscar nominations, and Metascore every 1.5 seconds, with animated transitions between metrics. The SVG visualization uses d3.scaleLinear for axes, d3.scaleOrdinal for colored circles, and d3.axisLeft and d3.axisBottom to render the scales. Data comes from a CSV file loaded via d3.csv, with the plot redrawn on each interval through the scatterPlot helper function, which updates the x-axis label and re-enters circles.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

MCU plott

This animated scatter plot visualizes the Marvel Cinematic Universe dataset, mapping IMDB ratings, Phase, and Metascore across different axes. The visualization cycles through these three variables every two seconds, updating the x-axis and circle positions accordingly. Built with D3.js v6, it uses `scaleLinear`, `axisLeft`, `axisBottom`, and `selection.join()` to render and update SVG circles. The data is loaded from a GitHub Gist CSV file, with parsing handled via `d3.csv` and numeric conversion in a custom row function.

Hhappymail6
93% match
Loading thumbnail…

MCU -7

A scatterplot animates through Iris dataset variables, cycling IMDB rating, phase, and Metascore on the x-axis while Metascore remains on the y-axis. Each point is colored by species via a manual marker function. D3 v6 scaleLinear, axisBottom, axisLeft, and setInterval drive the transitions, with SVG circles and text labels rendered dynamically. The visualization updates every few seconds, swapping axis labels and legend points, all styled with the Share Tech font.

Hhappymail6
84% match
Loading thumbnail…

Marvel vs DC Scatter Plot

This interactive scatter plot compares Marvel and DC movies by IMDB rating on the x-axis and budget (in tens of millions) on the y-axis, with each point colored by the movie’s company. The visualization uses D3 v5 scales, axes, and a legend to map data from a CSV file containing movie statistics. SVG circles are positioned via `d3.scaleLinear` for both dimensions, while `d3.scaleOrdinal` with `schemeCategory10` assigns company colors, and the `d3.legend` plugin renders the categorical color legend.

Hhappymail6
81% match
Loading thumbnail…

MCU Area Chart

This interactive SVG displays the release dates and phases of Marvel Cinematic Universe films in a purple area chart. The x-axis shows time, while the y-axis maps the phase number. Data is loaded from a remote CSV file and parsed with D3.js v5. The visualization uses `d3.scaleTime`, `d3.scaleLinear`, and `d3.area` with a basis curve to create the filled shape, along with `d3.axisBottom` and `d3.axisLeft` for labeled axes.

Hhappymail6
78% match
Loading thumbnail…

MCU Line Chart

This visualization shows the release dates of Marvel Cinematic Universe films plotted by their phase number, with phase values displayed on the y-axis and US release dates on the x-axis. The line chart connects each film in chronological order, revealing the spacing between releases across the franchise’s phases. Built with D3 v5, the code uses `scaleTime` and `scaleLinear` for the axes, `axisBottom` and `axisLeft` for tick rendering, and the `line` generator to create the path. Data is loaded from an external CSV using `d3.csv`, with SVG rendering for all elements.

Hhappymail6
77% match
Loading thumbnail…

Movies Scatter Plot

A scatter plot displays movie ratings against release dates from 1958 to 2019, with each red semi-transparent circle representing a single film’s score. The visualization uses D3 v5’s `scaleLinear`, `axisBottom`, and `axisLeft` to map the data, while `csv()` loads the dataset and SVG renders the circles. Grid lines extend from both axes, and custom axis labels and a title annotate the chart.

DD0no
76% match
Loading thumbnail…

Scatter Plot

This interactive scatter plot visualizes movie data, comparing three variables—budget, gross revenue, and IMDB score—through user-selectable dropdown menus. The visualization uses D3 v5’s `scaleLinear`, `axisLeft`, `axisBottom`, and `csv` to load and render the data as animated SVG circles. Each axis is controlled via a dropdown menu, and points transition smoothly into position over one second, with axis labels and tick marks generated dynamically. The data is sourced from a local CSV file.

Ssourcebox-bug
76% match
Loading thumbnail…

Movie Stats Scatter Plot Final Iteration

This interactive visualization lets users explore IMDB movie data through a customizable scatter plot. Users select which genres or actors to display and independently choose the X and Y axes from yearly release, runtime, rating, votes, and revenue. The plot encodes genre with color and includes hover effects that reveal movie titles. Built with D3 v7, the visualization uses the `scaleLinear` and `extent` functions for scales, `axisLeft` and `axisBottom` for labeled axes, and SVG circles for data points. The project also features a separate actor network graph, though it remains incomplete. Movie data is loaded from a local CSV file.

KKyle?
76% match