Skip to main content
SimilarExport ZIP
100%

Activity 6

✓ Published0🌍 Public
AAP19110020041-Pavan Kumar
Last edited Nov 6, 2024
Created on Nov 6, 2024
Forked from Hello VizHub

This pie chart visualization displays the proportional breakdown of categorical data loaded from a remote CSV file. Constructed with D3.js v7, the SVG graphic uses `d3.pie` to compute arc segments and `d3.arc` for path geometry, with `d3.scaleOrdinal` and `d3.schemeCategory10` providing categorical colors. A legend, including color swatches and labels, is positioned on the left side, while the chart title appears above. The code loads data via `d3.csv` and renders all elements as SVG paths and text nodes.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity 7 Q1

This example shows a pie chart that visualizes categorical data loaded from a remote CSV file, with each slice colored using a categorical color scale and a legend pairing colors with category and subcategory labels. The chart is rendered as SVG using D3.js v6, where the `d3.pie()` generator computes slice angles and `d3.arc()` creates the path shapes. Data is fetched via `d3.csv`, and the color mapping uses `d3.scaleOrdinal` with `d3.schemeCategory10`. The code also adds axis labels (X and Y) that are not tied to the pie chart, acting as placeholders within the SVG layout.

Vvishnutejareddyambati@my.unt.edu
88% 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
88% match
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
86% match
Loading thumbnail…

Activity 7

A pie chart visualizes the distribution of housing data by ocean proximity, with each slice colored and labeled to show the count of homes in each category. The chart includes a title and a legend displaying category names with their corresponding counts. Built with D3.js (v6), the visualization loads CSV data from a GitHub repository, uses `d3.pie` and `d3.arc` to generate the pie slices, and applies `d3.scaleOrdinal` with `schemeCategory10` for colors. The SVG rendering includes slice labels positioned via `arc.centroid` and interactive hover-free styling.

Pperamranji
86% match
Loading thumbnail…

Activity 7_Q1

A pie chart displays the proportional spending across unnamed categories, with each slice color-coded and paired with a legend on the right side. The visualization loads CSV data from a GitHub repository using `d3.csv`, then constructs the chart with `d3.pie()` and `d3.arc()`. Color assignment uses `d3.scaleOrdinal` with the `schemeSet2` range. The SVG is rendered via D3 v7, with slices stroked in white and space reserved for axis labels.

Mmsnikhil2608@gmail.com
85% match
Loading thumbnail…

Activity 7.1

This pie chart visualizes sales by product, with each slice sized according to the product's sales value and colored using a categorical color scheme. The visualization is built with D3.js (v7), using `d3.pie()`, `d3.arc()`, and `d3.scaleOrdinal` to generate and style the chart, with an SVG-based legend and labels positioned via arc centroids. Data is loaded asynchronously from a remote CSV file using `d3.csv`, and the chart is rendered entirely through SVG elements.

Nnvishalreddy8951@gmail.com
85% match
Loading thumbnail…

Activity7.1

A pie chart displays the share of browser usage from a CSV dataset, with each slice labeled by its percentage. The chart uses D3 v7 to load CSV data asynchronously, applies `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` with the Tableau10 color scheme, and renders via SVG. A legend on the right maps color swatches to browser names, while slice texts show the corresponding usage values. The example demonstrates handling remote CSV data, SVG path generation, and legend construction with D3's `select` and `append` methods.

SSiddhardha
85% match
Loading thumbnail…

activity7_Q1

This pie chart displays the distribution of animal conservation statuses, using counts from a CSV dataset to show proportional slices for each category. The visualization is rendered as an SVG using D3 v6, with the `d3.pie` and `d3.arc` functions generating the pie geometry, while a `d3.scaleOrdinal` with `d3.schemeCategory10` assigns colors to statuses. Labels on each slice include the status name and count, and a separate legend with colored rectangles and text appears to the right, positioned via manual SVG transforms.

Vvarunreddy.gudigopuram@gmail.com
85% match