Skip to main content
SimilarExport ZIP
100%

Pie chart

✓ Published0🌍 Public
DDouglas mochama
Last edited Apr 29, 2024
Created on Apr 29, 2024
Forked from Activity 9

This pie chart visualizes the rating distribution for Action genre movies, with five rating categories from "below 5.0" to "above 8.5". The chart is rendered as an SVG using D3.js v7, with arcs generated by the `d3.arc` and `d3.pie` APIs. Data is loaded from a CSV file via `d3.csv`, filtered, and then mapped to a categorical color scheme using `d3.scaleOrdinal` and `d3.schemeCategory10`. A legend lists each rating bracket next to its corresponding color.

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

Activity 7.1 - Q1

This pie chart visualizes the distribution of movie ratings across six genres, showing the proportion of each genre falling into various rating bands. The chart uses a D3.js pie chart with an ordinal color scale, and interactive tooltips that appear on mouseover. A legend displays the genre-color mapping. The visualization is implemented with `d3.pie`, `d3.arc`, and `d3.scaleOrdinal`, rendering as SVG with D3 v7. Genre data is sourced from a static array within the code.

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

Activity 7_Q1

This interactive pie chart displays the distribution of movie ratings (G, PG, PG-13, R) across different genres. A dropdown menu allows viewers to toggle between individual rating classes or their total, with each genre represented as a colored slice whose angle encodes the count. The visualization uses D3 v7 APIs including `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate the SVG, while `d3.csv` fetches data from a remote gist. Hovering over a slice reveals a tooltip with the genre and exact value.

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

Activity 7

This example visualizes the distribution of movies rated above 8.5 by genre as a pie chart, with a custom legend using distinct D3 symbols (circles, squares, triangles, diamonds, and crosses) for each genre. It loads CSV data asynchronously via `d3.csv`, converts the relevant column to numbers, and renders the chart as SVG using `d3.pie` and `d3.arc`. The visualization uses a color scale with `d3.schemeCategory10` and includes axis labels and a title, though no axes are drawn.

AAamani Chamarthi
84% match
Loading thumbnail…

Activity 7.1 - Pie Chart

This pie chart visualizes the distribution of movie genres, specifically highlighting Action, Adventure, Drama, Romance, and Comedy, based on a CSV file loaded from a GitHub repository. Each slice shows the genre name and its count, with a legend providing a clear color key. The visualization uses D3 v6, employing `d3.pie()` and `d3.arc()` to construct the chart, while `d3.scaleOrdinal()` assigns a categorical color scheme. The data is fetched via `d3.csv` and rendered directly into an SVG element.

Ggsdontineni518@gmail.com
84% match
Loading thumbnail…

Activity7-Q1

This interactive pie chart visualizes total movie ratings by genre, with a legend and tooltip for detailed values. The code uses D3.js v7, loading CSV data and aggregating it with `d3.rollup` and `d3.sum`, then generating arcs via `d3.pie` and `d3.arc`. A tooltip appears on mouseover, and the SVG is styled with CSS, featuring a color scale using `d3.scaleOrdinal` with `d3.schemeCategory10`. The chart is centered with extra space allocated for the legend, and the title explicitly states "Total Ratings by Genre."

119n81a0581sunny@gmail.com
84% match