Skip to main content
SimilarExport ZIP
100%

Task_1_jaynica

✓ Published0🌍 Public
Nnunnajaynica@gmail.com
Last edited Apr 22, 2024
Created on Apr 22, 2024
Forked from Hello VizHub

This example shows a pie chart of video game genres, with each slice sized by the count of games rated above 8.5, as loaded from a remote CSV file. D3 v6 (loaded via UNPKG) is used to shape the slices with `d3.pie` and `d3.arc` into an SVG, using an ordinal color scale for genre categories. A legend, built with D3's selection and shape primitives, maps each color to its genre label.

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…

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
83% 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…

Task9_Question1

A pie chart displays the distribution of ratings across different genres, with each slice labeled by its percentage and a color-coded legend listing the genre names. The visualization loads genre and rating data from a remote CSV file and renders it as an SVG using D3 v7. The code uses `d3.pie` to compute slice arcs, `d3.arc` to generate the path geometry, and `d3.scaleOrdinal` with `schemeCategory10` for slice colors. Percentage labels are placed at slice centroids via the arc generator's `centroid` method.

KKeerthi
82% match
Loading thumbnail…

Task9_Question1

A pie chart displays the distribution of ratings across different genres, with each slice labeled by its percentage and a color-coded legend listing the genre names. The visualization loads genre and rating data from a remote CSV file and renders it as an SVG using D3 v7. The code uses `d3.pie` to compute slice arcs, `d3.arc` to generate the path geometry, and `d3.scaleOrdinal` with `schemeCategory10` for slice colors. Percentage labels are placed at slice centroids via the arc generator's `centroid` method.

KKeerthi
82% match
Loading thumbnail…

PIE CHART QUESTION 1

This example displays a pie chart that visualizes the proportion of video games exceeding a rating threshold of 8.5, broken down by genre. The chart is rendered as SVG using D3 v6, with each slice filled by a categorical color. It incorporates a legend positioned to the right of the chart for genre identification. The code loads data from a CSV file using `d3.csv`, computes arc paths with `d3.arc`, and constructs the pie using `d3.pie`, demonstrating a standard D3 workflow for creating interactive data visualizations.

Vvankayalapatimounika2000@gmail.com
82% match
Loading thumbnail…

JC-Task-9-10

This example shows a pie chart that breaks down a movie dataset by genre, displaying the count of movies in each category with labeled slices and a color-coded legend. The visualization also includes X and Y axis titles, though the chart itself is circular. The code loads data from a CSV file and uses D3 v5’s `csv`, `pie`, and `arc` functions to generate the slices, while `select` and `append` build the SVG elements. The chart fills the entire browser window, with genres like Drama and Action assigned distinct colors.

JJames Cruz
82% match
Loading thumbnail…

JC-Task-9-10

This example shows a pie chart that breaks down a movie dataset by genre, displaying the count of movies in each category with labeled slices and a color-coded legend. The visualization also includes X and Y axis titles, though the chart itself is circular. The code loads data from a CSV file and uses D3 v5’s `csv`, `pie`, and `arc` functions to generate the slices, while `select` and `append` build the SVG elements. The chart fills the entire browser window, with genres like Drama and Action assigned distinct colors.

JJames Cruz
82% match
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
82% match