Skip to main content
SimilarExport ZIP
100%

Assignment2_Q1

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

This interactive pie chart visualizes the distribution of video game ratings across different platforms, using the "Action" genre as the slice value. The chart loads CSV data from an external GitHub repository via `d3.csv` and renders it as an SVG with D3 v7. Mouseover interactions change arc opacity and display the numeric Action score at the centroid using `arc.centroid`, while each slice is permanently labeled with its platform name. The visualization relies on `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` with `d3.schemeCategory10` for coloring.

AI-generated description

Pie chart showing activities of platform.

MIT Licensed

Similar vizzes

Loading thumbnail…

Assignment2_Q1

This pie chart visualizes the distribution of video game scores across genres, based on IGN data loaded from a CSV file using D3.js. The code uses D3’s `pie` layout and `arc` generator to compute and render the slices as SVG paths, with each genre assigned a color via a hue rotation. The chart is generated from a single data row and displayed without labels or legend, emphasizing the proportional comparison between categories.

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

Asst2_Q1

This pie chart displays the distribution of scores across different genres, using platforms as slice labels. It loads a CSV dataset from a GitHub gist via `d3.csv`. The chart uses the `d3.pie` layout and `d3.arc` generators to create SVG paths, with colors assigned through `d3.scaleOrdinal` and `d3.schemeCategory10`. Hovering over a slice triggers a mouseover event that displays the Action value at the arc’s centroid using `arc.centroid`.

Rrakesh.kavuru@outlook.com
84% match
Loading thumbnail…

Fork of Varun_activity_7.1_question1

This example presents a pie chart depicting the distribution of video game genres based on their ratings above 8.5. The chart loads its data from a remote CSV file using `d3.csv`. It employs `d3.pie` and `d3.arc` to compute and draw the slices, with `d3.scaleOrdinal` and `d3.schemeCategory10` assigning colors per genre. An accompanying legend uses SVG rectangles to map the colors, and a custom ES6 module, `myMessage.js`, is imported as a demonstration.

VVarunKumarKambhampati@my.unt.edu
82% match
Loading thumbnail…

Assignment 2 Question1

This pie chart visualizes genre distribution from survey data, showing the proportion of responses in the "Less than 3" category. The code loads CSV data from a GitHub repository and uses d3.pie and d3.arc to generate SVG path segments, with d3.scaleOrdinal assigning colors to genres. Interactive hover tooltips appear via appended title elements, and the chart includes a legend and percentage labels positioned at arc centroids. The visualization renders as a static SVG with D3 v7, totaling 600×600 pixels.

Mmeghna.reddy700@gmail.com
82% match
Loading thumbnail…

Activity7-Q1

This interactive pie chart visualizes the distribution of total movie ratings by genre, sourced from a CSV file of movie ratings. A D3 v7 pie layout and arc generator create the slices, with an ordinal color scale distinguishing each genre. Hovering over an arc triggers a tooltip displaying the genre name and its aggregated rating. A legend on the right maps colors to genres, and the SVG chart uses static rendering with animation only for tooltip transitions.

119n81a0581sunny@gmail.com
82% match
Loading thumbnail…

Question_1_Sivani

This example shows the distribution of video game genres by the count of titles rated above 8.5, using a pie chart with a color-coded legend. It loads CSV data from a GitHub repository via `d3.csv`, then uses `d3.pie` and `d3.arc` to generate the slices, rendered as SVG paths with a category10 color scale. The chart includes a manually positioned legend built with SVG `<rect>` and `<text>` elements, and styling is applied via `style('opacity')` and `stroke` attributes.

Kkommineniamarasadasivani2002@gmail.com
82% match
Loading thumbnail…

Activity 6_Task3

This scatter plot maps gaming platforms by their average Action and Adventure ratings, with each circle representing a platform and a hover tooltip revealing its name. The visualization loads CSV data from a GitHub repository and uses `d3.csv`, `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft` to render axes and circles as SVG elements. Point positions are derived from the extent of both rating columns, while margins are sized to accommodate full-screen rendering.

Vvarunreddy.gudigopuram@gmail.com
82% match
Loading thumbnail…

Q1_VT

This pie chart visualizes the distribution of video game genres based on user ratings below 5.0. The visualization loads CSV data from a GitHub Gist and renders it as a donut-style chart using D3.js. The code employs `d3.pie()` to compute arc segments, `d3.arc()` for both the outer path and inner label positioning, and `d3.scaleOrdinal()` with `d3.schemeCategory10` for color encoding. Each genre label is placed at the centroid of its corresponding arc using the `label.centroid()` transformation.

RRJVENKATESH789@GMAIL.COM
81% match