Skip to main content
SimilarExport ZIP
100%

Activity 7 Question 1

✓ Published1🌍 Public
MMahimaChowdaryKasthala@my.unt.edu
Last edited Apr 6, 2025
Created on Apr 6, 2025
Forked from Hello VizHub

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`.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity7.1_Question1

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.

Vvidyagangasani@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…

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…

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

7.1 Question 1

This example shows a fruit distribution pie chart, visualizing the quantity of each fruit in a CSV dataset loaded from a GitHub gist. D3 v5 loads the data with `d3.csv`, converts it to an object mapping fruit names to numeric quantities, and uses `d3.pie` and `d3.arc` to generate the SVG paths. Each slice is filled with a categorical color from `d3.schemeSet2` via `d3.scaleOrdinal`, and labeled with the fruit name using SVG text elements positioned at each arc’s centroid.

Ssaishruthik2361@gmail.com
88% match
Loading thumbnail…

Activity 7 Question 1

This example shows a classic pie chart built with D3.js, where each slice represents a category from a CSV dataset loaded remotely via `d3.csv`. The chart uses an ordinal color scale, and a legend lists each category alongside its subcategory. The code generates SVG paths with the `d3.arc` and `d3.pie` generators, and includes placeholder axis labels despite being a pie chart. The visualization renders entirely in SVG, with the legend placed to the right of the chart and a white stroke separating each slice.

Ccharanshiva769@gmail.com
88% match
Loading thumbnail…

Activity_7

This pie chart visualizes fruit category proportions loaded from a GitHub Gist CSV file, with each slice labeled and colored using d3.scaleOrdinal with d3.schemeSet3. The D3 v7 code loads the data via d3.csv, converts values to numbers, and generates arcs with d3.pie and d3.arc. A custom legend, built as HTML divs, displays each category’s color and percentage. The SVG rendering includes white category labels positioned at slice centroids.

Aaschowdary.shashi@gmail.com
88% match
Loading thumbnail…

Activity 7.1 Question 1.1

This example shows a pie chart of programming language market shares, with percentage labels on each slice and a color-coded legend beside the chart. It loads data from a GitHub Gist URL using `d3.json`, then applies `d3.pie` and `d3.arc` to compute and draw the arcs as SVG paths. The visualization uses a `d3.scaleOrdinal` with `d3.schemeCategory10` for colors and positions legend items manually within the same SVG group.

Bbharatchowdarypotluri@my.unt.edu
88% match