Nikita's Pie Chart

100%

Nikita's Pie Chart

✓ Published3🌍 Public

Last edited Mar 27, 2022

Created on Mar 27, 2022

Nikita's Pie Chart visualizes movie ratings as a proportional pie chart, with each slice colored by movie title and accompanied by an interactive legend showing the rating value in points. The chart uses D3 v5’s `pie()` generator to compute arc angles, `arc()` to render SVG paths, and `scaleOrdinal` for categorical colors. Data is loaded asynchronously from a CSV gist via `d3.csv`. The legend, built with D3 selections, pairs colored rectangles with movie names and formatted rating values using `format('.4~g')`.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Nikita's Pie Chart

A pie chart visualizes movie review ratings from a CSV dataset loaded via a Gist URL, with each slice colored and labeled by movie title alongside a legend showing its numeric rating. Built with D3 v5, the code uses `d3.csv` to fetch data, `d3.pie` to compute arc angles, `d3.arc` to generate SVG paths, and `d3.scaleOrdinal` for color assignment. The SVG renders centered slices and a legend with rectangles and text, formatted using `d3.format`.

Rradhadevarapu

90% match

Loading thumbnail…

Nikita's Line Chart

This line chart visualizes movie ratings over time, with a red path mapping each rating to its corresponding movie count. The chart includes labeled axes, grid lines, and a title, with ratings on the x-axis and movie counts on the y-axis. Built with D3 v5, it uses `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` to render SVG elements, processing CSV data loaded via `d3.csv` from a GitHub gist.

Nnikitamakkena

84% match

Loading thumbnail…

Nikita's Line Chart

This example shows movie ratings over time with a red line plot against labeled axes for movies and rating. The visualization uses d3.csv to load a dataset from a GitHub gist, then applies d3.scaleTime and d3.scaleLinear to map data values to pixel coordinates within a fixed SVG canvas. Axes are generated with d3.axisBottom and d3.axisLeft, while the line path is drawn using d3.line. The chart includes axis labels, a title, and gridlines created through tick sizing.

Nnikitamakkena

81% match

Loading thumbnail…

Fork of Pie chart

This example visualizes the top movies and their ratings using a pie chart, with each slice representing a movie and its size proportional to the rating value. The chart renders as an SVG, using D3.js v5's `pie` and `arc` generators to create the segments and a color scale for differentiation. Ratings are loaded from a CSV file via `d3.csv`, and a legend on the right displays each movie's name alongside its corresponding rating value, formatted with `d3.format`.

AAISWARYAMARAPATLA1999

79% match

Loading thumbnail…

Fork of Pooja's Pie Chart

This fork of a pie chart visualizes movie ratings for recent Indian films. The visualization uses a D3.js v5 pie layout with a categorical color scale to differentiate movie titles. A legend displays each movie name alongside its corresponding rating value in points. Data is loaded from a remote CSV file via the `d3.csv` method, and the chart is rendered as an SVG with `d3.arc` for the pie segments and `d3.scaleOrdinal` for color assignment.

PPoojaThandra

77% match

Loading thumbnail…

Pie Chart

This example visualizes rating distributions as a pie chart, where each slice represents a categorical rating (such as "AAA Local" or "BBB- Internacional") with its corresponding percentage value. The chart reads input data from a JSON file and displays each category with a color-coded slice, accompanied by a legend on the right listing the label and exact percentage. Built with D3 v5, the code uses the `pie` layout generator to compute arc segments, `arc` for rendering paths, and `scaleOrdinal` for categorical color assignment. The SVG output is generated using the `select` and `append` API to construct both the pie slices and the legend elements.

SSRI RAM REDDY KOTERU

75% match

Loading thumbnail…

Fork of Nikita's Pie Chart

This example visualizes loan data from a CSV file as a pie chart, with each slice representing a loan’s ApplicantIncome and colored by its Loan_ID. A legend lists the Loan_IDs along with their associated rating points. The chart is built with D3 v5, using `d3.pie` and `d3.arc` to generate SVG paths, `d3.scaleOrdinal` for colors, and `d3.format` for tick labels. Data is loaded asynchronously via `d3.csv`.

CCHANDU BHARGAVI

75% match

Loading thumbnail…

Pie Chart

This pie chart visualizes IMDB ratings for Marvel and DC movies, comparing titles like The Avengers, Infinity War, and The Dark Knight. The chart uses d3.pie to compute arc angles from the data values and d3.arc to generate SVG path segments, with d3.scaleOrdinal assigning categorical colors. Each slice responds to mouseover and click events, displaying a tooltip with the movie name and rating via d3.event positioning. Data loads from a comma-separated CSV file pulled from a GitHub gist, with the visualization rendering entirely as SVG within a fixed-size viewport.

Hhappymail6

74% match