Skip to main content
SimilarExport ZIP
100%

Fork of Fork of Fork of HTML Starter

✓ Published0🌍 Public
Rreddysushma994@gmail.com
Last edited Mar 28, 2024
Created on Mar 28, 2024

This visualization combines a pie chart and a line chart to explore 2022 USA auto sales by brand. The pie chart shows each brand’s year-to-date sales as a proportion of the total, with colored segments and a legend displaying percentages and sales values in thousands. The line chart tracks monthly electronics sales, using a point scale for months and a linear scale for sales figures. The code uses D3’s `pie`, `arc`, `scaleOrdinal`, `scalePoint`, `scaleLinear`, and `line` APIs, loading data from a CSV via `d3.csv`.

AI-generated description
MIT Licensed

Similar vizzes

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

Fork of Fork of Fork of Pie Chart

This example visualizes 2022 US auto sales by brand using a pie chart built with D3 v5. The chart displays proportional slices for each brand, with a legend showing brand names and corresponding sales values in thousands, alongside color-coded rectangles. The code loads CSV data from a GitHub gist via `d3.csv`, processes it with `d3.pie`, and renders SVG paths using `d3.arc` with ordinal color scaling. Legends are appended as SVG groups, and sales values are formatted with `d3.format`.

Bbindhureddy98
89% match
Loading thumbnail…

Fork of Fork of Fork of Fork of Pie Chart

This visualization displays 2022 US auto sales by brand as a pie chart, with a legend showing each brand’s name, percentage of total sales, and sales volume in thousands. Built with D3 v5, it loads CSV data from a GitHub gist via `d3.csv`, computes pie arcs using `d3.pie`, and renders paths with `d3.arc`. A sequential color scale (`d3.scaleOrdinal`) assigns colors, while custom legend text is positioned using SVG groups and transforms.

NNaimisha-M
89% 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
88% match
Loading thumbnail…

Fork of Fork of Pie Chart

A pie chart displays 2022 US auto sales by brand, with each slice sized by YTD sales and a color-coded legend listing brand names and sales values in thousands. The visualization loads CSV data from a GitHub gist using d3.csv, then constructs the chart with d3.pie, d3.arc, and d3.scaleOrdinal, rendering SVG paths and legend elements via d3-selection. The code uses D3 v5 with an async data-loading pattern and custom tick formatting for sales figures.

RRahulSai05
88% match
Loading thumbnail…

Fork of Fork of Fork of Fork of Pie Chart

This pie chart displays 2022 US auto sales by brand, sourced from a CSV file hosted on GitHub, with each brand’s YTD sales shown as a colored segment and corresponding legend values in thousands. The visualization uses D3 v5, leveraging `d3.pie` and `d3.arc` to compute the chart geometry, `d3.scaleOrdinal` for the categorical color palette, and SVG `path` elements for rendering. Legends are constructed manually with `rect` and `text` elements, while numerical formatting employs `d3.format` to display abbreviated values.

Yyaswanthsen
88% match