ICE - 7 Pie Chart

100%

ICE - 7 Pie Chart

✓ Published1🌍 Public

Last edited Mar 29, 2023

Created on Mar 29, 2023

This pie chart displays the monthly price of Amazon Prime subscriptions across different countries, with each slice colored uniquely and labeled with its price in dollars. A legend to the right pairs each country name with its corresponding color and price. The visualization uses D3 v5 to fetch CSV data via `d3.csv`, process it with `d3.pie`, and render SVG paths and text using `d3.arc` and `d3.scaleOrdinal`. The color scheme is defined manually, and values are formatted with `d3.format`.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts.

Shows the Iris Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE - 7 Pie Chart

This example displays the pricing of Amazon Prime in various countries as a pie chart generated with D3.js. Each slice, colored using a categorical scale, represents a country’s subscription cost in dollars, with values labeled directly on the chart and in a legend. The visualization uses D3’s `pie`, `arc`, and `scaleOrdinal` functions to compute and render the arc segments, while the data is fetched from a remote CSV file. An interactive SVG canvas updates the chart to show total prices across all selected regions.

GGogineni44

96% match

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

92% match

Loading thumbnail…

ICE-7- Pie Chart for Amazon Data

This example visualizes country-wise Amazon costs using a pie chart, displaying the top 10 countries by cost with color-coded slices and a legend listing each country’s cost in dollars. The chart is rendered as SVG using D3 v5, with `d3.pie()` to compute arc angles, `d3.arc()` to generate path segments, and `d3.scaleOrdinal()` with `schemeCategory10` for colors. Data is loaded from a CSV hosted on GitHub Gist and sorted before rendering. Interactive mouseover events log the selected country’s cost to the console.

KKetha

87% match

Loading thumbnail…

ICE-7 Pie Chart

This pie chart shows the number of films and events in Amazon Prime’s library across different countries, using data from the ICE-7 CSV file. The chart displays the top 11 countries by total library size, with each slice colored via `d3.scaleOrdinal` and `schemeCategory10`. Mouseovers log values to the console. The visualization uses `d3.pie` and `d3.arc` to generate SVG paths, while a custom legend lists country names and values using `d3.select` and `data` joins. The dataset is loaded asynchronously with `d3.csv`.

MMgk1255

87% match

Loading thumbnail…

Pie_Chart_ICE7

This pie chart visualizes the total number of movies and shows available on Amazon Prime, broken down by country for the top ten entries. The chart uses D3 v5’s `pie` and `arc` generators to create the SVG segments, with a `scaleOrdinal` color scheme distinguishing each country. A legend lists the country names and their corresponding library sizes, formatted as plain numbers. The data is loaded as CSV from a GitHub gist, then sorted and filtered before rendering in the SVG container.

AAnanthulaaditya

86% match

Loading thumbnail…

ICE 7 - Pie Chart

This visualization displays the monthly subscription costs for YouTube Premium in ten different countries, using a pie chart to compare prices in US dollars. Each slice is colored using the `scaleOrdinal` and `schemeCategory10` color scales, with a legend on the right listing each country and its corresponding price. The code utilizes D3 v5 APIs including `pie`, `arc`, and `csv` to parse data from a GitHub Gist, sorting the values in descending order before rendering. The SVG is statically sized, and hover interactions log data to the console.

NNaveen Kumar

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

84% match

Loading thumbnail…

Pie_Chart_ICE7

This pie chart displays the top 10 countries by total number of movies and shows in the Amazon Prime library. The dataset is loaded from a CSV file and sorted in descending order before rendering. Using D3 v5, the visualization employs `d3.pie` and `d3.arc` to generate the donut-shaped segments, while `d3.scaleOrdinal` with `schemeCategory10` assigns colors. A legend on the right lists each country with its corresponding value, and hovering over a segment logs the data to the console.

Aamulyakannam

84% match