SharanyaSriram ICE - 7 Pie Chart

100%

SharanyaSriram ICE - 7 Pie Chart

✓ Published0🌍 Public

Last edited Mar 25, 2023

Created on Mar 25, 2023

This pie chart visualizes the monthly price of HBOMAX subscriptions across different countries. A legend pairs each country with its corresponding cost in US dollars. The chart is built with D3 v5, using the `pie` and `arc` generators to create SVG paths and place text labels at each section's centroid. Data is loaded asynchronously from a CSV file via `d3.csv`, with colors assigned through `scaleOrdinal` and numeric values formatted with `d3.format`.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE - 7 Pie Chart

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

SSharanya1307

77% match

Loading thumbnail…

ICE - 7 Pie Chart

This pie chart visualizes the cost of F1 TV Pro subscriptions across different countries, with each slice labeled with its price in US dollars and accompanied by a color-coded legend. The visualization is built using D3.js v5, fetching CSV data from a GitHub gist and rendering it as SVG. The code uses `d3.pie` to compute arc angles, `d3.arc` for path generation, and `d3.scaleOrdinal` to map costs to a fixed palette. The legend is manually positioned, and all text labels use `d3.format` for numeric formatting.

PPYATA SHARAN

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

75% match

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

75% match

Loading thumbnail…

Sriram ice 7 pie chart

This pie chart visualizes monthly expenditures by department, with each slice labeled and colored distinctly. A legend on the right lists each department alongside its formatted dollar amount. The code uses d3.pie and d3.arc to generate the segments, d3.scaleOrdinal for coloring, and d3.csv to load data from a remote GitHub gist. Text labels are positioned using the arc centroid method, while the legend is built with SVG rectangles and text elements.

SSriram-Voruganti

74% match

Loading thumbnail…

Ice 7 Pie Chart

This pie chart shows the basic cost of Netflix subscriptions across ten countries, ranked from highest to lowest, with a legend listing each country and its corresponding price. The visualization is built using D3 version 5 within a React framework, rendering as an SVG. It uses `d3.pie` and `d3.arc` to generate the sectors, with `d3.scaleOrdinal` and `d3.schemeCategory10` for color assignment. Data is loaded from a CSV file via `d3.csv`, sorted, and the top ten entries are displayed with interactive `mouseover` logging.

Mmanishcheruku

74% match

Loading thumbnail…

Fork of ICE - 7 Pie Chart OTT and subscription

This visualization presents a pie chart comparing monthly subscription prices in Indian Rupees across various OTT platforms, using data fetched from a GitHub-hosted CSV file. Each slice is labeled with its price, and a color-coded legend identifies the platform names alongside their corresponding rates. The chart is built with React, D3 v5’s `pie()` and `arc()` generators, and `scaleOrdinal` for coloring, rendering in SVG. The code uses asynchronous `csv` loading and `d3.arc` for both slice geometry and centroid-based text placement.

Ssushmithameher-patnam

74% match

Loading thumbnail…

ICE7-Pie Chart

A pie chart displays the cost per gallon of gas for ten countries, labeled as the "Basic Cost of Netflix," with a legend listing each country and its corresponding dollar value. The visualization uses D3 v5 APIs including `pie()`, `arc()`, `scaleOrdinal` with `schemeCategory10`, and SVG rendering within a React component. Data is loaded via `csv()` from a GitHub gist, parsed for numeric cost values, and sorted to show the top ten entries.

Yyamunaunt

73% match