Activity-7_Question-1

100%

Activity-7_Question-1

✓ Published0🌍 Public

Last edited Apr 11, 2025

Created on Apr 11, 2025

This D3.js pie chart visualizes box office earnings for a dataset of movies, with each slice sized by revenue and labeled with the film’s title and earnings in millions. Hovering over a slice reveals a tooltip with genre, release year, IMDB rating, and franchise details. The visualization uses `d3.pie`, `d3.arc` for slice geometry, and `d3.scaleOrdinal` for color mapping, with custom SVG text labels, connector polylines, and a legend listing each movie’s earnings. Data is loaded asynchronously from a CSV URL via `d3.csv`.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Q1_piechart

This pie chart visualizes the worldwide gross revenue of movies from a CSV dataset, with each slice representing a single film. Hovering over a slice reveals a tooltip showing the movie title and its exact box office earnings. The chart is built using D3.js v7, employing `d3.pie()` for the layout, `d3.arc()` for the slices, and `d3.scaleOrdinal` with a color scheme for differentiation. It also includes an interactive legend and axis labels, all rendered as SVG within an HTML page.

Sshaiksajidali

86% match

Loading thumbnail…

Activity-7

A pie chart displays the box office collection in India for various movies, showing each film’s collection as a slice with labels and a legend. The chart renders with D3 v5’s `pie` and `arc` generators, using `scaleOrdinal` for slice colors and `format` for tick labels. Data is fetched from a CSV file via `d3.csv`, and the SVG output includes labeled arcs and a legend with per-movie values.

MMounishAllam@my.unt.edu

85% match

Loading thumbnail…

Activity7-Q1

This interactive pie chart visualizes the distribution of total movie ratings by genre, sourced from a CSV file of movie ratings. A D3 v7 pie layout and arc generator create the slices, with an ordinal color scale distinguishing each genre. Hovering over an arc triggers a tooltip displaying the genre name and its aggregated rating. A legend on the right maps colors to genres, and the SVG chart uses static rendering with animation only for tooltip transitions.

119n81a0581sunny@gmail.com

84% match

Loading thumbnail…

vyjuhub1

This interactive pie chart visualizes box office revenue for ten blockbuster movies, with each slice sized proportionally to earnings in billions. The chart renders in SVG with a color-coded legend positioned to the right. Users can hover over slices to reveal a tooltip displaying the movie’s year and revenue, using mouse events that toggle visibility and track cursor position. The code employs D3 v7 APIs including `d3.pie()`, `d3.arc()`, and `d3.scaleOrdinal` with the `schemeCategory10` palette.

Vvyjayanthimamidipalli@gmail.com

83% match

Loading thumbnail…

Activity7_Question1

This example visualizes the distribution of Netflix titles by type, showing the count and percentage of movies versus TV shows in a pie chart. The chart renders as an SVG with colored slices, percentage labels positioned at each arc’s centroid, and a legend beside the chart. Using D3 v6, the code loads data from a CSV file via `d3.csv`, aggregates counts with `d3.rollups`, and generates arcs with `d3.pie` and `d3.arc`. Color is assigned using `d3.scaleOrdinal` with `d3.schemeCategory10`.

Ggroup118sai@gmail.com

83% match

Loading thumbnail…

Activity 9 q1

This example visualizes IMDb movie ratings by genre as a pie chart. The chart displays the distribution of movies rated above 8.5, with each slice labeled by its corresponding genre and a legend identifying the color mapping. The visualization uses D3 v7’s `d3.pie` and `d3.arc` functions to generate the chart, with data loaded from a CSV file using `d3.csv`. A legend is constructed manually using SVG rectangles and text elements.

Cchinnivikramnunna@gmail.com

83% match

Loading thumbnail…

Activity 7.1 - Q1

This pie chart visualizes the distribution of movie ratings across six genres, showing the proportion of each genre falling into various rating bands. The chart uses a D3.js pie chart with an ordinal color scale, and interactive tooltips that appear on mouseover. A legend displays the genre-color mapping. The visualization is implemented with `d3.pie`, `d3.arc`, and `d3.scaleOrdinal`, rendering as SVG with D3 v7. Genre data is sourced from a static array within the code.

Ppnamitha46@gmail.com

83% match

Loading thumbnail…

Activity7 question-1

A multi-pie chart visualization displays the distribution of movie genres across five rating categories, from below 5.0 to above 8.5. Each pie chart represents one rating bracket, with slices colored by genre and labeled with genre names. The code loads CSV data via `d3.csv` and uses `d3.pie` with `d3.arc` to generate the slices, rendering SVG graphics with `d3.v7`. Categories are processed into separate datasets before calling a `drawPieChart` function for each.

Iiftequaruddin883@gmail.com

82% match