Skip to main content
SimilarExport ZIP
100%

Activity6_Question4

✓ Published0🌍 Public
Mmaneeshraja47@gmail.com
Last edited Oct 31, 2025
Created on Oct 31, 2025

This scatterplot visualizes movie runtime against rating, with each fixed-radius circle representing a film and colored by simplified genre. The chart includes hover tooltips displaying movie name, primary director, and release year. Data loads from a CSV and is preprocessed using custom genre aggregation, runtime parsing, and numeric conversion logic. The visualization is built with React and D3 v7, using `scaleLinear`, `scaleOrdinal`, `schemeTableau10`, `axisBottom`, and `axisLeft` for axes, scales, and legends.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_task4_question

This bubble chart visualizes movie runtime trends over time for top-rated films from IMDb, with each circle’s radius scaled by rating and color-coded by simplified genre. The D3 v7 visualization uses `scaleLinear` for year, runtime, and radius scales, plus `scaleOrdinal` with `schemeSet2` for genre colors. Data preprocessing splits multi-genre entries into top seven genres via `preprocessGenres`, while `parseRuntime` converts duration strings to minutes. An interactive legend allows highlighting specific genre bubbles through mouseover events and click-based filtering.

Mmaneeshraja47@gmail.com
89% match
Loading thumbnail…

ACT6_TASK4.2

This visualization displays movie runtime trends over time, with each bubble representing a film positioned by its release year and runtime in minutes, while the bubble size encodes its rating and the color indicates its simplified genre. The chart uses D3.js v7's `scaleLinear`, `scaleOrdinal`, and `schemeSet2` to map the data, and includes interactive legend items that highlight bubbles of a selected genre on click or hover. Data is loaded from a CSV file and preprocessed in React, with runtime strings converted to minutes and genres consolidated to the top seven categories.

RRevanth putta
88% match
Loading thumbnail…

Movie Stats Scatter Plot

This interactive scatter plot maps movie runtime against rating, with each point representing a film. Genre filter checkboxes let users toggle visibility of specific categories, dynamically updating the visualization. Built with React and D3 v7, the visualization uses D3 scales and axes to position points, while a bitstring tracks the active genre filters. The plot renders from an embedded CSV dataset containing movie metadata such as year, revenue, and metascore, with the React component orchestrating state changes as users interact with the checkboxes.

KKyle?
86% 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
84% 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
84% 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
84% 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…

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
83% match