activity7, question1

100%

activity7, question1

✓ Published2🌍 Public

Last edited Apr 5, 2025

Created on Apr 5, 2025

This example shows a pie chart visualizing five categories (A–E) with their corresponding numeric values, alongside a color-coded legend and axis labels. It uses a static sample dataset defined in the code. The visualization is built with D3.js v6, using `d3.pie()` to compute arc angles and `d3.arc()` to generate SVG path data. A `d3.scaleOrdinal` with `d3.schemeCategory10` assigns colors, and the chart renders as SVG elements appended to the body.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of activity7, question1 piechart

This example shows a simple pie chart for a categorical dataset with five categories (A–E), each represented by a colored slice with a value label. The chart is rendered as SVG using D3.js v6, with a legend displayed to the right of the pie. The code uses `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to compute slice geometry, apply colors from `d3.schemeCategory10`, and position the legend elements. Axis labels for categories and values are added manually, though no actual axes are present. The data is hardcoded as a sample array.

Ssahithitoomu@gmail.com

92% match

Loading thumbnail…

Activity09 question1

This example shows a pie chart visualizing three categories (A, B, C) with their respective values (30, 20, 50) using a static SVG rendering. The chart is generated with D3.js v7, using the `d3.pie()` layout algorithm to compute arc segments and `d3.arc()` to draw the paths with an outer radius determined by the canvas dimensions. A legend maps each category to a color from the `d3.scaleOrdinal(d3.schemeCategory10)` palette. The code also includes text labels for the x-axis and y-axis, though the y-axis label references an undefined `margin` variable.

Llokeshchowdary465@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

87% match

Loading thumbnail…

Activity7_Question 1

A pie chart visualizes the percentage distribution of a budget across five categories: Food, Transport, Housing, Savings, and Entertainment. The chart uses d3.pie() to compute arc angles and d3.arc() to generate SVG path slices, with a color scale mapping each category to a distinct color. Percent values are labeled inside each slice using arc.centroid() for positioning, and a separate legend lists the categories with their corresponding colors. The code defines fixed data in a JavaScript array and renders the chart as an SVG element using D3 v7.

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

Activity 7_question1

A pie chart displays categorical sales proportions, with each slice labeled and colored by category. Hovering over a slice reveals an HTML tooltip showing the percentage of total sales. The visualization is built with D3 version 7, using the `d3.pie()` layout and `d3.arc()` generator to create slice paths. It loads CSV data from a GitHub Gist via `d3.json()`, applies an ordinal color scale, and includes a custom legend. An SVG canvas renders all marks, while tooltip positioning tracks mouse coordinates.

Ddivya.matavalam828@gmail.com

86% match

Loading thumbnail…

Activity 7 Q1

This example shows a pie chart that visualizes categorical data loaded from a remote CSV file, with each slice colored using a categorical color scale and a legend pairing colors with category and subcategory labels. The chart is rendered as SVG using D3.js v6, where the `d3.pie()` generator computes slice angles and `d3.arc()` creates the path shapes. Data is fetched via `d3.csv`, and the color mapping uses `d3.scaleOrdinal` with `d3.schemeCategory10`. The code also adds axis labels (X and Y) that are not tied to the pie chart, acting as placeholders within the SVG layout.

Vvishnutejareddyambati@my.unt.edu

85% match

Loading thumbnail…

Activity9-Ques1

This example shows a basic pie chart visualization built with D3.js, displaying three categorical values from a hardcoded dataset. The chart renders as an SVG with colored arc segments using the `d3.pie` and `d3.arc` generators, with a categorical color scale (`d3.schemeCategory10`) mapping each category to a distinct hue. A legend on the right side labels each category, while x- and y-axis labels are added to the SVG container even though the pie chart itself does not use axes. The code also includes a link to a gist data source, though the dataset is defined inline.

Ssirichandana017@gmail.com

85% match