Skip to main content
SimilarExport ZIP
100%

Task9and10_PR_1

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

This example presents a pie chart visualizing the distribution of favorite fruits among students, using a dataset of six categories such as Mango, Orange, and Plum. The chart is rendered as an SVG with D3 v7, employing `d3.pie()` to compute arc angles and `d3.arc()` to generate the path shapes. A categorical color scale (`d3.scaleOrdinal` with `schemeCategory10`) assigns distinct colors to each segment, while a custom legend lists the fruit categories alongside colored rectangles. The visualization also includes axis labels and a GitHub link pointing to the raw CSV data source.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

Loading thumbnail…

Task9and10_PR_2

This example visualizes fruit preference data as a green area chart, mapping six fruit categories along a band scale and student preference counts along a linear scale. The visualization includes labeled axes, a legend, and a link to the underlying CSV dataset. The code uses d3.area() to generate the SVG path, d3.scaleBand() and d3.scaleLinear() for positioning, and d3.axisBottom() and d3.axisLeft() to render the axes. A separate legend is built with SVG rectangles and text elements, while D3 is loaded via the v7 minified script from UNPKG.

Ppravallikaratankanthkatragadda@my.unt.edu
89% match
Loading thumbnail…

Task9

This pie chart displays the proportional breakdown of a small, simulated fruit dataset, with categories like Apples, Oranges, Pears, and Bananas. Built with D3 version 7, the visualization uses `d3.pie` to compute arc segments and `d3.arc` to render each slice, with a color scale via `d3.scaleOrdinal`. An SVG-based legend with rectangles and text complements the chart, while slice labels (category and value) are placed using arc centroids. The data is entirely made-up, as noted in the code comments.

Jjarethodges@gmail.com
86% match
Loading thumbnail…

task9&10

This pie chart displays the proportional distribution of fruit quantities from a CSV file, labeling each slice with its fruit name and including a color-coded legend. Built with D3 v7, it uses the `d3.pie` and `d3.arc` generators to compute and render arcs as SVG paths, with `d3.scaleOrdinal` assigning categorical colors. Data is loaded asynchronously via `d3.csv`, and labels are positioned using `arc.centroid`.

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

Activity7

This visualization presents a pie chart illustrating the proportional distribution of fruit categories, with each slice labeled by its category name. The chart loads a CSV dataset from a GitHub repository, parsing the numeric values to generate the pie geometry. Using D3.js v7, the code defines the chart dimensions, creates an SVG container, and applies an ordinal color scheme for slice differentiation. A custom legend is appended to the page, using HTML divs to display each fruit category with its corresponding percentage value.

Aaschowdary.shashi@gmail.com
82% match
Loading thumbnail…

Task-9 Q1

This example visualizes the grade distribution from a CSV dataset as a pie chart. The pie chart displays the percentage of each grade category, with labels showing the grade name and its corresponding percentage. A legend on the right identifies each color-coded segment. The visualization uses d3.csv to load the data, d3.pie to compute the arc angles, and d3.arc to generate the SVG paths for each segment.

Mmoulidomar@hotmail.com
82% match
Loading thumbnail…

Activity_7

This pie chart visualizes fruit category proportions loaded from a GitHub Gist CSV file, with each slice labeled and colored using d3.scaleOrdinal with d3.schemeSet3. The D3 v7 code loads the data via d3.csv, converts values to numbers, and generates arcs with d3.pie and d3.arc. A custom legend, built as HTML divs, displays each category’s color and percentage. The SVG rendering includes white category labels positioned at slice centroids.

Aaschowdary.shashi@gmail.com
82% match
Loading thumbnail…

Task 9&10-Q1

A pie chart visualizes three categories with values 30, 50, and 20, using a color-coded legend. Built with D3 v7, the example loads D3 via UNPKG and imports `pie`, `arc`, and `scaleOrdinal` from local ES6 modules. The SVG chart centers arcs with a translated group element, while a separate group renders the legend. Data is hardcoded in `index.js`, and the chart updates through D3’s data join pattern.

Sshraehithareddy@gmail.com
81% match