Activity 7

100%

✓ Published1🌍 Public

Last edited Nov 2, 2024

Created on Oct 30, 2024

This visualization displays a pie chart of the top 10 movie directors by number of directed films, with each slice labeled by its count and a legend identifying directors. The chart uses D3.js v6’s `d3.pie` and `d3.arc` to compute and render the SVG paths, while `d3.rollup` aggregates the CSV data from a GitHub Gist. A categorical color scale (`d3.scaleOrdinal`) with `schemeCategory10` colors the slices, and the title and legend are appended as SVG text elements.

AI-generated description

MIT Licensed

Similar vizzes

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

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

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

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

78% match

Loading thumbnail…

Assignment 2

This visualization presents a pie chart of the top 10 movies and their IMDb ratings, sourced from a CSV file. The chart uses distinct colors for each segment and includes a legend that pairs movie titles with their ratings. Built with D3 v5, the code uses `d3.csv`, `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate the SVG, with labels and a legend constructed from SVG `path` and `text` elements.

Yyellahemalatha@gmail.com

78% match

Loading thumbnail…

Activity7-Q1

This interactive pie chart visualizes total movie ratings by genre, with a legend and tooltip for detailed values. The code uses D3.js v7, loading CSV data and aggregating it with `d3.rollup` and `d3.sum`, then generating arcs via `d3.pie` and `d3.arc`. A tooltip appears on mouseover, and the SVG is styled with CSS, featuring a color scale using `d3.scaleOrdinal` with `d3.schemeCategory10`. The chart is centered with extra space allocated for the legend, and the title explicitly states "Total Ratings by Genre."

119n81a0581sunny@gmail.com

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

77% match

Loading thumbnail…

Activity 7

This pie chart visualizes the top 10 store areas by sales, using a dataset fetched via `d3.csv` from a GitHub-hosted CSV file. Slices are generated with `d3.pie()` and drawn as SVG paths using `d3.arc()`, with each slice labeled by its store area and sales value. A legend, built with SVG groups, maps the color-coded categories to their names. The chart uses a custom color scale from `d3.scaleOrdinal()` and is styled with a bordered SVG container.

Hhlmn4936@gmail.com

77% match