ICE 7 Pie Chart

100%

ICE 7 Pie Chart

✓ Published0🌍 Public

Last edited Mar 30, 2023

Created on Mar 29, 2023

This visualization shows the top 10 restaurants by daily Biryani sales as a pie chart, with a legend listing each hotel’s name and its corresponding units sold per day. The data is loaded from a CSV via `d3.csv` and sorted in descending order before rendering. The chart uses `d3.pie` to compute arc angles, `d3.arc` for segment geometry, `d3.scaleOrdinal` with `schemeCategory10` for colors, and SVG paths for drawing. Hovering over a segment logs its sales value to the console, while the legend is built with appended `rect` and `text` elements.

AI-generated description

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

Similar vizzes

Loading thumbnail…

ICE 7 Pie Chart

This pie chart visualizes the top ten restaurants by daily biryani sales, using color-coded slices to represent each hotel’s total units sold per day. The visualization loads CSV data from a GitHub gist, processes it with `d3.pie()` and `d3.arc()` to generate the chart, and applies `d3.scaleOrdinal` with `schemeCategory10` for coloring. Hovering over a slice logs its sales value to the console. Legends display restaurant names and formatted sales values, all rendered as SVG within a React-based D3 v5 setup.

Mmaheganesh

97% match

Loading thumbnail…

ICE 7 Pie Chart

This example visualizes top product sales as an interactive pie chart, with a legend displaying each product name and its corresponding unit count. The chart renders using D3 v5 within a React framework, leveraging `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` with `schemeCategory10` for color encoding. Data is loaded from an external CSV file via `d3.csv`, sorted by sales value, and the top 10 items are selected for display. The SVG-based visualization includes hover logging of sales values, with legends positioned alongside the chart.

Llibramanju

79% match

Loading thumbnail…

ICE 7

This pie chart visualizes sales by category, displaying five segments for electronics, furniture, clothing, and toys. The chart uses D3.js v7 to load the sales.csv dataset, then applies `d3.pie()` and `d3.arc()` to compute slice geometries, with `d3.scaleOrdinal` and `d3.schemeTableau10` assigning colors. It renders as SVG with category labels positioned via `labelArc.centroid()` and includes a legend showing each category and its value. Hovering over a slice reveals a tooltip with the category name and numeric value.

Aankitgoudpoodhari07@gmail.com

78% match

Loading thumbnail…

ICE - 7 Pie Chart

This example visualizes the top 9 COVID-reported states in India as a pie chart, with each slice sized by the number of cases and accompanied by a legend labeling states and their case totals. The chart renders as SVG using D3 v5, employing `d3.pie` to compute slice angles, `d3.arc` to generate the paths, and `d3.scaleOrdinal` to map slice colors. Data is loaded asynchronously from a CSV via `d3.csv`, with values formatted using `d3.format`. A separate legend group uses rectangles and text to show state names and case counts.

HHarishma Nallala

78% match

Loading thumbnail…

ICE7

A pie chart shows average sales by outlet location type, aggregating data from a CSV file. D3.js loads the remote dataset, filters invalid entries, groups by location, and computes mean sales values. The visualization uses d3.pie, d3.arc, and d3.rollup to generate slices, with d3.scaleOrdinal mapping colors and d3.sum calculating percentages for labels. A legend identifies each category, rendered as SVG within a 600x500 canvas.

Ssrinathkarumuru@my.unt.edu

77% match

Loading thumbnail…

ICE - 7 PIE CHART

This pie chart visualizes supermarket sales data, showing each city’s total rating as a proportional slice of the whole. The D3 v5 code uses `pie()` to compute angles, `arc()` to generate SVG path segments, and `scaleOrdinal` for slice colors. A legend maps each city to its rating value, formatted with `format('.4~g')`. Data is loaded asynchronously from a CSV file using `d3.csv`.

IIndhuKrishnaraj

77% match

Loading thumbnail…

ICE-7

This pie chart visualizes the average item sales for different outlet location types, aggregated from a CSV dataset. Built with D3.js v7, it uses `d3.rollup` to group and compute means, then renders the result with `d3.pie` and `d3.arc`. The SVG output includes labeled slices colored via `d3.scaleOrdinal` and `d3.schemeSet2`, alongside a legend.

Ssrinathkarumuru@my.unt.edu

77% match

Loading thumbnail…

PieChart For Restaurant Data

A pie chart visualizes the profit analysis of the top 10 Indian restaurants in the USA, with each slice representing a restaurant's profit in millions and a legend listing names and values. The visualization uses D3 v5 APIs including `pie()`, `arc()`, and `scaleOrdinal()` to generate SVG path segments with color-coded fills and white text labels. Data is loaded asynchronously from a CSV file via `csv()`, and the chart renders within a 960x600 SVG container with a dark themed stylesheet.

Kkoteswararao614@gmail.com

77% match