Skip to main content
SimilarExport ZIP
100%

IRIS Activity 7

✓ Published1🌍 Public
Ssreejabommineni1506@gmail.com
Last edited Apr 6, 2025
Created on Apr 6, 2025

This interactive pie chart visualizes total sales aggregated by region from a remote HR dataset. Built with D3.js, it uses the `pie`, `arc`, and `scaleOrdinal` APIs to render proportional slices with a color scheme from `schemeTableau10`, plus a legend. The visualization is fully responsive, sizing to the browser window via `window.innerWidth` and `window.innerHeight`. Data is fetched as CSV and grouped on the fly using a Map reduce before being passed to the chart. The SVG output includes hover effects on slices for user feedback.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity 7 Pie chart

This pie chart visualizes total sales by region, with each slice labeled and a color-coded legend. It loads CSV data from a GitHub repository, aggregates sales per region, and renders an SVG using D3 v6 APIs such as `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` with the Tableau 10 color scheme. The chart fills the browser window and includes hover effects for interactivity.

Ssreejabommineni1506@gmail.com
84% match
Loading thumbnail…

IRIS

This pie chart displays the distribution of Iris species from a CSV dataset loaded from a GitHub gist. The chart uses a clean, white background with an elegant color palette of blue, orange, and green to distinguish the three species, and includes labels directly on the slices, a bold title, and a legend showing counts. Built with D3.js v7, it employs `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate the SVG slices, with `d3.rollups` aggregating the data.

Mmyselfganesh433@gmail.com
81% match
Loading thumbnail…

IRIS

A pie chart visualizes the species distribution of the Iris dataset, showing each category as a slice with its own color and a corresponding legend. The code loads CSV data from a GitHub gist, groups it by species to count occurrences, and uses `d3.pie` and `d3.arc` to generate the SVG paths. Colors are assigned via `d3.scaleOrdinal` with a manual range, and `d3.select` manages the SVG elements while `d3.rollups` performs the aggregation.

Mmyselfganesh433@gmail.com
81% match
Loading thumbnail…

Activity 7 Scatter Plot

This scatter plot visualization displays the classic IRIS dataset, though the code provided actually implements a pie chart of fruit costs. The visualization uses D3.js v6.7.0, specifically the `pie`, `arc`, `scaleOrdinal`, and `schemeCategory10` functions to generate a pie chart with color-coded slices and a legend. The data is loaded as CSV from a remote gist URL, aggregated by fruit name, and rendered as an SVG with a viewBox for responsive scaling. The chart includes styled text using the 'Times New Roman' font and custom CSS for layout.

JJean
80% match
Loading thumbnail…

Question 1 Activity 7

This chart shows the distribution of Iris species in a pie chart, displaying each species with its count. The visualization is built with D3.js (v6.7.0) using the `d3.pie` and `d3.arc` layouts, with slices filled using `d3.scaleOrdinal` and `d3.schemeCategory10`. The SVG paths are generated server-side and rendered as inline SVG elements. Data comes from a remote CSV file loaded via `d3.csv` from the author's GitHub repository, and species frequencies are computed with `d3.rollup`. Hovering highlights slices via CSS transforms.

Kkommineniamarasadasivani2002@gmail.com
78% match
Loading thumbnail…

ICE7 - Pie Chart

This pie chart visualizes regional sales distribution, with each slice representing a region's proportion of total sales and a legend showing region names with percentage values. The code loads sales data from a GitHub-hosted CSV using d3.csv, then renders the chart with d3.pie and d3.arc functions, applying colors via scaleOrdinal. SVG elements are appended to the page using d3.select, with legend text formatted via d3.format to display percentages. The visualization uses d3.v5 and outputs the result as scalable vector graphics.

Kkuraakhila9@gmail.com
78% match
Loading thumbnail…

Activity7-Q1

This example displays the Iris dataset as a pie chart, with each slice representing a species type and its corresponding sepal length value. The visualization uses D3.js version 7 to fetch the CSV data from a GitHub repository, calculate the pie arc segments with `d3.pie`, and render the chart as SVG paths. A legend with color-coded rectangles and text labels is positioned on the right side, and all text elements are styled through CSS classes defined in the accompanying stylesheet.

Ttejaswiteju9811@gmail.com
77% match
Loading thumbnail…

Pie Chart

This pie chart visualizes the YTD sales distribution across brands in the iris dataset, with each slice colored and accompanied by a legend showing brand names and sales values in thousands. The visualization uses D3 v5 within a React framework, loading data from a CSV file via `d3.csv`. The chart is rendered as SVG, employing `d3.pie` to compute arc angles, `d3.arc` for path generation, and `d3.scaleOrdinal` for categorical colors, with formatted values using `d3.format`.

Bbindhureddy98
77% match