Fork of assignment -2(a)

100%

Fork of assignment -2(a)

✓ Published0🌍 Public

Last edited Apr 13, 2024

Created on Apr 13, 2024

This example shows the market share of top shoe brands with a pie chart and a color-coded legend. It loads CSV data from a GitHub Gist and uses D3 v5’s `pie` and `arc` generators to draw the SVG segments, with labels showing percentages. A `scaleOrdinal` maps brand names to a fixed color palette. The legend, rendered with `rect` and `text` elements, identifies each brand alongside its share.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

assignment -2(a)

This visualization shows the market share percentages of major shoe brands in a pie chart, with each slice labeled by its percentage and accompanied by a color-coded legend listing the brand names on the right. The chart is rendered using D3 v5’s `pie`, `arc`, and `scaleOrdinal` APIs, with data loaded from a CSV file via `d3.csv`. The SVG canvas positions the pie chart on the left and the legend on the right, using `arcGenerator.centroid` to place the percentage labels within each slice.

Aanusha.chilkamarri26@gmail.com

92% match

Loading thumbnail…

Fork of Fork by 11604584

This visualization is a D3.js pie chart showing weekly sales for different shoe brands. The chart displays each brand’s sales as a proportional slice, labeled with the sales value in thousands, alongside a legend that pairs each brand’s name with its corresponding color and sales amount. The code uses the `d3.csv` loader to fetch data from a remote Gist URL, `d3.pie` to compute arc segments, `d3.arc` with zero inner radius to generate the pie geometry, and `d3.scaleOrdinal` to assign a fixed set of colors to the slices. All graphics are rendered as SVG elements within a 960x500 canvas.

PPran6728

82% match

Loading thumbnail…

Assigment2

This example visualizes sales distribution by brand as an animated pie chart in SVG. It loads data from a CSV file via `d3.csv`, aggregates sales using `d3.rollup`, and renders slices with the `d3.arc` and `d3.pie` layouts. Hovering over a slice enlarges it via `d3.transition` and displays a bold label with the brand’s total sales. The chart includes a color-coded legend using `d3.scaleOrdinal` and a descriptive title.

Llokesh kautharapu

81% match

Loading thumbnail…

Fork of Pie Chart

This example presents a pie chart of 2022 U.S. auto sales by brand, showing the proportional market share of each manufacturer. It loads CSV data from a GitHub gist using `d3.csv` asynchronously, then uses `d3.pie` and `d3.arc` to generate the pie segments in an SVG. A legend on the right displays each brand’s name and its sales total in thousands, formatted with `d3.format`. Colors are assigned via `d3.scaleOrdinal` with an explicit range of hex values.

Aaashrithd4

80% 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

79% 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

79% match

Loading thumbnail…

Fork of Pie Chart

This example displays 2022 US auto sales by brand as a pie chart with a corresponding legend. It loads CSV data from a GitHub gist via the d3.csv method, then processes it using d3.pie and renders SVG paths with d3.arc. A d3.scaleOrdinal maps brand sales to a fixed color palette, while text labels show each brand’s cumulative year-to-date sales in thousands. The visualization uses D3 v5 and SVG, with styling defined in an external stylesheet.

AArv1228

79% match

Loading thumbnail…

Fork of Fork of Fork of Pie Chart

This example shows 2022 US auto sales by brand as a pie chart with a legend listing each brand, its percentage of total sales, and its sales volume in thousands. The chart renders as an SVG using D3 v5, with sales data loaded from a CSV file via a helper function that uses `d3.csv`. Slices are generated with `d3.pie` and `d3.arc`, while `d3.scaleOrdinal` assigns colors to each brand. The legend displays brand names and computed percentages and volumes, with values formatted using `d3.format`.

NNaimisha-M

79% match