Skip to main content
SimilarExport ZIP
100%

fruits

✓ Published0🌍 Public
NNagalakshmi Thota
Last edited Nov 6, 2024
Created on Nov 6, 2024
Forked from Hello VizHub

This pie chart shows the proportional distribution of fruit quantities sold, with each slice labeled by its percentage of the total. It is built with D3 v7, using `d3.pie` and `d3.arc` to generate the segments, `d3.scaleOrdinal` with `d3.schemeCategory10` for colors, and `d3.csv` to load the dataset from a GitHub-hosted CSV. A custom legend and a bold title are added below the SVG chart.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fruits

This pie chart visualizes the quantity distribution of different fruit items, with each slice labeled by its item name and corresponding value. The visualization loads data from an external CSV file containing fruit quantities and renders the chart as an SVG. The code uses the D3.js v7 library, specifically employing `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` with the `schemeCategory10` color palette. A legend is generated from the data domain, and the chart is centered within an SVG canvas using coordinate transformations.

Nnikhithadadi@my.unt.edu
92% 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…

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

Assignment7 Pie Chart2

This pie chart displays the proportion of fruit sales from a small CSV dataset, with five colored slices representing Apples, Bananas, Cherries, Dates, and Elderberries. Each slice is labeled with the fruit name using D3’s `pie()` and `arc()` generators, with the `scaleOrdinal` color scale providing distinct hues. The SVG is rendered at 960 by 500 pixels, and labels are positioned along a separate label arc via `labelArc.centroid()`. Data is loaded asynchronously using D3’s `csv()` function, with error handling logged to the console.

445.saiful@gmail.com
86% match
Loading thumbnail…

Ques1

A pie chart visualizes the sales distribution of various fruits, fetched as CSV data from a GitHub repository. The chart renders each fruit as a colored slice with a label and value, accompanied by a legend. Built with D3 v7, it uses `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` with the `d3.schemeSet2` color palette, drawing SVG paths and text within a 400x400 pixel canvas.

VVenkataSaisrivishnuBatchu@my.unt.edu
86% match
Loading thumbnail…

Assignmenr2_Q1.1

This pie chart visualizes favorite fruit preferences using data loaded from a CSV file. Each slice represents a fruit category, with its size proportional to the recorded "Less than 3" value, and is colored using D3's `scaleOrdinal` with a custom palette. The chart includes a legend, value labels on each slice, and a title. Built with D3 v7, it leverages the `pie` and `arc` APIs to generate the arcs, while a simple `select` approach appends SVG elements to the page.

Ggreeshmareddy135@gmail.com
86% match
Loading thumbnail…

Piechart

This example presents a pie chart visualizing the quantity of fruits sold, with each slice labeled by its percentage of the total. The chart is rendered as an SVG within a VizHub project, loading data from a remote CSV file using `d3.csv`. The code leverages `d3.pie` and `d3.arc` to generate the slices, `d3.scaleOrdinal` with `schemeCategory10` for colors, and creates an HTML legend with colored swatches. The chart title and percentage labels appear directly in the SVG, with `d3.sum` used to compute totals.

NNagalakshmi Thota
85% 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
85% match