Bubble chart

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

81% match

Bubble Chart Experiment

This bubble chart experiment visualizes box office performance data for 2017 films, using SVG and animation to explore the relationship between release date, budget, and revenue. The chart displays circles of varying sizes representing each film's box office gross, with position encoding opening and closing dates along the x-axis. As the animation plays, bubbles are sorted by rank and gently transition horizontally, making it easy to compare the relative commercial success of different movies across categories like studio and distributor. The view is built with D3 v4 and rendered entirely in SVG, with smooth animated transitions that invite the user to explore the dataset dynamically.

80% match

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.

79% match

Bubble Chart Experiment

This example visualizes the domestic box office performance of 2017 movies as an animated bubble chart. Bubbles are positioned by release week and opening gross, with size encoding total box office and color indicating studio/distributor. Built with D3 v4 and rendered as SVG, the chart animates transitions smoothly, letting viewers track how each film's earnings accumulate week over week. The dataset is drawn from a gist by 35degrees and derived from Box Office Mojo figures.

Bubble Chart Experiment

This bubble chart visualizes the 2017 domestic box-office performance of 65 films, mapping each movie as a circle positioned by release date (x-axis) and box office rank (y-axis). Circle size encodes total gross, while color distinguishes studio categories. Hovering or interacting triggers smooth SVG transitions, updating positions and sizes to reveal additional attributes such as runtime, theater count, or audience rating. The chart animates between these categorical views, with tooltips showing title, studio, gross, and opening weekend values. The visualization uses a force-directed layout to avoid overlaps and makes it easy to spot outliers and trends across the year's release schedule.

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.

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

Bubble Chart Experiment

This visualization uses a force-directed bubble chart to compare 2017 box-office performance across films. Bubbles are sized by total gross and colored by distributor; hovering reveals the title. The chart is built with D3 v4, renders in SVG, and animates the layout. Data is from the bo2017c.csv dataset, with circles positioned by the simulation and scaled by box-office revenue.