Skip to main content
SimilarExport ZIP
100%

Question-Activity-7

✓ Published1🌍 Public
Kkotasc18@gmail.com
Last edited Nov 4, 2024
Created on Nov 4, 2024
Forked from Hello VizHub

This example visualizes the distribution of athletes across different sports using a pie chart. It loads a CSV dataset from a GitHub gist, groups the data by the sport column, and shows counts as pie slices with color-coded labels and a legend. The code uses D3’s `csv`, `pie`, `arc`, and `scaleOrdinal` APIs to generate the chart with a labeled x- and y-axis.

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…

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

Activity-7 Q1

This pie chart visualizes tennis players’ overall ratings, with each slice representing a player and labeled with their name and rating. The chart includes a color-coded legend and an interactive tooltip that displays each player’s average score on hover. The visualization loads CSV data from a GitHub gist and uses D3 v5 APIs including `d3.pie`, `d3.arc`, `d3.scaleOrdinal`, and `d3.format` to generate and style the SVG elements with mouse event handlers.

Bbhavanadupati3@gmail.com
81% match
Loading thumbnail…

Activity-6_Task-2_Ques2

This example shows a stacked horizontal bar chart of activity breakdowns by sport, displaying cardio, strength, and flexibility percentages for ten sports from a CSV file. It uses D3 v7 with SVG rendering, loading data via `d3.csv` and constructing the visualization with `d3.stack`, `d3.scaleLinear`, `d3.scaleBand`, and `d3.axisBottom`. The chart includes a legend, axis labels, and colored segments with numeric scaling from 0 to 100.

VVasanth Krishna
81% 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
81% match
Loading thumbnail…

Activity_7.1 q1

This pie chart visualizes the distribution of student performance categories, with each slice labeled and colored according to its category. The visualization uses D3 v7’s `d3.pie()` and `d3.arc()` to generate the slices, while `d3.scaleOrdinal` with `schemeSet2` assigns colors. Data is loaded asynchronously from a CSV file hosted on GitHub Gist and rendered as an SVG, with a legend positioned to the right of the chart to identify each category.

Ssanjanaadapa7@gmail.com
81% match
Loading thumbnail…

Activity 6_Question-3

This visualization displays a scatter plot comparing sports against the proportion of live streaming viewers above 50,000. It uses D3 v7 with an SVG rendering approach, loading sports data from a remote CSV file via d3.csv. The chart employs d3.scaleBand for the categorical x-axis and d3.scaleLinear for the y-axis, with colored circles representing each sport. Axis labels clarify the quantitative variable, while the code demonstrates d3.axisBottom and d3.axisLeft for tick generation.

Rrajkodavati7@gmail.com
81% match
Loading thumbnail…

Activity-7

This example presents a pie chart that visualizes the distribution of cricket players by their home country, using data aggregated from top test cricket records. Built with D3 v5, the chart slices represent the player counts, with each section labeled and colored via a categorical scale. The visualization employs D3's `pie` layout, `arc` generator, and `scaleOrdinal` for color assignment, while a custom legend displays both country names and player totals. The SVG-based chart is rendered on a canvas, with a title and subtitle indicating the dataset's theme.

Aadapasaidivya99@gmail.com
81% 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
80% match