Fork of hulu

100%

✓ Published0🌍 Public

Last edited Mar 28, 2024

Created on Mar 28, 2024

Forked from TemperatureReport Scatterplot

This pie chart visualizes Amazon Prime subscription prices across different countries using the Hulu dataset. The visualization renders each country's price as a colored slice, with labels displaying the exact cost in dollars. Built with D3 v5, the chart uses the `d3.pie` and `d3.arc` functions to generate the circular segments, while `d3.scaleOrdinal` assigns distinct colors to each price value. A legend on the right pairs each color swatch with its corresponding country and price, making the data easy to compare at a glance.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts.

Shows the Iris Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of ICE - 7 Pie Chart

This pie chart displays the cost of Amazon Prime subscriptions across different countries. The visualization uses D3 v5 APIs including `d3.csv`, `d3.pie`, `d3.arc`, and `d3.scaleOrdinal`. The data is fetched from a remote CSV file containing country and price information. Revenue values are shown as black text labels on each pie slice, while a legend to the right maps a country to its corresponding price, with slices colored using a predefined array of ten colors. The pie is rendered using SVG elements appended to a 960x500 canvas.

Ttejasrikotipalli1@gmail.com

82% match

Loading thumbnail…

Pie Chart

This example displays a pie chart visualizing Hulu users across the top 10 counties, with each slice representing the basic cost of subscriptions. The chart uses d3.pie and d3.arc to generate the segments, with d3.scaleOrdinal and d3.schemeCategory10 assigning colors. Legends are rendered as SVG rectangles and text, listing country names alongside their user counts in thousands. Data is loaded via d3.csv from a remote gist, then sorted and filtered to the top 10 entries before rendering.

SSUSHMA CHIRRA

79% match

Loading thumbnail…

Fork of Pie Chart

This visualization displays the basic cost of Netflix subscriptions across ten countries, using a pie chart with an accompanying legend that lists each country, its color-coded square, and its cost in dollars. The chart is rendered with D3 v5 in an SVG, using `d3.pie` and `d3.arc` to generate the segments, `d3.scaleOrdinal` with `schemeCategory10` for colors, and `d3.csv` to load data from a GitHub gist. The data is sorted in descending order before rendering.

SsreepavanKothapalli

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

78% match

Loading thumbnail…

Fork of Fork of Pie Chart

This pie chart displays the basic cost of Netflix subscriptions across ten countries, sorted from highest to lowest. The visualization uses D3 v5 APIs including `pie`, `arc`, and `scaleOrdinal` with `schemeCategory10` to generate SVG paths. Each slice’s color corresponds to its cost value, with mouseover logging the data to the console. A legend on the right lists each country with a color swatch and formatted dollar amount, while the data comes from a CSV file loaded via `csv()`.

Nnandugali

78% match

Loading thumbnail…

AmazonPrime_Basic_Cost Pie Chart

This pie chart displays the monthly cost of Amazon Prime Basic subscriptions across ten countries, with each slice colored by cost and accompanied by a legend listing country names and dollar amounts. The data is loaded from a CSV dataset and sorted in descending order before rendering. The visualization is built using React with D3 v5, leveraging `pie`, `arc`, `scaleOrdinal`, and `schemeCategory10` to generate SVG paths and legends.

Jjayavamsi

78% match

Loading thumbnail…

Fork of Fork of Pie Chart

This visualization presents the basic cost of Netflix subscriptions for the ten most expensive countries, rendered as a pie chart using D3.js version 5 within a React framework. The chart displays each country's cost as a colored arc segment with a legend listing country names and corresponding dollar amounts. The code utilizes D3's `pie`, `arc`, `scaleOrdinal`, and `schemeCategory10` functions to generate the chart and its color scheme, pulling data from a CSV file hosted on GitHub Gist. Mouseover interactions log the cost values to the console.

Mmanishcheruku

78% match

Loading thumbnail…

Fork of Pie Chart(11480431)

A pie chart displays the premium subscription cost in USD for Netflix across ten countries, with a legend listing each country alongside its corresponding price. The data is loaded from a GitHub gist via `d3.csv` and sorted before rendering. The chart uses `d3.pie` and `d3.arc` to generate SVG paths, with `d3.scaleOrdinal` and `schemeCategory10` assigning colors to each segment. Labels and values are added as SVG text elements within a React-applied framework, all rendered using D3 v5.

Vviswak12

78% match