Skip to main content
SimilarExport ZIP
100%

Activity6_question-4

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

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.

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

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_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
94% match
Loading thumbnail…

Activity6_q4

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.

Nnandasaipalankius@gmail.com
93% match
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
93% match
Loading thumbnail…

Activity6_Task4

This visualization uses a bubble chart to explore correlations between movie rating ranges across six film genres. Each genre is represented as a circle positioned by the percentage of ratings in the 5.0-6.5 range (x-axis) and the 7.5-8.5 range (y-axis), with circle size encoding the percentage of mid-range 6.5-7.5 ratings. The genre data comes from a CSV file embedded in the code. The visualization uses D3.js v7 scales and axes, with SVG circles, tooltips on hover, and a distinctive color scheme mapping each genre to a unique hue.

Mm.maanvireddt761@gmail.com
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…

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
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