Activity6_Q_6

100%

✓ Published0🌍 Public

Last edited Oct 21, 2024

Created on Oct 21, 2024

This interactive scatter plot visualizes the relationship between the percentage of movie ratings in the 5.0–6.5 range and the 6.5–7.5 range, using data from a remote CSV file. It loads D3 v6 via UNPKG and filters the data by genre, with each circle colored according to its genre and showing a tooltip on hover. The visualization uses `d3.csv`, `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` to render axes, labels, and circles in an SVG canvas.

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_Q3

This scatter plot visualizes the relationship between percentages of movie ratings in the 5.0-6.5 and 6.5-7.5 ranges, with each point representing a genre. The visualization distinguishes genres using both color and shape, encoding circles, squares, and triangles through D3 symbols. The code loads CSV data from a GitHub repository using d3.csv, applies d3.scaleLinear for both axes, and renders the chart as SVG. Axes are generated with d3.axisLeft and d3.axisBottom, while tooltips are added via SVG title elements showing genre and coordinates.

Ssaiteja.cse.rymec@gmail.com

95% match

Loading thumbnail…

Activity6_q6

This scatter plot visualizes the relationship between the percentage of ratings in the 5.0–6.5 range (x-axis) and the 6.5–7.5 range (y-axis) across different genres from a remote CSV dataset. Each circle represents a genre, colored by its category through a `d3.scaleOrdinal` color scheme, with tooltips revealing the exact values. The visualization uses D3 v6 APIs including `csv`, `scaleLinear`, `axisLeft`, and `axisBottom` to load data, scale axes, and render the SVG. Axis labels are styled via CSS classes, while the plot’s marks are drawn as SVG circles with a black stroke.

Jjahnavigummadi@my.unt.edu

93% match

Loading thumbnail…

Fork of Activity6_q6

This scatter plot visualizes the relationship between movie rating percentages in the 5.0-6.5 and 6.5-7.5 ranges, with each circle representing a genre from the Data.csv dataset. The code loads data via d3.csv, maps values to positions using scaleLinear with domains from d3.extent, and renders colored circles with genre-specific fills through an ordinal color scale. Axes are generated with axisLeft and axisBottom, while d3.selectAll and .join add SVG circles that include tooltip titles showing exact coordinates. The visualization uses a margin-based SVG layout with custom axis labels.

Aabjalshaik02@gmail.com

92% match

Loading thumbnail…

Activity6_Q_3

This scatter plot visualizes the relationship between the percentage of ratings in the 5.0-6.5 range (x-axis) and the 6.5-7.5 range (y-axis) across different genres from a CSV dataset. Each data point is a colored circle representing a genre, with colors assigned via d3.scaleOrdinal. The code loads data using d3.csv, scales axes with d3.scaleLinear, and renders the visualization as an SVG using d3.select, d3.axisLeft, and d3.axisBottom, with axis labels styled via CSS.

AAbrarb702@gmail.com

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

91% match

Loading thumbnail…

Activity6_Q3

This scatter plot visualizes movie genres based on the percentage of ratings falling below 5.0 and above 8.5, with each genre represented by a colored point. The chart uses D3.js v7 to load CSV data from a GitHub repository, scales the axes with `d3.scaleLinear`, and colors points using `d3.scaleOrdinal` with `d3.schemeCategory10`. The visualization is rendered as SVG elements, with axis labels applied via `d3.axisBottom` and `d3.axisLeft`, and includes a legend generated from the color scale’s domain.

SSahithi.R

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

89% match

Loading thumbnail…

Activity-6_Question - 3

A scatter plot shows the relationship between the percentage of movies rated below 5.0 and the percentage rated within the 5.0–6.5 range, across six genres including Documentary, Drama, and Comedy. Each genre is represented by a colored circle, with colors assigned via d3.scaleOrdinal and d3.schemeCategory10. The axes are generated using d3.axisLeft and d3.axisBottom, while the data is parsed from an inline CSV string using d3.csvParse. The plot is rendered as an SVG that fills the browser window, with axis labels styled in green.

Pphanisrivinnakota@gmail.com

89% match