Skip to main content
SimilarExport ZIP
100%

ass2q1

✓ Published0🌍 Public
Ttsumanth619@gmail.com
Last edited Apr 13, 2024
Created on Apr 13, 2024
Forked from Hello VizHub

This example renders a pie chart of automotive product sales data for April 2024, sourced from a CSV file via GitHub Gist. Each slice represents an item category, with its total sales value labeled directly on the chart and repeated in a legend. The visualization uses D3 v5’s `pie` and `arc` generators to compute and draw the slices, while `scaleOrdinal` assigns colors and `format` styles the numeric labels. The SVG output is generated within an HTML page, styled with custom CSS for the legend and text.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts.

Shows the Iris Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

q1

This pie chart visualizes sales data aggregated by product category, sourced from a remote CSV file. The D3 v6 code loads the data with `d3.csv`, aggregates sales totals using `d3.rollups` and `d3.sum`, and renders an SVG pie chart with `d3.pie` and `d3.arc` paths. Each slice is labeled with the category, total sales in thousands, and percentage of the overall total. A color-coded legend is generated alongside the chart, and the visualization uses a categorical color scheme (`d3.schemeCategory10`) with semi-transparent slices and white strokes.

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

Pie Chart

A pie chart displays automobile sales proportions for different car brands, with each slice labeled by percentage and accompanied by a legend showing brand names and their corresponding sales shares. The visualization uses D3 v5’s `pie` and `arc` generators to compute slice angles and paths, with `scaleOrdinal` assigning colors from a predefined palette. Data is loaded as CSV from a GitHub repository, and the chart renders as SVG with custom styled text and legends.

SSushmaNamidi@my.unt.edu
83% match
Loading thumbnail…

-pie chart

A pie chart visualizes 2021 car sales data by type, fetched from a remote CSV file. Each slice is colored using `d3.scaleOrdinal` and `d3.schemeCategory10`, with arcs generated by `d3.arc()`. The chart displays car type labels and percentages, positioned using arc centroids. A legend, built with HTML `div` elements, is placed beside the SVG chart. The implementation uses D3 v5 with `d3.pie()` for data processing and `d3.csvParse` for data loading, all rendered as SVG.

Ssridhardubala106@gmail.com
83% match
Loading thumbnail…

pie_sales

This pie chart visualizes product sales from a CSV file, displaying each product’s share as a colored slice with labels positioned at each slice’s centroid. The chart uses d3.pie() to compute arc angles and d3.arc() to render the SVG paths, with a d3.scaleOrdinal and d3.schemeCategory10 providing color encoding. A legend below the chart lists each product and its corresponding sales value, generated from the same loaded data. The visualization is built with D3 v7 and rendered as inline SVG within an HTML container.

PP Manisha
82% match
Loading thumbnail…

Assisgment 2 -question 1

This example shows a pie chart of monthly sales totals, with each slice labeled by its month name directly on the chart. It loads CSV data from a GitHub Gist, aggregates the raw records by month using `d3.rollup` and `d3.sum`, then draws the chart with `d3.pie()` and `d3.arc()`. The SVG rendering uses `d3.scaleOrdinal` with `d3.schemeCategory10` for slice colors and places text labels at arc centroids.

Vvaishnavi6gan@gmail.com
82% 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
82% 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
82% match