Skip to main content
SimilarExport ZIP
100%

ass2 q1

✓ Published0🌍 Public
Sshravan.s0710@gmail.com
Last edited Apr 13, 2024
Created on Apr 12, 2024
Forked from Hello VizHub

This pie chart visualizes the price of HBOMAX in different countries, with each slice labeled with its dollar value and a legend mapping colors to countries. The data is loaded from a CSV file hosted on GitHub. The visualization uses D3 v5 APIs including `d3.select`, `d3.json`, `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate SVG arcs and text labels, while styling is applied through CSS selectors in the SVG.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

SharanyaSriram ICE - 7 Pie Chart

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

SSharanyaSriram
80% match
Loading thumbnail…

Pie Chart

This pie chart displays the year-to-date sales distribution across multiple HBO Max brands, with each slice’s size and color encoding the proportional value. The chart also includes a legend showing each brand’s name, its percentage of the total, and the raw sales figure in thousands. The visualization is built using D3.js v5, which loads data from a CSV file hosted on GitHub, computes pie arcs with `d3.pie()`, and renders the SVG paths using `d3.arc()`. Colors are assigned via `d3.scaleOrdinal()`, and the legend labels are formatted with `d3.format()`.

Yyaswanthsen
74% match
Loading thumbnail…

Pie Chart of HBO MAX

This pie chart displays the number of movies and shows available on HBO MAX, broken down by country for the top ten entries in the dataset. The visualization uses D3 v5’s `pie` and `arc` generators to create the chart, with colors assigned via `scaleOrdinal` and `schemeCategory10`. Each slice’s value is mapped to the `TotalLibrarySize` field, and a legend lists each country with its corresponding count. The code loads data from a CSV file, sorts it descending, and renders only the first ten rows.

Yyaswanthsen
74% 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
73% match
Loading thumbnail…

Pie Chart

This pie chart visualizes the basic cost of each country, with slices colored by country and a legend displaying names and dollar amounts. The D3.js v5 code loads CSV data from a GitHub gist and uses `d3.pie` and `d3.arc` to generate the SVG paths, with `d3.scaleOrdinal` and `schemeCategory10` for colors. A hover event logs the country and cost to the console, while the legend is built from the same pie data.

CChaitanya Ratan Sree
73% match
Loading thumbnail…

harshita Pie_Chart_Question1

This pie chart visualizes the basic costs associated with populations across different countries, displaying the top ten entries sorted by cost. The chart uses an SVG rendering with D3.js v5, employing `pie()` and `arc()` to generate segments and `scaleOrdinal` with `schemeCategory10` for color encoding. A legend lists each country with corresponding color swatches and dollar-formatted values. Data is loaded remotely from a CSV file hosted on GitHub, and hover interactions log segment values to the console.

HHarshita Vairagade
72% 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
72% 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
72% match