Skip to main content
SimilarExport ZIP
100%

Assignment-2-Question-1

✓ Published0🌍 Public
HHarshathBudida@my.unt.edu
Last edited Apr 11, 2024
Created on Apr 9, 2024
Forked from Hello VizHub

This pie chart visualizes the monthly cost of Netflix's basic plan across twelve countries, sorted from highest to lowest. Each slice represents a country, with a legend on the right listing the country name and its cost. The chart uses D3's `pie`, `arc`, `scaleOrdinal`, and `schemeCategory10` APIs to generate the SVG, with data loaded from a CSV hosted in a GitHub gist.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

Loading thumbnail…

Harshita Pie_Chart_Question1

This pie chart visualizes the basic cost of Netflix subscriptions across ten countries, sorted in descending order. The chart uses D3 v5’s `pie`, `arc`, and `scaleOrdinal` with `schemeCategory10` to generate SVG paths, while a custom legend displays country names and dollar amounts. Data is loaded via `d3.csv` from a GitHub-hosted CSV file, and mouseover events log values to the console.

HHarshita Vairagade
91% match
Loading thumbnail…

Harshita Pie_Chart_Question1

This pie chart visualizes the basic cost of Netflix subscriptions across ten countries, sourced from a GitHub-hosted CSV file. The chart uses D3 v5's `pie` and `arc` APIs to generate SVG path segments, with `scaleOrdinal` and `schemeCategory10` assigning colors. A legend, positioned to the right, lists each country with its corresponding color swatch and a dollar-formatted value, created using D3's `select`, `csv`, and `append` methods.

HHarshita Vairagade
91% match
Loading thumbnail…

Harshita Pie_Chart_Question1

This visualization displays the basic subscription cost of Netflix in ten countries, sorted from highest to lowest, using a pie chart with a legend showing each country’s corresponding value in dollars. The code uses d3.pie, d3.arc, and d3.scaleOrdinal with d3.schemeCategory10 to generate the SVG paths, while d3.csv loads the data from a GitHub-hosted CSV file. Interactive mouseover events log the basic cost to the console, and axis labels for “Country” and “Basic Cost ($)” are drawn with d3.axisBottom and d3.axisLeft.

HHarshita Vairagade
91% match
Loading thumbnail…

Pie_chart_Question1

This example presents a pie chart comparing the basic monthly cost of Netflix subscriptions across ten countries, with values displayed in US dollars. The chart renders as an SVG using D3 v5, with `d3.pie` and `d3.arc` generating the segments and a `d3.scaleOrdinal` with `schemeCategory10` assigning colors. A legend, built with SVG rectangles and text, lists each country alongside its cost. Data is loaded asynchronously via `d3.csv` from a GitHub-hosted CSV file, and the countries are sorted descending by cost before rendering.

Nnaveen.dodda4321@gmail.com
89% match
Loading thumbnail…

Pie_Chart_Question1

This pie chart visualizes the basic cost of Netflix subscriptions across ten countries, sorted in descending order and displayed as a donut-style chart with a color-coded legend. The data is loaded from a GitHub-hosted CSV file using `d3.csv`. The visualization uses D3 v5’s `pie`, `arc`, and `scaleOrdinal` APIs to generate SVG paths and apply a categorical color scheme. Mouseover events log each slice’s cost to the console, while the legend lists country names and their corresponding dollar values.

Nnaveen.dodda4321@gmail.com
89% match
Loading thumbnail…

Pie Chart

This pie chart visualizes the basic monthly Netflix subscription cost across twelve countries, using D3 v5's `pie` and `arc` functions to generate the SVG segments and a categorical color scale (`scaleOrdinal` with `schemeCategory10`) to distinguish each nation. Slices are sorted by cost, and an interactive legend, built with `selectAll` and appended SVG `rect` and `text` elements, displays each country’s name and price in dollars. The data is loaded from a CSV file hosted on a GitHub gist, and mouseover events log the corresponding cost to the console.

VVAbhiram99
88% match
Loading thumbnail…

Pie_Chart_Question1

A pie chart displays the basic cost of Netflix subscriptions across ten countries, sorted from highest to lowest and formatted in US dollars. The chart renders as an SVG using D3 v5 within a React framework, leveraging D3's `pie`, `arc`, and `scaleOrdinal` functions to generate segments and apply a categorical color scheme. A legend with colored rectangles, country names, and cost values accompanies the plot, and hovering over a segment logs its cost to the console. Data is loaded asynchronously from a GitHub-hosted CSV file using D3's `csv` method.

Nnaveen.dodda4321@gmail.com
88% match
Loading thumbnail…

ACT7_TASK1

This pie chart visualization displays the basic cost of Netflix subscriptions across ten countries, with each slice representing a country’s monthly price in dollars. The chart uses D3 v5’s `pie()` and `arc()` functions to generate the sectors, while `scaleOrdinal` with `schemeCategory10` assigns colors to each slice. A legend lists the countries alongside their corresponding costs, formatted with a custom number formatter. Data is loaded from a CSV file via `d3.csv` and sorted in descending order before rendering the top ten entries.

RRevanth putta
88% match