Activity7_Question1

100%

Activity7_Question1

✓ Published0🌍 Public

Last edited Nov 4, 2024

Created on Nov 4, 2024

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`.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

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

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

89% match

Loading thumbnail…

q1_activity7

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.

Bbadiniswetha@gmail.com

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

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

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

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

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