Skip to main content
SimilarExport ZIP
100%

Pie Chart Of the restaurant data

✓ Published0🌍 Public
Bbhavana.bayyapu@gmail.com
Last edited Mar 25, 2024
Created on Mar 24, 2024
Forked from HTML Starter

This pie chart visualizes the profit analysis of the top 10 Indian restaurants in the USA, with each slice sized by profit in millions and labeled with its value. A legend to the right pairs each restaurant name with its corresponding color and profit figure. The visualization uses D3.js v5, leveraging `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate the chart within an SVG. Data is fetched asynchronously from a CSV file hosted on GitHub, and the Poppins font is applied throughout for consistent styling.

AI-generated description

The above pie chart is created by using html, css, d3.js. CSS is used for styling the web page.

MIT Licensed

Similar vizzes

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
95% match
Loading thumbnail…

PieChart For Restaurant

This pie chart visualizes the profit margins of the top 10 Indian restaurants, with each slice sized by profit in millions and labeled with its value. The chart uses D3 v5 APIs including `pie`, `arc`, and `scaleOrdinal` to compute slice angles, generate SVG path segments, and assign categorical colors from a predefined palette. A legend on the right lists restaurant names alongside their corresponding profit values, and the data is loaded from a CSV hosted on GitHub.

Kkrishnavisheshkatta@my.unt.edu
93% match
Loading thumbnail…

PieChart For Restaurant

This pie chart visualizes the profit in millions for various Indian restaurants, with each slice labeled directly and accompanied by a legend listing restaurant names and values. The chart uses D3 v5’s `pie`, `arc`, and `scaleOrdinal` APIs to generate SVG paths and text elements. Data is loaded as CSV from a GitHub gist, and the visualization includes a custom color scale and formatted numeric labels. The page styling relies on CSS with the Poppins font against a dark background.

Kkrishnavisheshkatta@my.unt.edu
92% match
Loading thumbnail…

Pie_Chart_Question1

This visualization displays annual sales distribution for an Indian restaurant as a pie chart, with each slice representing a year’s total sales and labeled with the corresponding sales amount. A legend on the right maps each year to its color. The chart is built using D3 v6, fetching CSV data via `d3.csv`, aggregating sales with `d3.rollups` and `d3.sum`, and generating arcs with `d3.arc` and `d3.pie`. Colors are assigned using a `scaleOrdinal`, and all elements are rendered as SVG.

Kkanakalakshmi.murikipudi20@gmail.com
80% match
Loading thumbnail…

Area Chart For the Restaurant Data

This area chart visualizes the profit in millions of an Indian restaurant over recorded years, with the data loaded from a CSV file. The chart displays a smooth, curved area and line path using D3’s `area` and `line` generators with the `curveBasis` interpolation, rendered as SVG. The axes use `scaleLinear` for both time and profit values, with gridlines and labels styled via CSS. The visualization is built with D3 v5, imported through ES modules, and styled with the Poppins font on a purple background.

Kkoteswararao614@gmail.com
79% match
Loading thumbnail…

Area Chart For the Restaurant Data

This area chart visualizes the annual profit of an Indian restaurant over time using an SVG rendered with D3 v5. The chart plots profit in millions against recorded year, with a smooth basis curve connecting data points and a filled area beneath the line. The visualization uses D3’s `scaleLinear`, `axisBottom`, `axisLeft`, `line`, and `area` functions to construct axes and paths, with profit data parsed from a CSV file loaded via `d3.csv`. Styling is applied through external CSS for axis labels and the chart’s fill color.

Bbhavana.bayyapu@gmail.com
79% match
Loading thumbnail…

piechart

This visualization displays a pie chart representing the top 10 store areas by sales, with each slice labeled by its sales value and accompanied by a color-coded legend. The chart sorts the input CSV data in descending order before extracting the top 10 entries, then uses d3.pie() and d3.arc() to generate the slices within an SVG rendered by React. The code employs d3.scaleOrdinal for color assignment and d3.csv to load the Stores dataset from a GitHub gist, with slice labels positioned using arc.centroid().

Jjaswanthreddy2715@gmail.com
78% match
Loading thumbnail…

Fork of pie chart

This pie chart ranks the top 10 store areas by their sales figures, using color-coded slices and a corresponding legend to identify each area. The visualization is built with D3.js v7, using the `pie` function to compute slice arcs and `arc` to draw them as SVG paths. Store sales data is loaded from a CSV file and sorted to display the largest values. Each slice is labeled with its store area code and sales total, with a legend on the right providing a color key.

SSaiHarshitManda@my.unt.edu
78% match