Skip to main content
SimilarExport ZIP
100%

Ques1

✓ Published1🌍 Public
VVenkataSaisrivishnuBatchu@my.unt.edu
Last edited Apr 12, 2024
Created on Apr 12, 2024
Forked from Circles with D3

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.

AI-generated description
MIT Licensed

Similar vizzes

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

Ques1

This pie chart visualizes the count of sales across different regions from a CSV dataset. The pie slices show sales values in thousands, with a legend on the right identifying each region and its corresponding value. The chart uses D3 v5, including the `pie` and `arc` functions to generate segments and compute centroids for labels. Data is fetched asynchronously using `d3.csv`, and colors are mapped via `scaleOrdinal`, with axis labels added manually via SVG text elements.

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

Q1 pie chart

This pie chart displays the distribution of total sales by product category for a given dataset. It uses the D3.js library (v7) to render an SVG-based visualization featuring an interactive legend and a hover effect. The chart's slices are drawn using `d3.pie` and `d3.arc`, with `d3.rollup` and `d3.sum` aggregating the sales data, which is loaded from a CSV file. On mouseover, a slice enlarges using a separate `hoverArc` and displays the category and sales total as a text label.

Ssannihitha.k23@gmail.com
86% 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
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…

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