Skip to main content
SimilarExport ZIP
100%

lalith_act6-Q3

✓ Published1🌍 Public
Ssailalith2000@gmail.com
Last edited Apr 1, 2025
Created on Apr 1, 2025
Forked from Hello VizHub

This scatter plot visualizes movie ratings against revenue in millions of USD, with each circle colored by genre. It loads a CSV dataset from GitHub using `d3.csv` and renders an SVG with `d3.axisBottom` and `d3.axisLeft` for the axes. A `d3.scaleOrdinal` with `d3.schemeSet2` assigns genre colors, and a manual legend lists each genre. The plot filters out rows with missing numeric values and uses `d3.extent` to set the linear scales.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Lalith_act6-T2

This stacked bar chart shows the distribution of IMDb ratings across six movie genres, with each bar divided into five rating brackets from "below 5.0" to "above 8.5". The visualization uses d3.stack() and d3.scaleOrdinal() to create the color-coded segments, with d3.scaleLinear() for the percentage x-axis and d3.scaleBand() for the genre categories. Interactive tooltips display exact percentages on mouseover, and the data comes from a CSV file containing genre-specific rating proportions. The SVG rendering uses D3 v7 with a custom stylesheet for typography.

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

Activity6_Q_6

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.

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

Activity 6 Question 6

This scatter plot visualizes the distribution of film rating percentages across genres using the Iris dataset. It uses D3 v6's `scaleLinear`, `scaleOrdinal`, `axisLeft`, `axisBottom`, and `symbol` APIs to map the ‘5.0-6.5’ and ‘6.5-7.5’ rating columns to Cartesian coordinates, with genres encoded by both color and shape (circles and crosses). Each point is an SVG `path` with a tooltip showing genre and coordinates. The underlying CSV is fetched via `d3.csv` from a GitHub repository.

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

Activity-8_Question-3

This scatter plot visualizes the distribution of movie ratings across six genres, with each genre positioned along the x-axis and a proportional rating value displayed on the y-axis. The chart encodes five rating categories using a distinct color palette, allowing viewers to compare rating patterns among genres. The visualization is built with D3 v7, using `d3.scaleBand` for the categorical axis, `d3.scaleLinear` for the continuous axis, and `d3.scaleOrdinal` for color mapping. Each rating value is represented as a circle, with the data loaded from a hardcoded JavaScript array.

Ttharunramula@gmail.com
80% match