Skip to main content
100%

The Costner Effect

✓ Published0🌍 Public
Aalansmithy
Last edited Nov 1, 2015
Created on Oct 31, 2015

The Costner Effect visualizes the relationship between Kevin Costner’s film grosses and the number of babies named Kevin born in Zurich from 1987 to 2007. Animated bars grow to represent annual births, while a white line traces gross earnings via `d3.svg.line`. Using D3 v3, the chart reads from a CSV and employs ordinal and linear scales, axes, and hover effects to reveal labels.

AI-generated description

Similar vizzes

Loading thumbnail…

Module4

This example visualizes the top 50 Hollywood films released from 2007 to 2011, highlighting their production budgets in millions of dollars. The visualization uses a horizontal bar chart rendered in SVG, where each bar represents a film’s budget, sorted in descending order. The bars are styled in a muted rose color that darkens on hover, and the chart includes x- and y-axes, with film titles on the y-axis and budget values on the x-axis. Tooltips appear on hover, showing the film title and budget. The data is loaded from a CSV file and sorted numerically by budget to emphasize the highest-budget productions. The chart uses a light cream background with simple, clean typography, keeping the focus on the comparative lengths of the bars.

CClevejones
61% 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
61% match
Loading thumbnail…

Data Viz 3 Group C

This interactive scatterplot visualizes the relationship between movie budget and revenue from a dataset of 15 films. Revenue is mapped to the x-axis, budget to the y-axis, with circle size encoding return on investment (ROI) and color distinguishing genre. Hovering over a circle enlarges it and displays a tooltip with the movie name, exact revenue, and budget. Clicking a genre in the legend filters the display to show only that genre; clicking again restores all genres. The plot includes axes labeled "Revenue in millions" and "Budget in millions" and uses an animated hover effect to enhance detail-on-demand exploration. Built with D3 v3 and blockbuilder.org.

Aannieypi
61% match
Loading thumbnail…

Fork of Simple Scatter Plot

This scatter plot visualizes the relationship between movie budget and domestic gross revenue, with each point representing a film. The visualization uses D3 v6 to load CSV data from a GitHub gist, scales the two variables linearly, and renders circles as SVG dots. The chart includes labeled axes, a centered title, and resizes dynamically to fit the browser window, with red axis labels and steelblue data points.

Mmadipadiga.raviteja@gmail.com
60% match
Loading thumbnail…

Bubble Chart Experiment

This bubble chart experiment visualizes 2017 box-office performance for the top 50 films, encoding domestic gross by circle area, Rotten Tomato ratings by color, and opening-weekend earnings by vertical position. Animated transitions compare each film's opening versus final box office totals, with circles drifting and scaling as the view toggles between metrics, using SVG and d3.v4 transitions to reveal studio dominance and the relationship between critic scores and revenue.

335degrees
60% match
Loading thumbnail…

Bubble Chart Experiment

This bubble chart visualizes 2017 box-office performance for 49 films, encoding each movie’s opening weekend gross (x-axis), total domestic gross (y-axis), and budget (bubble area). The dataset—sourced from a CSV of 2017 releases—includes studio, distributor, and revenue figures. Animated transitions let viewers compare how films like Wonder Woman and Kong: Skull Island cluster by performance metrics, with bubbles colored by studio and sized by box-office earnings. The chart uses SVG with D3 v4 transitions to smoothly re-position elements, making it easy to track individual movies across the field.

335degrees
60% match
Loading thumbnail…

Bubble Chart Experiment

This bubble chart visualizes 2017 box-office earnings for the top 50 domestic films, encoding gross revenue as bubble area and critical reception (Rotten Tomatoes score) as color. Built with D3 v4, it renders as an animated SVG scatterplot: each bubble is positioned by release week, with size mapping to box-office take and hue indicating Tomatometer ratings. The chart animates on load, and the underlying data from bo2017c.csv is displayed via tooltips.

335degrees
60% match
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
60% match