Skip to main content
SimilarExport ZIP
100%

Fork of Fork of HTML Starter

✓ Published0🌍 Public
Eeravellisaimeghana
Last edited Mar 29, 2022
Created on Mar 29, 2022

This example shows a pie chart of YTD sales by brand, with a legend displaying each brand's share as a percentage and a value in thousands. The visualization is built with D3 v3, using `d3.pie` to generate segment data, `d3.arc` for path construction, and `d3.scaleOrdinal` for categorical colors. Data is loaded asynchronously from an external source via a helper function `getData`, and the chart renders with a fixed SVG viewport.

AI-generated description

A bare minimum [HTML](https://en.wikipedia.org/wiki/HTMge demonstrating use of CSS and JavaScript.

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Fork of HTML Starter

A pie chart displays year-to-date auto sales by brand for 2022, with each slice sized by sales volume and a legend showing brand colors, percentage of total, and sales in thousands. The visualization uses D3 v5’s `pie`, `arc`, `scaleOrdinal`, and `svg` selection APIs to render SVG paths and legend elements. Data is loaded from a CSV file hosted on GitHub Gist via `d3.csv`.

Vviveknaroju999@gmail.com
88% match
Loading thumbnail…

Fork of Fork of Fork of HTML Starter

A pie chart displays year-to-date auto sales by brand for 2022, with each slice sized by sales volume and a legend showing brand colors, percentage of total, and sales in thousands. The visualization uses D3 v5’s `pie`, `arc`, `scaleOrdinal`, and `svg` selection APIs to render SVG paths and legend elements. Data is loaded from a CSV file hosted on GitHub Gist via `d3.csv`.

Vviveknaroju999@gmail.com
88% match
Loading thumbnail…

Fork of Fork of HTML Starter

This pie chart displays the year-to-date (YTD) sales distribution across automobile brands in the USA for 2022, with each slice representing a brand’s proportional share. The chart uses D3.js v5’s `pie` and `arc` generators to create SVG paths, with `scaleOrdinal` assigning a fixed color palette to the slices. A legend on the right lists each brand’s name, percentage of total sales, and raw sales figures (in thousands), formatted via `format('.4~g')`. The data is loaded asynchronously from a CSV file hosted on GitHub using `d3.csv`, and the total sales sum is computed to calculate percentages. The visualization focuses on clear comparison through color-coded segments and an annotated legend.

Rrobertotienonyaranga@gmail.com
86% 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
86% 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
83% match
Loading thumbnail…

Fork of Fork of Fork of Fork of Pie Chart

This example visualizes 2022 US auto sales by brand as a pie chart, showing each brand’s market share as a percentage and sales volume in thousands. The chart uses d3.pie and d3.arc to generate SVG paths, with d3.scaleOrdinal assigning distinct colors to each segment. Legends display brand names, percentages, and sales figures, computed from the total YTD sales. Data is loaded asynchronously from a CSV file using d3.csv, and the rendering is done with d3.select and SVG elements.

Eeravellisaimeghana
83% match
Loading thumbnail…

Fork of Pie Chart

A fork of a pie chart visualization displays 2022 US auto sales by brand, sourced from a CSV file hosted on a gist. The chart uses d3.pie and d3.arc to generate SVG segments, with d3.scaleOrdinal assigning a custom color palette. Each brand’s slice is accompanied by a legend showing the brand name, its percentage of total sales (computed from the summed YTD values), and the sales figure in thousands. The code loads data asynchronously using d3.csv, then renders the chart and legends via SVG groups, with text formatted using d3.format.

Eeravellisaimeghana
83% match
Loading thumbnail…

Fork of Pie Chart

A fork of a pie chart visualization displays 2022 US auto sales by brand, sourced from a CSV file hosted on a gist. The chart uses d3.pie and d3.arc to generate SVG segments, with d3.scaleOrdinal assigning a custom color palette. Each brand’s slice is accompanied by a legend showing the brand name, its percentage of total sales (computed from the summed YTD values), and the sales figure in thousands. The code loads data asynchronously using d3.csv, then renders the chart and legends via SVG groups, with text formatted using d3.format.

Eeravellisaimeghana
83% match