Skip to main content
SimilarExport ZIP
100%

Activity-7

✓ Published0🌍 Public
119n81a0581sunny@gmail.com
Last edited Nov 6, 2024
Created on Nov 1, 2024
Forked from Hello VizHub

This pie chart displays the distribution of Indian food types by count, sourced from a CSV file, using an SVG rendering. The visualization aggregates data with `d3.nest` and `d3.rollup`, then employs `d3.pie` and `d3.arc` to construct the slices. Interactive tooltips appear on mouseover, and a color-coded legend identifies each category. The chart is built with D3 v7 and uses a sequential color scheme for visual distinction.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity7

This visualization presents a pie chart illustrating the proportional distribution of fruit categories, with each slice labeled by its category name. The chart loads a CSV dataset from a GitHub repository, parsing the numeric values to generate the pie geometry. Using D3.js v7, the code defines the chart dimensions, creates an SVG container, and applies an ordinal color scheme for slice differentiation. A custom legend is appended to the page, using HTML divs to display each fruit category with its corresponding percentage value.

Aaschowdary.shashi@gmail.com
84% match
Loading thumbnail…

Activity_7

This pie chart visualizes fruit category proportions loaded from a GitHub Gist CSV file, with each slice labeled and colored using d3.scaleOrdinal with d3.schemeSet3. The D3 v7 code loads the data via d3.csv, converts values to numbers, and generates arcs with d3.pie and d3.arc. A custom legend, built as HTML divs, displays each category’s color and percentage. The SVG rendering includes white category labels positioned at slice centroids.

Aaschowdary.shashi@gmail.com
84% match
Loading thumbnail…

Activity 7.1

This pie chart displays the distribution of fruit quantities sold, with each slice representing a fruit type and labeled with its percentage of total sales. The visualization loads CSV data from a GitHub repository, converts the "Quantity Sold" field to numeric values, and uses D3.js v7's `d3.pie()` and `d3.arc()` generators to create the SVG arcs. A categorical color scale (`d3.scaleOrdinal` with `d3.schemeCategory10`) assigns distinct colors to each fruit, while percentage labels are positioned using `arc.centroid()`. A custom HTML legend below the chart maps each color swatch to its corresponding fruit name.

NNagalakshmi Thota
83% match
Loading thumbnail…

Activity_7.1

This pie chart visualizes the distribution of loan types from a CSV dataset loaded via `d3.csv`. Each slice is generated using `d3.pie()` and rendered as an SVG path with `d3.arc()`, colored by `d3.scaleOrdinal` and `d3.schemeCategory10`. The chart includes a legend with colored rectangles and text labels, while slice labels are placed using the arc’s `centroid` method. The code uses D3 v6, an SVG container, and explicit width, height, and margin settings.

Ssanjanaadapa7@gmail.com
83% match
Loading thumbnail…

Activity_7.1 q1

This pie chart visualizes the distribution of student performance categories, with each slice labeled and colored according to its category. The visualization uses D3 v7’s `d3.pie()` and `d3.arc()` to generate the slices, while `d3.scaleOrdinal` with `schemeSet2` assigns colors. Data is loaded asynchronously from a CSV file hosted on GitHub Gist and rendered as an SVG, with a legend positioned to the right of the chart to identify each category.

Ssanjanaadapa7@gmail.com
83% match
Loading thumbnail…

Activity 7 sivani

This visualization presents a pie chart displaying categorical data as proportional segments within a circular layout. The chart is rendered as an SVG element sized 500 by 500 pixels, with each slice representing a data category. The code uses D3.js version 7’s pie layout and arc generator to compute the angles and paths for each segment. The chart is constructed using static data defined in the accompanying piechart.js file, with styling applied through an external stylesheet.

Kkommineniamarasadasivani2002@gmail.com
83% match
Loading thumbnail…

Pie chart - Activity 7

This pie chart displays the distribution of irrigation types from an agricultural dataset, with each slice labeled and color-coded by category. The visualization is built using D3.js v6, loading data from a remote CSV file. The code uses `d3.pie()` to compute arc segments, `d3.arc()` for rendering the slices, and `d3.rollup()` to aggregate the dataset by irrigation type. Each slice includes its type name and count, alongside a manually positioned legend with custom colors.

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

activity7

A pie chart displays the distribution of flower species, with each slice labeled and a legend mapping colors to species names. The chart is titled "Flower Species Distribution" and includes axis labels for "Species" and "Count". The visualization is built with D3.js, using `d3.pie()` and `d3.arc()` to generate the slices, `d3.scaleOrdinal` for color assignment, and a CSV file loaded via `d3.csv()` as the data source, rendering an SVG.

Ssahithitoomu@gmail.com
83% match