Activity 7.2_Question 1

100%

Activity 7.2_Question 1

✓ Published1🌍 Public

Last edited Nov 2, 2024

Created on Nov 2, 2024

This pie chart visualizes the distribution of star luminosity across five defined ranges, from "Very Low (0-0.1)" to "Very High (100+)". It aggregates data from a CSV file of stars, counting how many fall into each luminosity bin, and colors each slice with a corresponding gray-to-yellow ordinal scale. The visualization uses d3.csv for data loading, d3.pie and d3.arc for generating the SVG paths, and d3.scaleOrdinal for color mapping. An interactive HTML legend displaying each range and its count is positioned outside the chart.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity7_Q1

This pie chart visualizes the distribution of star categories, with each slice labeled by its percentage of the total. Built with D3 v6, the code loads a CSV from a GitHub repository, aggregates counts using `d3.rollup`, and renders SVG arcs via `d3.pie` and `d3.arc`. A categorical color scale and a manually positioned legend identify each star type.

MMeghana Sadhu

85% match

Loading thumbnail…

activity7, question1

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.

Ssahithitoomu@gmail.com

81% match

Loading thumbnail…

Activity - 7_Question - 1

This pie chart displays population distribution across continents, with each slice labeled and a matching color-coded legend positioned to the right. The visualization loads CSV data from a GitHub-hosted dataset using `d3.csv`, parses the population values, and renders the chart as SVG. It uses `d3.pie()` to compute arc angles, `d3.arc()` to generate the slice paths, and `scaleOrdinal` to assign categorical colors. The chart includes a bold title and centers the pie within a 600x400 SVG element.

Mmalisettisaisumanth@gmail.com

81% match

Loading thumbnail…

Question-1_Activity7.1

A pie chart displays the distribution of sales counts across product categories, with each slice labeled in thousands and a corresponding legend showing category names and values. The visualization loads CSV data from a GitHub gist and uses D3 v5 APIs including `d3.csv`, `d3.pie`, `d3.arc`, `d3.scaleOrdinal`, and `d3.format` to generate SVG paths and text elements. Colors are assigned via an ordinal scale mapping categories to a fixed array of named colors, and the chart is centered within an SVG canvas with legends positioned to the right.

Ppreethimedepalli4@gmail.com

80% match

Loading thumbnail…

Activity 7.1_Question 1

A pie chart displays the distribution of penguin species from a CSV dataset, showing counts for each species with labeled segments. The visualization uses D3 v6 APIs including `d3.csv` for data loading, `d3.pie` and `d3.arc` for generating the pie geometry, and `d3.scaleOrdinal` with `schemeCategory10` for colors. Each segment is rendered as an SVG path with a white stroke, and text labels using `arcPath.centroid` position the species name and count at the center of each slice.

Ccharankumarreddyveeramreddy@my.unt.edu

80% match

Loading thumbnail…

Activity 7.1 Question 1

This pie chart displays literacy rates for 10 countries, with each slice labeled by its rate divided by 1000 and suffixed with "K," alongside a legend mapping colors to country names. The visualization uses D3 v5’s `pie` and `arc` generators to compute and draw the SVG paths, with `scaleOrdinal` assigning colors from a hardcoded array. Data is loaded asynchronously via `d3.csv` from a GitHub-hosted CSV file, and slice labels are positioned using the arc generator’s `centroid` method. The chart includes both slice text and a separate legend group, with formatted numbers via `d3.format`.

UUday Vandanapu

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

80% match

Loading thumbnail…

Activity-7Q1

This example shows five small pie charts displaying genre distributions across five rating ranges, from "below 5.0" to "above 8.5". The dataset is loaded via `d3.csv` from a GitHub raw link, with each chart labeled by rating range. The code uses `d3.pie` and `d3.arc` to generate slices, `d3.scaleOrdinal` with `d3.schemeCategory10` for coloring, and SVG text for slice labels. Each chart includes a legend below it and is rendered as an inline-block div within a flex container.

Jjahnavigummadi@my.unt.edu

79% match