Skip to main content
SimilarExport ZIP
100%

CSCE 5320 ASSIGNMENT 2 QSN1

✓ Published0🌍 Public
Ssriharshakondakindi@gmail.com
Last edited Apr 13, 2024
Created on Apr 13, 2024

This example shows a pie chart of movie genres, illustrating the proportion of films rated above 8.5. The code loads CSV data from a GitHub repository, converts the rating column to numeric values, and uses d3.pie and d3.arc to generate SVG paths colored by genre via d3.scaleOrdinal and d3.schemeCategory10. A legend with colored rectangles and text labels is appended to the SVG, with opacity set for each slice.

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…

dataq1

This example displays six small pie charts, one for each movie genre, showing the proportion of ratings across five categories from "Below 5.0" to "Above 8.5." The charts are arranged vertically within a single SVG, with each genre’s chart positioned using a translated group. The code builds the visualization with D3.js v6, using `d3.pie()` to compute arc angles, `d3.arc()` to generate SVG path data, and `d3.scaleOrdinal()` with `d3.schemeCategory10` for coloring rating categories. A legend identifies the color mapping for each rating range.

Pp99vijaya@gmail.com
85% match
Loading thumbnail…

Task_9&10_question1

A pie chart visualizes the distribution of movie genres by the proportion of films rated above 8.5, using data parsed from an inline CSV string with d3.csvParse. Six genres (Documentary, Drama, Comedy, Romance, Animation, Action) are encoded as colored arcs generated by d3.pie and d3.arc, with each slice labeled by its genre name. A legend built with SVG rect and text elements maps the ordinal color scale to genres, while the chart renders as static SVG within a styled container.

HHarinathChakali33@gmail.com
84% match
Loading thumbnail…

q1

This example shows how movie genres are distributed across rating categories using a pie chart, with each slice sized according to the percentage of movies in a particular genre. It loads D3 v7 via UNPKG and uses the `d3.pie` and `d3.arc` APIs to generate the chart, with `d3.scaleOrdinal` for color encoding and `d3.select` for DOM manipulation. Interactive tooltips appear on mouseover, displaying the genre name and percentage, while text labels inside each slice show the computed percentage values. A legend is built dynamically using D3's selection and data-binding methods.

Ppnamitha46@gmail.com
83% match
Loading thumbnail…

TASK9_DV_LB_Question1

This pie chart visualizes the distribution of movie ratings below 5.0 across different genres. The D3.js v5 code fetches CSV data from a GitHub repository and uses `d3.pie` to compute arc segments, `d3.arc` for path generation, and `d3.scaleOrdinal` for color mapping. Each slice displays its numeric value using `d3.format`, with a legend generated from the genre field. The visualization is rendered as an SVG with a fixed width and height, using a categorical color palette.

Llikithabaddam@my.unt.edu
83% match
Loading thumbnail…

question1

A pie chart displays the distribution of film genres from a Movie-Rating CSV dataset, with each genre’s count calculated via `d3.rollup` and rendered using the `d3.pie` and `d3.arc` generators. An ordinal `d3.scaleOrdinal` with `d3.schemeCategory10` colors the arcs, and labels are positioned using `arc.centroid`. A legend is appended manually, while the SVG is sized at 960 by 500 pixels using D3 v7.

Jjaideeptripurani12@gmail.com
83% 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
83% match
Loading thumbnail…

Activity7_Task9_Question1

A pie chart built with D3.js v7 visualizes movie genre ratings from a static array of 20 genres, using arc size to encode rating values. The chart renders as SVG, with each genre slice colored using `d3.schemeCategory10` and positioned via `d3.pie` and `d3.arc`. A legend lists all genres with matching color swatches, while d3 axis components for category and linear scales display alongside the pie, though the axes appear redundant to the circular representation. The example demonstrates D3 module loading via UNPKG and local ES6 imports.

SShasankreddyganta@my.unt.edu
83% match
Loading thumbnail…

Fork of vizhub for CSCE 5320ASSIGNMNET 2

This example shows a D3 pie chart that visualizes the number of items with a rating above 8.5 across different genres, using data loaded from a remote CSV file via `d3.csv`. The chart renders as an SVG with a categorical color scale (`d3.scaleOrdinal` and `d3.schemeCategory10`), and each slice is drawn using `d3.pie` and `d3.arc`. A legend on the right maps each genre to its corresponding color, with the chart styled using opacity, black strokes, and explicit width and height dimensions.

Ssriharshakondakindi@gmail.com
83% match