Skip to main content
SimilarExport ZIP
100%

Activity6_Task4(Question 4)

✓ Published0🌍 Public
Gguruabhay294@gmail.com
Last edited Oct 22, 2024
Created on Oct 22, 2024
Forked from Hello VizHub

This bubble chart visualizes the distribution of IMDb-style ratings across six movie genres, showing the proportion of titles in each rating range from "below 5.0" to "above 8.5". Each circle's size corresponds to the percentage value, with genres spaced along the x-axis and rating proportions on the y-axis. The visualization uses D3 v7 to load CSV data, apply square-root scaling via `d3.scaleSqrt`, and render SVG circles with interactive tooltips on mouseover. Animated transitions on tooltip opacity enhance user feedback when exploring the genre-rating relationships.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Task4

This bubble chart visualizes the distribution of movie ratings across six genres, using bubble size to represent the proportion of films within each rating category—from below 5.0 to above 8.5. Six genres are plotted along the y-axis while five rating categories form the x-axis, with larger circles indicating higher percentages. The visualization uses d3.csv to load the data and d3.scaleSqrt for bubble sizing, while d3.axisBottom and d3.axisLeft construct the axes. Interactive tooltips appear on hover, displaying the genre and its exact percentage for the “below 5.0” category, implemented through D3 event listeners.

Ssahithigovindaraju@my.unt.edu
94% match
Loading thumbnail…

Activity6_task4

This bubble chart visualizes the distribution of movie ratings across six genres, plotting the percentage of ratings in the 5.0–6.5 range on the x-axis against the 6.5–7.5 range on the y-axis. Bubble size encodes the share of ratings above 8.5, while color distinguishes genres. The chart uses d3.csv to load data, d3.scaleLinear for positioning and sizing, and d3.scaleOrdinal with d3.schemeCategory10 for colors. Interactive tooltips appear on mouseover via d3 transitions, and axes are rendered with d3.axisBottom and d3.axisLeft.

Jjahnavigummadi@my.unt.edu
92% match
Loading thumbnail…

Question4

This visualization shows the distribution of IMDb movie ratings across six genres, with each genre represented as a bubble sized and positioned according to the percentage of films rated between 6.5 and 7.5. The chart also provides a detailed tooltip on hover, revealing the exact proportions for all five rating categories. The bubble chart is built using D3 v7's `scaleBand`, `scaleLinear`, and `scaleOrdinal` APIs, rendering as SVG with animated transitions for tooltip display. Data is loaded from a CSV file containing rating percentages for each genre.

SSreeKohaliPatel@my.unt.edu
92% match
Loading thumbnail…

activity6_question4

This bubble chart visualizes the distribution of movie ratings across six genres using CSV data. The x-axis maps the proportion of ratings below 5.0 while the y-axis maps ratings above 8.5, with circle size representing the 6.5–7.5 rating range. The visualization uses d3.scaleLinear for axes and bubble sizing, d3.scaleOrdinal with d3.schemeCategory10 for color encoding, and includes interactive tooltips on mouseover. A legend and reference circles are rendered alongside the animated SVG, with genre labels positioned to the right of the plot area.

Nnishwitha.1032@gmail.com
92% match
Loading thumbnail…

Activity6_task4 question

This visualization displays a genre ratings bubble chart, showing the distribution of movie ratings across six genres and five rating brackets as proportionally sized red circles. The chart uses D3.js v7 to load data from a local CSV file, scales the bubble size based on proportion values using d3.scaleSqrt, and positions circles along categorical genre axes using d3.scalePoint. Interactive tooltips appear on mouseover to reveal exact values. The visualization uses an SVG-based rendering approach with d3.axisBottom for x-axis labeling and d3.axisLeft for the y-axis scale.

Iiftequaruddin883@gmail.com
92% match
Loading thumbnail…

Activity6_Q_9

This bubble chart visualizes the distribution of movie ratings across six genres, comparing the percentage of ratings in the 5.0-6.5 range (x-axis) with the 6.5-7.5 range (y-axis), while the bubble size encodes the percentage of ratings above 8.5 and color distinguishes genres. The visualization uses D3 v6 with SVG rendering, loading data from a remote CSV file via `d3.csv`. Interactive tooltips appear on hover, showing the exact numeric values for each genre, while axes and labels clarify the rating ranges being compared. The chart employs `d3.scaleLinear` for positional and radial encoding, `d3.scaleOrdinal` with `schemeCategory10` for categorical coloring, and standard D3 axes for annotation.

Aadapasaidivya99@gmail.com
92% match
Loading thumbnail…

Activity 6 Question 9

This bubble chart visualizes the distribution of movie ratings across six genres, plotting the proportion of ratings between 5.0–6.5 on the x-axis, 6.5–7.5 on the y-axis, and using circle radius to encode the share of ratings above 8.5. Genre categories are color-coded using an ordinal scale. The visualization is built with D3.js v6, using scaleLinear for all three encodings and SVG circles for rendering. Hovering over a circle triggers a tooltip displaying the exact proportions for that genre. Data is loaded asynchronously from a remote CSV file.

Aabjalshaik02@gmail.com
91% match
Loading thumbnail…

Activity6_Question4

This visualization compares rating distributions across movie genres through a bubble chart, showing the percentage of films falling into five rating bands from "below 5.0" to "above 8.5" for categories like Documentary, Drama, and Action. Each genre's mid-range rating share (6.5-7.5) is mapped to both the vertical position and bubble radius, while color distinguishes genres. Built with d3.v7, the chart uses d3.scaleBand and d3.scaleLinear for axes, d3.scaleOrdinal for colors, and features CSS-driven hover effects with a custom tooltip displaying complete rating breakdowns for each genre. Data comes from a CSV file containing proportional ratings per genre.

Nneerajreddyaluka@gmail.com
91% match