Activity-7-Q1

100%

✓ Published0🌍 Public

Last edited Apr 10, 2025

Created on Apr 10, 2025

A pie chart visualizes the box office collections of films starring actor Natural Star Nani, with each slice representing a film and its collection in crores. The chart uses d3.pie and d3.arc to generate the segments and d3.scaleOrdinal for color mapping. A legend lists each film with its corresponding collection value. Data is loaded asynchronously from a GitHub-hosted CSV file using d3.csv. The SVG rendering centers the chart and labels each slice with its numeric value.

AI-generated description

MIT Licensed

Similar vizzes

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

84% match

Loading thumbnail…

Activity-7_Question-1

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

Hhoneyravuri.711@gmail.com

81% match

Loading thumbnail…

Activity 7 Q1

This D3.js pie chart displays the box office collections (in ₹ Cr) for Mahesh Babu movies. It uses `d3.pie()` to compute the arc segments and `d3.arc()` with an inner radius of zero for the slices. A color scale from `d3.scaleOrdinal` with the `d3.schemeSet2` range fills each slice, and percentage labels are positioned using `arc.centroid()`. A legend, built with SVG rectangles and text, identifies each movie, with data loaded via `d3.json`. The chart is rendered as an SVG, and the title, labels, and legend are all part of the same SVG canvas.

Ppuppireddyarchana@gmail.com

79% match

Loading thumbnail…

Activity - 7 - Q1

This pie chart shows the sales figures for a set of books, with each slice labeled by its sales value in crores and accompanied by a color-coded legend. The visualization loads data from a GitHub-hosted CSV file using `d3.csv` and renders the chart with D3 v5's `pie` and `arc` generators. Slice colors are assigned via `d3.scaleOrdinal`, and the final SVG output places the chart and its legend within a 960 by 500 pixel canvas.

NNitish Thotakura

77% match

Loading thumbnail…

Activity 7_Q1

This visualization shows the box office collections of Prabhas films as a pie chart, with each slice labeled with its collection amount in millions and a legend listing film names. The dataset is loaded from a GitHub Gist using `d3.csv`. The chart is rendered with SVG paths generated by `d3.pie` and `d3.arc`, while `d3.scaleOrdinal` assigns colors from a predefined array. Labels and legend text are positioned using `arc.centroid` and fixed translations, with D3 v5 used throughout.

Aanish6005@gmail.com

77% match

Loading thumbnail…

Activity 7.1 Q1

This pie chart displays the distribution of Netflix content types, showing the proportional share of each category in the dataset. The visualization is rendered using D3 v6 with SVG elements, employing d3.pie and d3.arc to generate the slices and d3.scaleOrdinal with schemeSet2 for color encoding. Labels are positioned at arc centroids, and a legend with counts is included. The data is loaded via d3.csv from a remote GitHub-hosted CSV file, with counts aggregated using d3.group.

Nnissisharon61@gmail.com

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

76% match

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

75% match