Activity7.1_Question1

100%

Activity7.1_Question1

✓ Published0🌍 Public

Vvidyagangasani@my.unt.edu

Last edited Apr 10, 2025

Created on Apr 10, 2025

This visualization shows fruit sales data as a pie chart with a legend and axis labels, comparing sales across five fruit types. It loads data from a CSV file via `d3.csv`, then uses `d3.pie()` and `d3.arc()` to generate SVG paths for each slice. A `d3.scaleOrdinal` with `d3.schemeCategory10` colors the arcs, and the chart is rendered as an SVG in a 600x400 viewport. The markup is created with D3 v7 selections and appends.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity 7 Question 1

This visualization shows a pie chart of fruit quantities, with each slice labeled by fruit name and a color-coded legend on the left. It uses D3 v7 to load CSV data from a GitHub gist, calculating the arc paths with `d3.pie` and `d3.arc`. The chart includes fake X and Y axis labels for display, and text elements are positioned using `arc.centroid`. Colors come from `d3.scaleOrdinal` with `schemeCategory10`.

MMahimaChowdaryKasthala@my.unt.edu

91% match

Loading thumbnail…

Activity 7.1

This pie chart displays the distribution of fruit quantities sold, with each slice representing a fruit type and labeled with its percentage of total sales. The visualization loads CSV data from a GitHub repository, converts the "Quantity Sold" field to numeric values, and uses D3.js v7's `d3.pie()` and `d3.arc()` generators to create the SVG arcs. A categorical color scale (`d3.scaleOrdinal` with `d3.schemeCategory10`) assigns distinct colors to each fruit, while percentage labels are positioned using `arc.centroid()`. A custom HTML legend below the chart maps each color swatch to its corresponding fruit name.

NNagalakshmi Thota

90% match

Loading thumbnail…

act7_question1

This pie chart visualizes fruit sales counts using a D3.js SVG renderer. The code loads CSV data from a GitHub repository, converts values to numbers, and applies the d3.pie and d3.arc layouts to generate the slices. Each segment is colored with d3.scaleOrdinal and d3.schemeCategory10, with white labels positioned at arc centroids. A legend on the right lists each fruit with its corresponding value, while the chart uses d3.csv to fetch the external dataset and d3.select to manage SVG elements.

Ssravani1969@gmail.com

90% match

Loading thumbnail…

Question 1

This pie chart visualizes fruit sales data, displaying the proportional share of each fruit category as a labeled slice with a corresponding legend. The chart is rendered as an SVG using D3 version 7, with the pie generator `d3.pie()` and arc generator `d3.arc()` calculating angular extents and centroids for labels. Data is loaded via `d3.csv` from a remote Gist, and the color scale `d3.scaleOrdinal` with `d3.schemeSet2` assigns categorical colors. The legend is built using `d3.select` and `enter()`, while sales values are cast to numeric type before creating the pie layout.

Tthokalarohith83@gmail.com

89% match

Loading thumbnail…

Activity-9_Question-1

This example presents a donut-style pie chart visualizing the quantity of different fruits from a CSV dataset fetched via `d3.csv`. It uses D3 v5 to compute arc paths with `d3.pie()` and `d3.arc()`, rendering the chart as SVG. A categorical color scale via `d3.scaleOrdinal` and `d3.schemeCategory10` colors each fruit slice. The code also constructs a legend with colored rectangles and text labels, positioned to the right of the chart.

Hharipadmavathim2023@gmail.com

89% match

Loading thumbnail…

Question-1_Activity7.1

A pie chart displays the distribution of sales counts across product categories, with each slice labeled in thousands and a corresponding legend showing category names and values. The visualization loads CSV data from a GitHub gist and uses D3 v5 APIs including `d3.csv`, `d3.pie`, `d3.arc`, `d3.scaleOrdinal`, and `d3.format` to generate SVG paths and text elements. Colors are assigned via an ordinal scale mapping categories to a fixed array of named colors, and the chart is centered within an SVG canvas with legends positioned to the right.

Ppreethimedepalli4@gmail.com

89% match

Loading thumbnail…

Activity7_1

This example displays fruit sales distribution across four regions in a pie chart, with each slice labeled to show the regional values and a legend identifying the color mapping. The visualization is rendered as an SVG using D3 v7, where the pie chart is generated from CSV data loaded via the `d3.csv` function, and slices are drawn with the `d3.pie` and `d3.arc` methods. The code also uses D3's selection and join operations to append paths and text elements, with custom styling for the title, axis-like labels, and legend.

Aamarnadhkari98@gmail.com

87% match

Loading thumbnail…

Activity 7 Question 1

This visualization shows the sales distribution by product as a pie chart, with each slice sized proportionally to the total sales for that product. The code loads a CSV file from a GitHub repository using `d3.csv`, then groups and aggregates the data with `d3.rollup` and `d3.sum`. It renders the pie chart using `d3.pie` and `d3.arc` paths, colors slices with `d3.scaleOrdinal` and the Tableau 10 color scheme, and adds a legend with product names and colored swatches. The chart is drawn as an SVG with white slice strokes and labels positioned at slice centroids.

Ddivya.matavalam828@gmail.com

87% match