activity7_question1

100%

activity7_question1

✓ Published1🌍 Public

Last edited Apr 9, 2025

Created on Apr 6, 2025

This example shows a pie chart of future tech project funding, with each slice colored by project name and labeled with funding amounts. The visualization uses D3.js v5 to load CSV data from a GitHub gist, and renders an SVG with a legend listing each project and its funding value. Interactive tooltips display detailed information about each slice on mouseover, including company, year, and tech area. The chart uses `d3.pie` and `d3.arc` generators with `d3.scaleOrdinal` for color mapping.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity-7 question-1

This pie chart visualizes finance portfolio allocation by category, with each slice representing the percentage value of a portfolio component. Built with D3 v7, the visualization uses `d3.pie()` and `d3.arc()` to generate the slices, while `d3.scaleOrdinal` with `d3.schemeSet2` assigns colors. Interactive tooltips appear on hover, and a legend identifies each category. Data is loaded asynchronously from a GitHub-hosted CSV file via `d3.csv`, with values converted to numeric format before rendering in the animated SVG.

Bbhargavireddy4016@gmail.com

83% match

Loading thumbnail…

Activity7_Question1

This example shows a pie chart of budget allocation percentages across departments within an organization, with each slice labeled by its value and a legend mapping colors to department names. The code loads CSV data from a GitHub URL, converts budget values to numbers, and uses `d3.pie` and `d3.arc` to compute and draw the chart’s SVG paths. It applies `d3.scaleOrdinal` for slice colors, appends text labels using arc centroid positions, and renders a legend with rectangles and text. The visualization is static, with no interactive features or transitions.

VVENKATESWAR RAO CHINTA

83% match

Loading thumbnail…

Activity 7.1 Question 1.1

This example shows a pie chart of programming language market shares, with percentage labels on each slice and a color-coded legend beside the chart. It loads data from a GitHub Gist URL using `d3.json`, then applies `d3.pie` and `d3.arc` to compute and draw the arcs as SVG paths. The visualization uses a `d3.scaleOrdinal` with `d3.schemeCategory10` for colors and positions legend items manually within the same SVG group.

Bbharatchowdarypotluri@my.unt.edu

82% 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

82% match

Loading thumbnail…

Activity-7_Question-1

This D3.js v7 example presents a pie chart visualizing gadget prices, with each slice labeled by name and a corresponding on-screen legend. A CSV dataset from a GitHub gist supplies the data, which drives a color-coded categorical scale. Segments are rendered as SVG paths, and hovering over a slice triggers a tooltip displaying the item name and price. The legend is built from rendered SVG rectangles, providing a static key alongside the animated chart interactivity.

Rrahul.bonu524@gmail.com

82% 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

82% 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

81% match

Loading thumbnail…

Activity 7 Q1

This pie chart visualizes spending categories by percentage, with each slice colored via a categorical color scale and labeled through an interactive legend. The visualization uses D3 v7’s `d3.pie()` and `d3.arc()` to compute and render the arcs, while `d3.csv` loads the dataset from a GitHub repository. SVG rendering displays the chart, with legend items and axis labels positioned manually. The color scale employs `d3.scaleOrdinal` with `d3.schemeSet2`, and slice strokes are styled white for separation, though axis labels are placeholders rather than computed scales.

Aanisha.peddireddy@gmail.com

81% match