Skip to main content
SimilarExport ZIP
100%

Activity7_1

✓ Published1🌍 Public
Aamarnadhkari98@gmail.com
Last edited Nov 8, 2024
Created on Nov 8, 2024
Forked from Hello VizHub

This pie chart visualizes fruit sales distribution across four regions: North, South, East, and West. The visualization loads CSV data from a GitHub gist and uses D3.js v7's `csv`, `pie`, and `arc` generators to compute and render the SVG paths. Each slice is colored via a categorical color array and labeled with its region and value, with additional title, axis-style labels, and a legend legend positioned around the chart.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

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

Activity 7 Pie chart

This pie chart visualizes total sales by region, with each slice labeled and a color-coded legend. It loads CSV data from a GitHub repository, aggregates sales per region, and renders an SVG using D3 v6 APIs such as `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` with the Tableau 10 color scheme. The chart fills the browser window and includes hover effects for interactivity.

Ssreejabommineni1506@gmail.com
89% 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
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
87% match
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
86% match
Loading thumbnail…

Activity 7.1

This pie chart visualizes sales by product, with each slice sized according to the product's sales value and colored using a categorical color scheme. The visualization is built with D3.js (v7), using `d3.pie()`, `d3.arc()`, and `d3.scaleOrdinal` to generate and style the chart, with an SVG-based legend and labels positioned via arc centroids. Data is loaded asynchronously from a remote CSV file using `d3.csv`, and the chart is rendered entirely through SVG elements.

Nnvishalreddy8951@gmail.com
86% match
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
86% match
Loading thumbnail…

Activity7

This visualization presents a pie chart illustrating the proportional distribution of fruit categories, with each slice labeled by its category name. The chart loads a CSV dataset from a GitHub repository, parsing the numeric values to generate the pie geometry. Using D3.js v7, the code defines the chart dimensions, creates an SVG container, and applies an ordinal color scheme for slice differentiation. A custom legend is appended to the page, using HTML divs to display each fruit category with its corresponding percentage value.

Aaschowdary.shashi@gmail.com
86% match