Skip to main content
SimilarExport ZIP
100%

Task 9

✓ Published0🌍 Public
Kkeerthi.yanala104@gmail.com
Last edited Apr 26, 2024
Created on Apr 26, 2024
Forked from Hello VizHub

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.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

Loading thumbnail…

Task9_Question1

A pie chart shows the distribution of Netflix titles by genre, with colorful slices and a legend for identification. The chart uses `d3.pie()` to create the layout and `d3.arc()` to draw each slice, with a color scale from `d3.scaleOrdinal` and `d3.schemeCategory10`. Data is loaded from a remote CSV file, and genres are aggregated via `d3.nest()` and `d3.rollup()` to count titles per genre. The visualization is rendered as SVG, with labels inside slices and a legend at the right side.

CChandra Prakash Reddy Kalwakolu
86% match
Loading thumbnail…

Fork of task9_question1

This pie chart visualizes the distribution of Netflix titles across genres using data loaded from a remote CSV file. The chart slices are colored with D3’s `schemeCategory10` and labeled with each genre’s percentage, which is calculated from the arc’s angular span. A legend with color swatches identifies each genre. The example demonstrates key D3 v7 APIs, including `d3.rollup` for aggregation, `d3.pie` for arc generation, and `d3.arc` for path rendering, all output as SVG.

Rravularasesh3102@gmail.com
85% match
Loading thumbnail…

Fork of Pie Chart

This visualization shows the top 10 countries by total Netflix movies and shows, displayed as a pie chart with a color-coded legend listing each country and its corresponding library size. The data is loaded from a CSV file via d3.csv, sorted descending, and sliced to the top 10 entries. The pie layout is computed with `d3.pie`, arcs are drawn using `d3.arc`, and categorical colors come from `d3.scaleOrdinal` with `schemeCategory10`. SVG elements are appended and styled with external CSS, and the legend includes both country names and numeric values.

Yyaswanthsen
84% 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
83% 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
83% 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
83% match
Loading thumbnail…

Pie Chart

This pie chart visualizes the top ten countries by total Netflix library size, using a categorical color scheme. It is rendered as an SVG with D3 v5, using `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate the slices and a custom legend. The data is loaded from a CSV file and sorted to display the largest values. Hovering over a slice logs the library size to the console.

AAditya Pujari
82% match
Loading thumbnail…

Data Visualization Short Presentation Task 4 Pie Chart

This pie chart displays Netflix viewership data by genre, with each slice representing the number of viewers for a particular Netflix category. Values are formatted in thousands and labeled inside the chart, while a legend on the right identifies each genre with a color-coded rectangle. The visualization uses D3 v5 to load CSV data via `d3.csv`, compute the pie layout with `d3.pie` and `d3.arc`, and render the chart as SVG paths and text. Colors are assigned using `d3.scaleOrdinal` with a custom range.

Aanith462@gmail.com
82% match