Activity 7_Q1

100%

✓ Published0🌍 Public

Last edited Nov 7, 2024

Created on Nov 7, 2024

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.

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

79% match

Loading thumbnail…

Activity6_Task2_Q2

This stacked bar chart displays the distribution of movie ratings across five Prabhas films (Saaho, RadheShyam, Adipurush, Salaar, and Kalki2898AD), broken down by percentage ranges from 1.0-2.0 to 4.0-5.0. Each bar segment uses a distinct color from a categorical scale, with tooltips showing exact percentages on hover. The chart loads data from a CSV file using D3 v7, employs `d3.stack()` for stacking, `d3.scaleBand()` and `d3.scaleLinear()` for axes, and renders as SVG with an interactive legend.

Aanish6005@gmail.com

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

78% match

Loading thumbnail…

Activity-7-Q1

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.

Nnikhilthoutu24@gmail.com

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

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

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

74% match

Loading thumbnail…

Activity 7.1 - Pie Chart

This pie chart visualizes the distribution of movie genres, specifically highlighting Action, Adventure, Drama, Romance, and Comedy, based on a CSV file loaded from a GitHub repository. Each slice shows the genre name and its count, with a legend providing a clear color key. The visualization uses D3 v6, employing `d3.pie()` and `d3.arc()` to construct the chart, while `d3.scaleOrdinal()` assigns a categorical color scheme. The data is fetched via `d3.csv` and rendered directly into an SVG element.

Ggsdontineni518@gmail.com

72% match