Skip to main content
SimilarExport ZIP
100%

Fruits

✓ Published0🌍 Public
Nnikhithadadi@my.unt.edu
Last edited Apr 13, 2024
Created on Apr 13, 2024
Forked from Hello VizHub

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

fruits

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.

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

act7 forrkkkk

A pie chart visualizes fruit sweetness by summing sweetness values for each fruit type from a CSV dataset. The d3.pie generator and d3.arc create the slices, colored via scaleOrdinal with schemeCategory10. A manually positioned legend displays each fruit category with its corresponding color. The SVG renders with a separate group for the chart and legend, while a bold title labels the visualization.

DDee
85% 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
85% 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
85% 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
84% 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
84% match
Loading thumbnail…

Fork of pie chart

A pie chart shows the total fruit yield from 2014 to 2024, with slices sized by each fruit's summed yearly values and sorted in descending order for readability. The visualization uses D3 v6's `d3.pie` and `d3.arc` to create the SVG paths, with `d3.scaleOrdinal` assigning colors from `d3.schemeCategory10`. A legend on the right maps each fruit to its colored box and total yield, built using D3's `selectAll` and `enter` operations. The underlying data comes from a CSV file fetched via `d3.csv` from a remote gist.

Bbharathavulapati@gmail.com
84% match