Data Visualization Short Presentation Task 4 Pie Chart

100%

Data Visualization Short Presentation Task 4 Pie Chart

✓ Published0🌍 Public

Last edited Jul 26, 2023

Created on Jul 26, 2023

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.

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…

Data Visualization Short Presentation Task5

This stacked bar chart displays the distribution of Netflix show ratings across six genres, with each bar segment representing the percentage of audience ratings falling into categories from "below 5.0" to "above 8.5". The visualization uses d3.csv to load the data, d3.stack() to compute the stacked segments, and d3.scaleOrdinal with a custom color array for encoding rating categories. Interactive tooltips, styled with hover effects that change rectangle opacity, display exact percentages on mouseover, while axes, labels, and a legend help contextualize the data.

Aanith462@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

79% match

Loading thumbnail…

Pie Chart

This example displays a pie chart of Netflix basic costs across countries, with each slice sized proportionally to the cost and colored via a categorical scale. The visualization also includes a legend with country names and dollar-formatted values. Built with d3.pie, d3.arc, and d3.scaleOrdinal, it loads CSV data from a GitHub gist and renders SVG paths and legends in a React project.

Ggeethanjalikotaru

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

77% match

Loading thumbnail…

Fork of Fork of Pie Chart

This visualization shows the total number of movies and shows on Netflix, broken down by country for the top eight entries. A pie chart displays proportional slices, with a color-coded legend listing each country alongside its numeric total. The chart is rendered as SVG using d3.v5, with d3.pie and d3.arc generating the segments and d3.scaleOrdinal assigning colors. Data is loaded via d3.csv from a GitHub gist, sorted by library size, and limited to the top eight rows before rendering.

MMalempatiSaranya

77% match

Loading thumbnail…

Fork of Pie Chart

This visualization shows the basic cost of Netflix subscriptions across ten countries, sorted in descending order and encoded as a pie chart with a corresponding legend. D3 v5’s `pie`, `arc`, and `scaleOrdinal` APIs generate the SVG segments, while `csv` loads the data from a GitHub gist. An interactive mouseover logs each segment’s value to the console, and labels and legend values are appended as SVG texts with formatting from a custom number function.

BBabar Farooq

76% match

Loading thumbnail…

Fork of Pie Chart

This visualization shows the basic cost of Netflix subscriptions in ten countries, displayed as a pie chart with a legend listing each country and its corresponding price. The chart uses D3 v5 APIs including `pie`, `arc`, `scaleOrdinal`, and `schemeCategory10` to generate the segments and colors. Data is loaded from a CSV file via `csv()` and rendered as SVG. The legend is built with appended rectangles and text elements, formatting prices with a custom number formatter.

Ppemmasaniprudhvinadh

76% match

Loading thumbnail…

Fork of Pie Chart

This example visualizes the basic cost of Netflix across ten hobbies using a pie chart. The chart is rendered as an SVG, with each slice colored via `d3.scaleOrdinal` and `d3.schemeCategory10`, and includes a legend showing each hobby’s name and its corresponding numeric value. The code loads data from a CSV file using `d3.csv`, sorts it descending by cost, and builds the pie with `d3.pie` and `d3.arc`. Mouseover events log the hobby value to the console, and the visualization is built with React, D3 v5, and SVG paths.

Kkakumanusreya

76% match