Skip to main content
SimilarExport ZIP
100%

Activity6_q4

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

A bubble chart explores the correlation between movie ratings across genres, plotting the percentage of ratings in the 5.0-6.5 range on the x-axis and the 7.5-8.5 range on the y-axis, while bubble size encodes the 6.5-7.5 range percentage. Each genre appears as a distinct color, revealing relationships between rating distributions. The visualization uses D3.js to render SVG elements, with d3.scaleLinear for axes and size, d3.scaleOrdinal for color mapping, and interactive tooltips showing genre details on mouseover.

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_q4

A bubble chart visualizes the correlation between movie rating ranges across six genres, plotting the percentage of ratings in the 5.0–6.5 range on the x-axis against the 7.5–8.5 range on the y-axis. Bubble size encodes the intermediate 6.5–7.5 rating percentage, while distinct colors identify each genre. The D3 v7 code uses `scaleLinear` for axes and sizing, `scaleOrdinal` for coloring, and includes interactive hover tooltips alongside axis labels and percentage-formatted ticks.

Mm.maanvireddt761@gmail.com
96% match
Loading thumbnail…

Activity6_Q4

This bubble chart, titled "Correlation Between Movie Rating Ranges by Genre," visualizes the relationship between the percentage of ratings in the 5.0–6.5 range and the 7.5–8.5 range across six movie genres, with bubble size encoding the 6.5–7.5 rating proportion and color distinguishing genres. It uses d3.v7 to append SVG circles, scaleLinear for axes and sizing, and scaleOrdinal for color mapping. Interactive tooltips appear on mouseover, while the data is embedded directly from a CSV file.

Kkeerthana11.mcs@gmail.com
96% match
Loading thumbnail…

Activity6_q4

This visualization shows the correlation between different movie rating ranges across six genres, using a bubble chart to display the percentage of ratings in the 5.0-6.5 range on the x-axis and the 7.5-8.5 range on the y-axis. Each genre is represented by a colored bubble, with the bubble size indicating the percentage of ratings in the 6.5-7.5 range. The code uses D3 v7 to create the SVG-based visualization, employing d3.scaleLinear for axes and bubble size, d3.axisBottom and d3.axisLeft for gridlines, and interactive tooltips on mouseover. Data is embedded directly in the script from a CSV file.

Rrakshithareddy217@gmail.com
95% 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
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
94% match
Loading thumbnail…

Fork of Activity6_q4

This visualization shows the correlation between movie rating ranges across six genres using a bubble chart. Each genre is represented by a colored circle, with the x-axis showing the percentage of ratings between 5.0-6.5 and the y-axis showing the percentage between 7.5-8.5, while the bubble size encodes the percentage of ratings in the 6.5-7.5 range. The chart uses D3 v7 scales and axes, including `d3.scaleLinear` for positioning and sizing, `d3.scaleOrdinal` for genre colors, and `d3.axisBottom` and `d3.axisLeft` for labeled percentage axes. Interactive tooltips appear on mouseover, and the data comes from a static CSV file embedded directly in the HTML.

Nnandasaipalankius@gmail.com
94% match
Loading thumbnail…

Activity6_question-4

This example visualizes the correlation between movie rating ranges across six genres using an animated bubble chart. It plots the percentage of ratings in the 5.0–6.5 range on the x-axis against the 7.5–8.5 range on the y-axis, with bubble size encoding the 6.5–7.5 rating proportion and color distinguishing genres. Built with D3 v7 via UNPKG, the visualization uses `d3.select`, `d3.scaleLinear`, `d3.scaleOrdinal`, `d3.axisBottom`, and `d3.axisLeft` to render SVG circles with hover tooltips. Data is embedded as static arrays from a CSV file.

Aamulyareddykondru01@gmail.com
93% match
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
93% match