Skip to main content
SimilarExport ZIP
100%

Pie Chart

✓ Published1🌍 Public
TTejaswi@3271
Last edited Mar 27, 2022
Created on Mar 27, 2022
Forked from Hello VizHub

This pie chart displays the sales figures of various companies, with each slice sized proportionally and labeled with its value in thousands. It also includes a color-coded legend listing company names and corresponding sales amounts. The visualization uses D3 v5 APIs including `pie`, `arc`, `scaleOrdinal`, and `format` to generate the SVG segments and text, with data loaded via `csv` from a GitHub gist. Colors are assigned through a custom ordinal scale.

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…

Pie Chart

This example displays a pie chart of sales figures for different companies, with each segment labeled by its proportional value and paired with a legend showing company names and sales totals. The chart is rendered as SVG using D3 v5, with data fetched from a CSV URL. It uses D3’s `pie` and `arc` generators to create the segments, a `scaleOrdinal` to map sales values to a set of predefined colors, and custom text elements to label each slice.

Mmanvithareddykarra
94% match
Loading thumbnail…

piechartfork

A pie chart displays the 2015 sales for different companies, with each slice colored and labeled in a legend alongside its total value. The visualization uses D3 v5’s `pie` and `arc` functions to generate the SVG segments, with `scaleOrdinal` assigning colors from a fixed palette. Data is loaded asynchronously via `d3.csv` from a gist, and the chart is rendered within a React-based HTML page, with legend text and values formatted using `d3.format`.

SSnigdha6698
87% match
Loading thumbnail…

Fork of Piechart ICE - 7 Rohith Arabati

This pie chart visualizes the distribution of car sales across different companies, with each slice labeled by its sales value in thousands. The chart uses d3.pie and d3.arc to generate the segments, while d3.scaleOrdinal assigns colors to each company. Data is loaded from a CSV file using d3.csv, and the SVG rendering includes a legend showing company names and their corresponding sales figures. The visualization is built with D3.js version 5.

Bbhanuteja1807@gmail.com
85% match
Loading thumbnail…

Online Sales Pie Chart

This example shows the distribution of online customer sales revenue as a pie chart, with each slice colored by revenue amount and accompanied by a legend displaying the age group, percentage of total revenue, and absolute revenue in thousands. The chart uses D3 v5 to load CSV data from a GitHub gist via `d3.csv`, transform it with `d3.pie()`, and render SVG paths using `d3.arc()`. Colors are assigned with `d3.scaleOrdinal()`, and legend text is formatted with `d3.format()` for compact tick labels.

MManideeprenikindi
84% match
Loading thumbnail…

Fork of Pie Chart

This fork of a pie chart visualizes 2015 sales data for different companies using a legend and colored arcs. The chart displays each brand’s year-to-date profit converted to thousands and rendered as a simple SVG pie. The code imports D3 v5 modules like `pie`, `arc`, and `scaleOrdinal` to generate the chart, while loading data from a CSV via D3’s `csv` function. React is used as the framework, and the page is styled with custom CSS for headings and legend text.

Ssowmyanagula@my.unt.edu
84% match
Loading thumbnail…

Pie Chart

This pie chart displays TV brand sales data, breaking down each brand’s year-to-date (YTD) revenue into proportional slices with corresponding legends showing percentage and value in thousands. The visualization uses d3.pie and d3.arc to generate the SVG path segments, with d3.scaleOrdinal assigning a distinct color to each brand. Data is loaded asynchronously via d3.csv from a GitHub gist, and d3.format is used to present numeric values in a compact format.

KKiran Jyothi Bodduluri-11604571
84% match
Loading thumbnail…

Pie Chart

This pie chart displays the distribution of company ratings, with each slice representing a company and its corresponding rating value. The visualization uses D3.v5 and React to render an SVG-based pie chart, where colors are assigned through `d3.scaleOrdinal` and the arc segments are created using `d3.arc`. The data is loaded from a CSV file hosted on GitHub, and legends with company names and rating values appear on the right side, generated through D3's `select` API.

DDineshK2602
84% match
Loading thumbnail…

Pie Chart

This pie chart visualizes the total revenue of different countries in sales. The D3 v5 code uses `select`, `pie`, `arc`, and `scaleOrdinal` to generate SVG segments from a JSON dataset, with each slice colored distinctly. A legend, created via `append` with rectangles and text, identifies each region and its corresponding revenue value, formatted with `format('.4~g')` and suffixed with "K". The chart is centered on a 960x500 canvas, with the pie translated to the left and the legend positioned to the right.

Ppreethamkesa
84% match