Skip to main content
SimilarExport ZIP
100%

ICE - 7 Pie Chart_Ramakanth

✓ Published1🌍 Public
RRamakanth771
Last edited Mar 28, 2022
Created on Mar 27, 2022

A pie chart visualizes the top films by gross earnings in USD, with each slice representing a film and its value labeled inside. The chart encodes revenue using a categorical color scale, with a legend listing film names and their corresponding gross amounts. Built with D3 v5, the visualization loads CSV data from a GitHub gist and renders slices using the `pie` and `arc` generators, while the legend and labels are appended as SVG elements.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ICE - 7 Pie Chart_Task2

This pie chart visualizes the gross earnings of top films in USD, with each slice labeled by its value and accompanied by a legend listing film titles and corresponding amounts. The chart is rendered as an SVG using D3 v5, employing the `pie` and `arc` generators to compute slice paths and positions. Data is fetched as CSV from a GitHub gist, and categorical colors are assigned via `scaleOrdinal`. Slice labels are positioned using `arc.centroid`, while legend items are manually appended with rectangles and text elements.

Nnithish-1999
90% match
Loading thumbnail…

Pie Chart , ICE-7

A pie chart visualizes the net worth in billions for various movies, with each slice colored and labeled to show the corresponding value. The chart is rendered as an SVG using D3 v5, leveraging `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate segments and map colors. Data is loaded from a CSV file via `d3.csv`, and a legend on the right lists each movie title alongside its net worth. The visualization emphasizes clear labeling and color coding to compare budget figures across films.

Ggaddamthanmayeereddy759@gmail.com
83% match
Loading thumbnail…

ICE - 7 Pie Chart

This example displays the percentage of total sales for different items in a pie chart using D3 v5. The code loads CSV data from a GitHub gist and renders an SVG with a pie chart and a legend, with each slice and legend entry colored by a fixed ordinal scale. It uses `d3.csv`, `d3.pie`, and `d3.arc` to compute and draw the arc segments, and `d3.scaleOrdinal` for color mapping, while formatting the percentage labels with `d3.format`.

RRamyapriyaPutta
82% match
Loading thumbnail…

ICE-7 Pie Chart

This pie chart compares the film counts of ten actors, with each slice sized proportionally to the actor’s total runs value from a loaded JSON dataset. A legend to the right links each colored slice to the actor’s name and formatted numerical value. The visualization is built with D3 v5, using the `pie` and `arc` generators to construct SVG paths, `scaleOrdinal` with `schemeCategory10` for colors, and `format` to abbreviate large numbers.

RRaja Srinivas Nelluri
81% match
Loading thumbnail…

ICE-7 Pie Chart

This pie chart displays the number of films and events for the top eight countries, sorted by total library size and colored from a categorical scale. The visualization is built with D3 v5, using `d3.pie` and `d3.arc` to generate the slices and a legend with rectangles and text. Data is loaded from a remote CSV file using `d3.csv`, and the interactive mouseover logs each slice’s library size to the console. The SVG output is positioned at a fixed location with a transform.

Nnikhilagopi
81% match
Loading thumbnail…

ICE - 7 PIE CHART

A pie chart displays employee salaries by profession, using colored slices segmented from a CSV dataset of annual incomes. The chart renders with D3.js v5, using `d3.pie` to compute angles and `d3.arc` to generate SVG paths. A legend pairs each profession name with its corresponding annual income, formatted in thousands with `d3.format`. The visualization also uses `d3.scaleOrdinal` to assign colors from a fixed palette, and the salary data is loaded asynchronously via `d3.csv`.

Mmadanvemulapally
80% match
Loading thumbnail…

ICE-7 BALAJI PIE CHART

This pie chart visualizes company metrics by aggregating the total values of six distinct fields—Revenue, Profit, Customers, Expenses, EmployeeCount, and Productivity Index—from a CSV file fetched from a GitHub gist. The data is loaded using `d3.csv`, and the sums are calculated with `d3.sum`. The chart is rendered as an SVG, using `d3.pie` to generate the arc data and `d3.arc` to draw each sector, which are then colored with `d3.scaleOrdinal` and the `d3.schemeCategory10` palette. Text labels are positioned at each arc’s centroid.

Ppeddubalaji@gmail.com
79% match
Loading thumbnail…

ICE-7 (Part-2) Rohith Annadurai

This example demonstrates a reusable scatter plot and a pie chart for visualizing movie data, created with D3 v7 and rendered as SVG. The scatter plot maps movie budgets to revenues, with circles colored steelblue and an orange hover effect, while the pie chart displays the distribution of movie genres as percentage-labeled slices with a custom color palette and a separate legend. Both visualizations are driven by a shared CSV dataset loaded from a gist, and the code is structured to allow easy reuse and adaptation for other datasets.

Rrohithannadurai@my.unt.edu
79% match