Skip to main content
SimilarExport ZIP
100%

Activity 7

✓ Published1🌍 Public
Hhlmn4936@gmail.com
Last edited Nov 6, 2024
Created on Nov 6, 2024

This pie chart visualizes the top 10 store areas by sales, using a dataset fetched via `d3.csv` from a GitHub-hosted CSV file. Slices are generated with `d3.pie()` and drawn as SVG paths using `d3.arc()`, with each slice labeled by its store area and sales value. A legend, built with SVG groups, maps the color-coded categories to their names. The chart uses a custom color scale from `d3.scaleOrdinal()` and is styled with a bordered SVG container.

AI-generated description

A demonstration of reusable piechat .

MIT Licensed

Similar vizzes

Loading thumbnail…

pie chart

This pie chart visualizes the top 10 store areas by sales, using D3 v7 to load CSV data, sort it, and render an SVG pie chart with colored slices, labels, and a legend. The code uses `d3.pie()` to compute arc angles, `d3.arc()` to draw paths, and `d3.scaleOrdinal()` for color encoding. Store area names and corresponding sales values appear both on the slices and in a legend, with data sourced from a GitHub-hosted CSV file.

RRohithNaiduDevareddy@my.unt.edu
91% match
Loading thumbnail…

Fork of pie chart

This pie chart ranks the top 10 store areas by their sales figures, using color-coded slices and a corresponding legend to identify each area. The visualization is built with D3.js v7, using the `pie` function to compute slice arcs and `arc` to draw them as SVG paths. Store sales data is loaded from a CSV file and sorted to display the largest values. Each slice is labeled with its store area code and sales total, with a legend on the right providing a color key.

SSaiHarshitManda@my.unt.edu
88% match
Loading thumbnail…

Activity 7

This pie chart displays total sales by product, using a CSV dataset loaded from GitHub. The D3.js v7 code (with d3.csv, d3.rollup, d3.sum, d3.pie, and d3.arc) aggregates the data and renders SVG slices labeled with product names. A color legend, built with d3.scaleOrdinal and d3.schemeCategory10, lists each product and its summed sales value. The chart uses white slice strokes and a centered layout within an 800x500 SVG.

Ddivya.matavalam828@gmail.com
87% match
Loading thumbnail…

Task-9

This visualization shows the top 10 store areas by sales as a pie chart, with each slice labeled by its store area code and corresponding sales value, alongside a legend listing all areas. The code loads a CSV dataset from GitHub, sorts and filters it, then uses d3.pie() and d3.arc() to generate the chart within an SVG canvas. A d3.scaleOrdinal assigns distinct colors to slices, and custom text elements are positioned using arc.centroid(). The legend is built manually with SVG rects and text elements, and axis-like labels for "Store Area" and "Sales" are added as decorative text.

AArungopal Andalam
87% match
Loading thumbnail…

Activity 8 Cherryl

This pie chart visualizes the top 10 store areas by sales from a Superstore Sales dataset. The chart applies a rank-based weighting to the sales values before rendering, making higher-ranked areas appear proportionally larger. Built with d3.v7, the visualization uses `d3.pie()` and `d3.arc()` to generate SVG slices, with an ordinal color scale for differentiation. Labels and a legend display store area names and weighted values, while the data is loaded via `d3.csv()` from a GitHub gist.

Ccherrylmarym@gmail.com
87% match
Loading thumbnail…

D3JS_ASSIGNMENT

This visualization displays a pie chart of the top 10 store areas ranked by their sales, with each slice labeled by store area name and sales value. The chart uses D3.js v7 to load CSV data, sort it, and generate the pie layout with `d3.pie()` and `d3.arc()`. Colored slices and a custom legend highlight each category, while store area names are overlaid on the chart using arc centroids. The SVG rendering includes a title and axis labels, with data sourced from a remote GitHub repository.

AArungopal Andalam
87% match
Loading thumbnail…

piechart

This visualization displays a pie chart representing the top 10 store areas by sales, with each slice labeled by its sales value and accompanied by a color-coded legend. The chart sorts the input CSV data in descending order before extracting the top 10 entries, then uses d3.pie() and d3.arc() to generate the slices within an SVG rendered by React. The code employs d3.scaleOrdinal for color assignment and d3.csv to load the Stores dataset from a GitHub gist, with slice labels positioned using arc.centroid().

Jjaswanthreddy2715@gmail.com
87% match
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
86% match