Project_PieChart

Pie Chart

This example displays a pie chart of Netflix basic costs across countries, with each slice sized proportionally to the cost and colored via a categorical scale. The visualization also includes a legend with country names and dollar-formatted values. Built with d3.pie, d3.arc, and d3.scaleOrdinal, it loads CSV data from a GitHub gist and renders SVG paths and legends in a React project.

Ggeethanjalikotaru

Fork of Pie Chart

This example shows the basic cost of Netflix subscriptions across ten countries, sorted descending and displayed as a pie chart with a color-coded legend and cost labels. Built with D3 v5 and React, it uses `d3.pie`, `d3.arc`, and `scaleOrdinal` with `schemeCategory10` to generate SVG paths. Data is loaded via `d3.csv` from a GitHub gist, and mouseover events log the selected value to the console.

LLakshmipriya-kalapala

Fork of Pie Chart

This example presents a pie chart visualizing the basic cost of Netflix across ten countries, with a legend listing each country's name and corresponding price. The chart uses D3 v5 to load CSV data from a GitHub gist, sorts it in descending order, and renders the slices using the `pie` and `arc` APIs. It employs a categorical color scale from `scaleOrdinal` and `schemeCategory10`, and attaches mouseover handlers for console logging. The visualization is built with React, SVG, and CSS styling for the title and legend text.

GGogineni44

Fork of Pie Chart

This example visualizes the basic cost of Netflix subscriptions across ten countries, using a pie chart with a legend displaying each country’s name and its cost in U.S. dollars. The data is loaded from a CSV file via `d3.csv`, then processed with `d3.pie` and rendered using `d3.arc` paths. Colors are assigned with `d3.scaleOrdinal` and `d3.schemeCategory10`, while the SVG output is built in a React framework with D3 v5, and hover events log the selected value to the console.

CChaitanya Ratan Sree

Fork of Pie Chart

This example visualizes the basic cost of Netflix subscriptions across ten countries, showing each cost as a slice of a pie chart with a corresponding legend that lists country names and their dollar values. The chart is built using D3.js v5 within a React framework, leveraging the `pie`, `arc`, and `scaleOrdinal` APIs to generate and color the SVG segments. Data is loaded from a CSV file hosted on GitHub Gist, sorted in descending order, and the chart renders interactively, logging the cost of a selected slice to the console on mouseover.

Mmanishcheruku

Fork of Pie Chart

This example visualizes the basic monthly cost of Netflix subscriptions across ten countries using a pie chart with a legend. The chart is rendered with SVG elements and built in React, using D3 v5 functions such as `pie()`, `arc()`, `scaleOrdinal()`, and `schemeCategory10` for coloring. Data is loaded via `d3.csv` from a GitHub gist, sorted descending, and displayed with formatted dollar values in the legend. Each slice responds to mouseover by logging the cost to the console.

AAlonso Figueroa

Fork of Pie Chart

This example visualizes the basic cost of Netflix per month for ten countries, sorting the data from highest to lowest cost. The visualization uses a pie chart to represent the proportional costs, with a color-coded legend listing each country, its corresponding color swatch, and its monthly price in dollars. Built with D3 v5, the code uses `pie` and `arc` to generate the chart’s segments, while `scaleOrdinal` with `schemeCategory10` assigns colors. The data is loaded from a CSV file via `csv`, and the chart is rendered as an SVG with React, with interactions logging the cost value on mouseover.

Bbhanuteja1807@gmail.com

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