Fork of Pie Chart MBB

100%

Fork of Pie Chart MBB

✓ Published0🌍 Public

Last edited Mar 27, 2024

Created on Mar 27, 2024

This pie chart displays 2022 US auto sales by brand, using a color-coded circle with an adjacent legend. The visualization loads CSV data from a GitHub gist via `getData` and renders with D3 v5’s `pie` and `arc` generators. Each slice’s fill uses `scaleOrdinal` with a custom color palette. The legend lists brands with their percentage share and sales volume in thousands, formatted using `format('.4~g')`. The SVG is centered on the page with a title, and all elements are drawn as SVG paths and text.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Pie Chart

This visualization shows 2022 US auto sales by brand as a pie chart with a legend displaying brand names, percentage of total sales, and sales volumes in thousands. Built with d3 v5, it loads CSV data from a GitHub gist, parses the data, and uses `pie()`, `arc()`, and `scaleOrdinal()` to generate SVG path segments with distinct colors. The chart appends legend rectangles and text elements, formatting percentages and values with `format('.4~g')`. The sales values are summed to calculate percentages, and the rendering is driven by an async `getData()` function.

SSheshidharreddy

95% match

Loading thumbnail…

Fork of Pie Chart

This pie chart visualizes 2022 US auto sales by brand, using a dataset loaded from a GitHub gist via `d3.csv`. The chart displays each brand's market share as a colored slice, with a legend on the right showing the brand name, its percentage of total sales, and its sales in thousands. Built with D3 version 5, the visualization uses `d3.pie` and `d3.arc` to generate the SVG paths, `d3.scaleOrdinal` for color assignment, and custom text elements for the legend.

Kkakumanusreya

95% match

Loading thumbnail…

Fork of Pie Chart

This visualization presents 2022 US auto sales by brand as a pie chart, using D3 v5 to load CSV data from a GitHub gist and render SVG sectors. It employs `d3.pie` for arc generation, `d3.arc` for path construction, and `d3.scaleOrdinal` for a custom color palette. A legend lists each brand with its percentage share of total sales and raw sales figures in thousands, formatted via `d3.format`. The chart is centered in an HTML page with a styled title, all code running from a bundled script with async data loading.

SSaiSreya1

94% match

Loading thumbnail…

Fork of Pie Chart

This fork of a pie chart visualizes 2022 US auto sales by brand, using a dataset loaded from a GitHub gist via the `d3.csv` method. The chart renders as an SVG with colored segments generated by `d3.pie` and `d3.arc`, while a legend lists each brand with its percentage and total sales in thousands. Colors are assigned using `d3.scaleOrdinal`, and numeric formatting relies on `d3.format`. The code explicitly imports functions from D3 v5 and builds the visualization through a custom `getData` async helper.

Ddeep221b

94% match

Loading thumbnail…

Fork of Pie Chart

This fork of a pie chart displays 2022 US auto sales by brand, with each slice representing a brand's year-to-date sales volume and a matching color-coded legend that labels each brand with its sales figure in thousands. Built with D3 v5, the visualization loads CSV data from a GitHub gist using `d3.csv`, then applies the `d3.pie` layout and `d3.arc` generator to render the SVG paths. Color mapping uses `d3.scaleOrdinal` with a custom palette, while `d3.format` formats the legend values. The chart is rendered as an SVG with custom CSS styling for text and legend elements.

VVenkata Rajashekar Reddy Chinthala

94% match

Loading thumbnail…

Fork of Pie Chart

This fork of a pie chart displays 2022 US auto sales by brand, sourced from a gist-hosted CSV file, with each brand's market share represented as a colored slice. The chart uses D3 v5 APIs `d3.select`, `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate SVG paths, while a hand-built legend shows the brand name, its percentage of total sales, and sales value in thousands. The accompanying D3 code loads the CSV via `d3.csv` and computes totals to format the percentage and value labels.

Aamiralitah

94% match

Loading thumbnail…

Fork of Pie Chart

This chart displays 2022 US auto sales by brand as a pie chart, with each slice sized by year-to-date sales and accompanied by a legend showing the brand name, percentage of total sales, and sales volume in thousands. The visualization uses D3 v5’s `pie` and `arc` generators to compute and draw the segments as SVG paths, while `scaleOrdinal` assigns a fixed color palette to the data values. Data is loaded asynchronously via `csv` from a Gist URL, and `format` is used to abbreviate the numeric labels.

Yyaswanthsen

94% match

Loading thumbnail…

Fork of Pie Chart

This example visualizes 2022 US auto sales by brand as a pie chart, with a legend displaying brand names and sales values in thousands. The chart uses D3 v5 APIs including `d3.pie` to compute arc segments, `d3.arc` to generate SVG paths, and `d3.scaleOrdinal` for categorical color mapping. Data is loaded asynchronously from a CSV file hosted on a GitHub gist using `d3.csv`. The visualization renders to an SVG canvas with a fixed 960×500 viewport, and the legend labels are positioned manually via SVG transforms.

JJyothicherukuri

94% match