Skip to main content
SimilarExport ZIP
100%

Assignment1-question1

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

This visualization presents the distribution of genres as a pie chart, using data loaded from a CSV file. The chart displays each genre as a colored slice with corresponding values, and includes a legend and value labels. Built with D3.js v7, it uses `d3.select`, `d3.scaleOrdinal`, `d3.pie`, and `d3.arc` to construct the SVG. The code defines a reusable pie chart function and imports the data via `d3.csv`.

AI-generated description

A demonstration of pie chart

MIT Licensed

Similar vizzes

Loading thumbnail…

Assignment-2_Question-1

This example presents a pie chart visualizing the distribution of genres from a CSV dataset, loaded via D3’s `csv` fetcher and mapped to numerical values from the “Less than 3” column. Using D3 v7, it constructs a 600x600 SVG with `pie()` and `arc()` to generate slices, colored by `scaleOrdinal` and labeled with values at each arc’s centroid. A legend and title are added, with a color range from orange to green. The reusable `createPieChart` function encapsulates the rendering logic.

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

Assignment 2 Question 1

This example shows the distribution of fruit categories using a pie chart, with each slice sized according to the value in the "4-5" column from a remote CSV file. The visualization renders as an SVG using D3 v7, with colored slices, a bold title, and an interactive legend that displays category names. D3's `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` APIs generate the chart and color scheme, while the legend uses `rect` and `text` elements to map colors to categories. The data is fetched via `d3.csv` from a GitHub gist, and labels for "Category" and "Percentage" are added as static text elements.

Nnikhilapogula@my.unt.edu
84% match
Loading thumbnail…

Task9_Question1

A pie chart shows the distribution of Netflix titles by genre, with colorful slices and a legend for identification. The chart uses `d3.pie()` to create the layout and `d3.arc()` to draw each slice, with a color scale from `d3.scaleOrdinal` and `d3.schemeCategory10`. Data is loaded from a remote CSV file, and genres are aggregated via `d3.nest()` and `d3.rollup()` to count titles per genre. The visualization is rendered as SVG, with labels inside slices and a legend at the right side.

CChandra Prakash Reddy Kalwakolu
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…

Assignment 2 - Question 1

This example shows a pie chart of food categories with quantities displayed both inside the slices and in a legend, using a color scale with four distinct sections. The visualization loads CSV data from a GitHub repository via `d3.csv`, then renders SVG arcs using `d3.pie` and `d3.arc` with an inner radius of zero. The chart positions text labels at each arc's centroid and appends a separate legend with rectangles and value labels. The code relies on D3 v5 APIs including `scaleOrdinal` for colors and `format` for tick value formatting, with styles defined in an external stylesheet.

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

Fork of Question 1:Pie Chart

This example displays a pie chart that breaks down genres by the proportion of entries scoring above 8.5. The visualization uses `d3.pie()` to compute arc positions and `d3.arc()` to generate the SVG path data for each slice. A categorical color scheme from `d3.schemeCategory10` fills the segments, with an accompanying legend mapping colors to genre names. Data loads asynchronously from a CSV file via `d3.csv()`.

Ttallavijayalakshmi0710@gmail.com
83% match
Loading thumbnail…

Assignment-2 Question-1

This pie chart displays the distribution of animal species by count, with each slice labeled with its value in thousands and accompanied by a legend. The visualization fetches data from a GitHub-hosted CSV file using `d3.csv`, then constructs the chart with `d3.pie` and `d3.arc` for the segments, while `d3.scaleOrdinal` assigns colors. Value labels are formatted via `d3.format` and positioned using `arc.centroid`. The D3 v5 code renders to an SVG canvas and includes styled legend rects and text elements.

Aarthireddykota@my.unt.edu
82% match