Skip to main content
SimilarExport ZIP
100%

q1_activity7

✓ Published0🌍 Public
Bbadiniswetha@gmail.com
Last edited Apr 8, 2025
Created on Apr 8, 2025
Forked from Hello VizHub

This visualization presents a pie chart showing the distribution of Netflix content by type, differentiating between Movies and TV Shows. It loads the Netflix titles CSV dataset from a GitHub repository and uses D3.js v7 to aggregate the data with `d3.rollups` and render the chart with `d3.pie` and `d3.arc` into an SVG. The implementation also uses `d3.scaleOrdinal` for color encoding and creates a custom HTML legend alongside the chart. The display includes count labels on each slice and explanatory axis labels below.

AI-generated description
MIT Licensed

Similar vizzes

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
92% 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
88% match
Loading thumbnail…

Activity 7_Q1

This example visualizes the distribution of content ratings among Netflix titles, displaying a pie chart of rating categories with percentage labels and a color-coded legend. The chart is rendered as an SVG using D3 v6, loaded from UNPKG, with data fetched from a remote CSV via `d3.csv`. The code uses `d3.rollups` to count titles per rating, `d3.pie` and `d3.arc` to generate slices, and `d3.scaleOrdinal` with `d3.schemeCategory10` for colors, while local ES6 modules are also demonstrated.

TTarshit Vupperla
86% match
Loading thumbnail…

Activity 7_Q2

This visualization displays a stacked area chart of Netflix movies and TV shows, showing the distribution of content ratings across release years. The chart uses d3.area to create overlapping filled regions for each rating category, with each layer colored via d3.scaleOrdinal and d3.schemeCategory10. The code groups the CSV data from a GitHub repository using d3.rollups to count titles by year and rating, then renders SVG paths with axes generated by d3.axisBottom and d3.axisLeft. A legend maps colors to ratings, and the chart includes proper margins, labels, and tick formatting for readability.

TTarshit Vupperla
84% match
Loading thumbnail…

Activity7_question2

This area chart visualizes the number of Netflix Movies and TV Shows released per year, using two semi-transparent filled paths to compare the growth of each content type over time. The visualization loads a CSV dataset from a GitHub gist, filters entries by type, and aggregates counts per release year using `d3.rollups`. Built with D3 v7, it renders SVG elements with `d3.area` generators, `d3.scaleBand` for the x-axis, `d3.scaleLinear` for the y-axis, and includes axes, labels, and a legend.

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

activity7.1q1

This visualization is a pie chart that shows the distribution of user behavior classes. The data comes from a CSV file linked in the code. The chart uses D3.js version 6.7.0, specifically the `pie`, `arc`, and `select` functions to generate pie slices and display percentage labels for each class. A legend on the right identifies the color coding. The overall title sits below the chart, with an "Activity7.1q1" title in the HTML head.

Ssudheervnarasimha1@gmail.com
80% match