Activity-7

100%

✓ Published0🌍 Public

MMounishAllam@my.unt.edu

Last edited Nov 7, 2024

Created on Nov 2, 2024

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.

AI-generated description

MIT Licensed

Similar vizzes

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

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

84% match

Loading thumbnail…

Activity 7

This example visualizes the distribution of movies rated above 8.5 by genre as a pie chart, with a custom legend using distinct D3 symbols (circles, squares, triangles, diamonds, and crosses) for each genre. It loads CSV data asynchronously via `d3.csv`, converts the relevant column to numbers, and renders the chart as SVG using `d3.pie` and `d3.arc`. The visualization uses a color scale with `d3.schemeCategory10` and includes axis labels and a title, though no axes are drawn.

AAamani Chamarthi

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

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

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

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

82% match

Loading thumbnail…

Activity-7

This pie chart displays the distribution of Indian food types by count, sourced from a CSV file, using an SVG rendering. The visualization aggregates data with `d3.nest` and `d3.rollup`, then employs `d3.pie` and `d3.arc` to construct the slices. Interactive tooltips appear on mouseover, and a color-coded legend identifies each category. The chart is built with D3 v7 and uses a sequential color scheme for visual distinction.

119n81a0581sunny@gmail.com

82% match