Types of People watching the Netflix shows

100%

Types of People watching the Netflix shows

✓ Published0🌍 Public

Last edited Jul 27, 2023

Created on Jul 27, 2023

Three donut charts compare the proportion of Netflix viewers with deposits by marital status: divorced, married, and single. Each chart uses `d3.pie` and `d3.arc` to render donut segments, with `d3.nest` aggregating the CSV data by the `y` (deposit) variable. Color distinguishes deposit status, while labels show percentages and hover tooltips display exact counts using SVG and animated opacity transitions. The data is fetched via the Fetch API from a GitHub gist.

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…

Term Deposits based on Marital Status

Three donut charts compare term deposit subscription rates across divorced, married, and single customers. Each chart uses `d3.pie` and `d3.arc` to render the proportions of "yes" and "no" responses, with percentage labels and hover tooltips showing exact counts. The data is fetched as CSV and filtered with `d3.nest`, while an ordinal color scale distinguishes the two outcomes. The visualization is built with D3 v5, rendered as SVG, and includes basic hover interactions via mouseover and mouseout events.

Ssrikkanth05

75% match

Loading thumbnail…

Donut Charts - Attrition Level per Categories

A set of donut charts displays the number of attrited versus existing bank customers across five categorical variables: income level, education level, marital status, card category, and gender. A dropdown menu lets the user switch between these categories, and the charts animate smoothly when the selection changes. The visualization is rendered with SVG using D3.js, leveraging the pie and arc generators to create the donut segments. Each slice’s fill color encodes customer status, and tooltips reveal exact counts on hover. The data comes from a Bank Customers Dataset loaded as a CSV, and a custom summary function aggregates counts per group.

RRaul Gamez

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

68% match

Loading thumbnail…

Tax Payers: Gender and Marital Status Ratio Pie Chart

This visualization displays the ratio of tax payers categorized by gender and marital status, presented as a pie chart. The two charts show gender (male and female) and marital status (single, widowed, married) totals, sourced from CSV files. The code uses d3 pie and arc functions to generate the SVG paths, with d3.scaleOrdinal and d3.schemeSet2 providing categorical colors. Labels are placed at each slice’s centroid using the arc generator’s centroid method.

IIyke2909

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

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

66% match

Loading thumbnail…

Pie Chart

This pie chart visualizes the basic monthly Netflix subscription cost across twelve countries, using D3 v5's `pie` and `arc` functions to generate the SVG segments and a categorical color scale (`scaleOrdinal` with `schemeCategory10`) to distinguish each nation. Slices are sorted by cost, and an interactive legend, built with `selectAll` and appended SVG `rect` and `text` elements, displays each country’s name and price in dollars. The data is loaded from a CSV file hosted on a GitHub gist, and mouseover events log the corresponding cost to the console.

VVAbhiram99

66% match

Loading thumbnail…

Data Visualization

This example visualizes the structure of a Netflix credits dataset, displaying a summary of its size in kilobytes, row count, and column count using D3.js. The visualization shows two simple humanoid stick figures, one on the left and one on the right, alongside text describing the dataset’s attributes, such as person ID, character names, and roles. The code loads data from a CSV file using `d3.csv`, formats the data with `d3.csvFormat`, and renders the result in an HTML `<pre>` element. The figures are drawn using raw SVG shapes within a React-based D3 v7 environment.

SSravyaAnnadi

66% match