Fork of ICE-7_Pie_Fajardo

100%

Fork of ICE-7_Pie_Fajardo

✓ Published0🌍 Public

Last edited Mar 30, 2023

Created on Mar 30, 2023

This pie chart visualizes the basic cost of Netflix subscriptions across the top ten countries, sorted in descending order. Each slice is colored using `d3.scaleOrdinal` with `schemeCategory10`, and labels are generated via `d3.pie` and `d3.arc` before being rendered as SVG paths. A legend with country names and dollar amounts accompanies the chart, built with SVG `rect` and `text` elements. Data is loaded asynchronously from a CSV file using `d3.csv`.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

Similar vizzes

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

92% match

Loading thumbnail…

Fork of Ice 7 Pie Chart

A pie chart displays the basic monthly cost of Netflix in ten countries, with slices sorted by price. D3 v5’s `pie` and `arc` generators build the chart, while a `scaleOrdinal` with `schemeCategory10` assigns colors. The code appends legend rectangles and text elements manually using SVG. Country names and costs are labeled in dollars, and hover events log slice values to the console.

Mmanishcheruku

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

92% match

Loading thumbnail…

Fork of Pie Chart

This example visualizes the basic cost of Netflix subscriptions across ten countries using a pie chart, with a color-coded legend and dollar values displayed alongside each country name. The visualization is rendered as SVG using D3 v5 APIs, including `pie()`, `arc()`, `scaleOrdinal`, and `schemeCategory10`, while data is loaded from a CSV file via `csv()`. The chart uses a simple inner radius of zero and sorts countries by cost descending, with mouseover events logging values to the console.

Sshawn24gomez

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

91% match

Loading thumbnail…

Fork of Pie Chart

This visualization displays the basic cost of Netflix subscriptions for ten countries, represented as a pie chart with a legend and dollar amounts. It uses D3 v5 functions like `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` for color encoding, rendering SVG elements. Data is loaded from a CSV file via `d3.csv` and sorted before rendering. The chart is implemented in a React starter template, with interaction limited to console logging on mouseover.

GGogineni44

91% match

Loading thumbnail…

Fork of Pie Chart

GGogineni44

91% match

Loading thumbnail…

Fork of Fork of Pie Chart

This visualization displays the basic monthly cost of Netflix subscriptions across ten countries, with a color-coded pie chart and a corresponding legend that lists each country, its color swatch, and its cost in dollars. The chart is rendered as SVG, with the data sorted in descending order before the top ten entries are displayed. The code uses D3 v5 APIs including `pie`, `arc`, `scaleOrdinal`, and `schemeCategory10` to generate the chart, and loads data from a CSV hosted on GitHub.

Mmanishcheruku

91% match