Skip to main content
SimilarExport ZIP
100%

Assignment 2

✓ Published0🌍 Public
Yyellahemalatha@gmail.com
Last edited Apr 12, 2024
Created on Apr 12, 2024

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.

AI-generated description

This is a Pie chart

MIT Licensed

Similar vizzes

Loading thumbnail…

Assignment 2

This example shows the distribution of IMDb ratings for a set of movies, presented as a pie chart with a separate legend listing each movie title and its corresponding rating. The chart uses D3.js v5 to load CSV data from a GitHub gist, bind it to SVG path segments via the `pie` and `arc` generators, and color-code slices using `scaleOrdinal`. Text labels, positioned with `arcGenerator.centroid`, display each value, while the legend renders rectangles and text elements. The data is parsed as numbers before rendering, and the visualization is sized to 960 by 500 pixels.

Yyellahemalatha@gmail.com
91% match
Loading thumbnail…

Task 9

This visualization displays the top 20 Netflix TV shows and movies as a pie chart, with each slice labeled by its count and accompanied by a color-coded legend. It loads data from a GitHub-hosted CSV file using d3.csv, then sorts and filters it to show only the top entries. The chart uses d3.pie to generate arc data and d3.arc to draw SVG paths, with d3.scaleOrdinal assigning colors to slices. Text labels are positioned using arc.centroid, while the legend is built with SVG rect elements and text in a d3.selectAll pattern.

Kkeerthi.yanala104@gmail.com
82% 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
82% match
Loading thumbnail…

Task 9 Ques 1(1)

This visualization shows the distribution of IMDb movie ratings below 5.0 across different genres using a pie chart. It uses d3.csv to load the dataset and d3.pie to compute the arc segments, while d3.arc generates the SVG path shapes. Each slice is colored with d3.scaleOrdinal, and genre labels are placed using an inner arc's centroid calculation. A legend on the right side maps colors to genre names, with all elements rendered as SVG within a 960x700 pixel viewport.

Nnithinnc@outlook.com
81% match
Loading thumbnail…

Task9

This pie chart visualizes the distribution of IMDB Top 250 movies released between 1990 and 2000, showing the count of movies for each year. The chart uses a categorical color scheme from `d3.schemeCategory10` to differentiate year slices, with each slice labeled by its corresponding year. A legend on the right lists each year with its movie count. The visualization is built with D3 v7, using `d3.pie()` for layout and `d3.arc()` for rendering the path geometry as SVG.

Kkeerthi.yanala104@gmail.com
81% match
Loading thumbnail…

Fork of Pie chart

This example visualizes the top movies and their ratings using a pie chart, with each slice representing a movie and its size proportional to the rating value. The chart renders as an SVG, using D3.js v5's `pie` and `arc` generators to create the segments and a color scale for differentiation. Ratings are loaded from a CSV file via `d3.csv`, and a legend on the right displays each movie's name alongside its corresponding rating value, formatted with `d3.format`.

AAISWARYAMARAPATLA1999
80% match
Loading thumbnail…

Pie Chart to show Runtime of top rated movies on IMDB

This visualization presents the runtime of the top ten rated movies on IMDB as a pie chart, with each slice colored by runtime and accompanied by a legend listing the movie title and its duration in minutes. The chart is rendered as SVG using D3 v5, with the `pie`, `arc`, and `scaleOrdinal` functions from D3 computing the slice geometry and categorical color scheme. Data is loaded from a CSV file hosted on GitHub, and hover events log the runtime to the console.

HHarshavardhan
80% 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
79% match