Skip to main content
SimilarExport ZIP
100%

Fork of Pie Chart

✓ Published0🌍 Public
SsreepavanKothapalli
Last edited Mar 29, 2023
Created on Mar 29, 2023
Forked from 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.

AI-generated description

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

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Pie Chart

This visualization displays the basic cost of Netflix subscriptions across ten countries using a pie chart, with a legend listing each country alongside its corresponding cost in dollars. The chart is rendered as SVG using D3 v5 within a React framework, employing D3's `pie`, `arc`, `scaleOrdinal`, and `schemeCategory10` functions to generate the arcs and colors. Data is loaded from a CSV file hosted on GitHub, sorted in descending order, and the top ten entries are displayed, with hovering over a section logging its cost to the console.

NNeeharikaGali
97% 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
97% 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
97% 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
97% 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
97% 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
97% 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
96% match
Loading thumbnail…

Fork of Pie Chart

This visualization shows the basic cost of Netflix subscriptions across ten countries, sorted in descending order and encoded as a pie chart with a corresponding legend. D3 v5’s `pie`, `arc`, and `scaleOrdinal` APIs generate the SVG segments, while `csv` loads the data from a GitHub gist. An interactive mouseover logs each segment’s value to the console, and labels and legend values are appended as SVG texts with formatting from a custom number function.

BBabar Farooq
96% match