UPW Pie Chart

100%

✓ Published0🌍 Public

Last edited Mar 7, 2023

Created on Mar 7, 2023

This pie chart displays the distribution of United Packing City visits in 1958 by brand, showing each brand’s percentage and total value in thousands. The visualization loads CSV data from a GitHub gist via `d3.csv`. Using `d3.pie` and `d3.arc`, it generates SVG paths with `d3.scaleOrdinal` for color coding. Legends are appended manually, with values formatted using `d3.format`. The chart is rendered entirely with SVG and styled through external CSS.

AI-generated description

MIT Licensed

Similar vizzes

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

75% match

Loading thumbnail…

Pie chart

A pie chart displays the top 10 states by YTD sales, with each slice colored and paired with a legend showing the brand name and value. The chart uses `d3.pie` to compute angles and `d3.arc` to render SVG paths, with `d3.scaleOrdinal` assigning colors. Data loads from a CSV via the `csv` method, and the legend includes formatted values using `d3.format`. The SVG is sized 960×500, with the pie centered and legend positioned to the right.

Ssowmyanagula@my.unt.edu

74% match

Loading thumbnail…

Pie chart ICE 7

This pie chart visualizes 2022 U.S. auto sales by brand, with each slice representing a brand’s year-to-date sales. A legend on the right shows the brand name, its percentage of total sales, and the raw sales volume in thousands. The example loads CSV data from a GitHub gist using `d3.csv`, then uses `d3.pie` and `d3.arc` to generate the slices. Colors are assigned via `d3.scaleOrdinal`, and the SVG is rendered with a fixed width and height.

Kkakumanusreya

74% match

Loading thumbnail…

Fork of Pie Chart

This example shows the 2022 U.S. auto sales distribution by brand as a pie chart with a color-coded legend listing each brand’s percentage and sales volume. It loads CSV data from a GitHub Gist using `d3.csv` and renders the chart with SVG. The chart uses `d3.pie` and `d3.arc` to generate segments, `d3.scaleOrdinal` for colors, and `d3.format` for tick labels, with legends built manually via appended SVG groups.

KKiran Jyothi Bodduluri-11604571

74% match

Loading thumbnail…

Fork of Pie Chart

This example displays 2022 US auto sales by brand as a pie chart, with each slice’s color, percentage, and total sales in thousands labeled in a legend. It loads CSV data from a Gist URL using `d3.csv`, then uses `d3.pie` and `d3.arc` to generate the SVG paths, with `d3.scaleOrdinal` assigning colors. The legend, built with SVG rectangles and text, shows each brand’s name, percentage of total sales, and absolute count. The chart is rendered synchronously in SVG within a static HTML page, with styling defined in an external CSS file.

RRahulSai05

74% match

Loading thumbnail…

Fork of Pie Chart

This pie chart visualizes 2022 U.S. auto sales by brand, with each slice’s size proportional to its year-to-date sales figures. The code loads data from a CSV file via `d3.csv`, then uses `d3.pie` and `d3.arc` to generate SVG paths for the chart. A `d3.scaleOrdinal` maps sales values to distinct colors, while a legend displays brand names and formatted sales totals using `d3.format`. The visualization is rendered entirely as SVG within an HTML page, with styling applied through an external stylesheet.

MMar-99

74% match

Loading thumbnail…

Fork of Pie Chart

This pie chart visualizes 2022 U.S. auto sales by brand, with each slice’s size proportional to year-to-date sales and a legend showing brand names and values in thousands. The chart loads CSV data from a GitHub gist using `d3.csv`, then renders paths with `d3.pie` and `d3.arc`, colors slices via `d3.scaleOrdinal`, and appends SVG legends with formatted numbers via `d3.format`.

Ssaivinay143

73% match

Loading thumbnail…

Fork of Pie Chart

A pie chart visualizes 2022 U.S. auto sales by brand, with each slice’s color, area, and legend entry representing the year-to-date sales figures. The legend lists brand names alongside their percentage of total sales and raw sales values in thousands. The code loads CSV data from a GitHub gist using `d3.csv`, then uses `d3.pie` and `d3.arc` to generate SVG paths, with `d3.scaleOrdinal` for colors and `d3.format` for tick labels. Legends are appended as SVG groups with rectangles and text elements.

Eeravellisaimeghana

73% match