Skip to main content
SimilarExport ZIP
100%

Activity 7.1 Question 1

✓ Published0🌍 Public
BBharath Vupputuri
Last edited Apr 11, 2025
Created on Apr 11, 2025
Forked from Hello VizHub

This visualization displays cricket bat sales by company as a pie chart, with each brand's sales value labeled on its corresponding slice. The chart is built using D3.js v5, fetching data from a GitHub-hosted CSV file and rendering with SVG. It employs d3.pie for slice generation, d3.arc for segment paths, and d3.scaleOrdinal for category colors, alongside a custom legend showing brand names and sales figures in thousands.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity-7 q-1

A pie chart displays the distribution of sales counts across different brands, with each slice labeled and colored uniquely. The chart is rendered as an SVG using D3.js v7, with data loaded from a CSV file via `d3.csv` and aggregated using `d3.rollup`. Slices are generated with `d3.pie`, and a legend positioned to the right shows brand color mappings. Hover tooltips are not implemented, but static labels and a Tableau10 color scheme provide clarity.

Bbhargavireddy4016@gmail.com
84% match
Loading thumbnail…

Activity 7 Question 1

This visualization shows the sales distribution by product as a pie chart, with each slice sized proportionally to the total sales for that product. The code loads a CSV file from a GitHub repository using `d3.csv`, then groups and aggregates the data with `d3.rollup` and `d3.sum`. It renders the pie chart using `d3.pie` and `d3.arc` paths, colors slices with `d3.scaleOrdinal` and the Tableau 10 color scheme, and adds a legend with product names and colored swatches. The chart is drawn as an SVG with white slice strokes and labels positioned at slice centroids.

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

Question-1_Activity7.1

A pie chart displays the distribution of sales counts across product categories, with each slice labeled in thousands and a corresponding legend showing category names and values. The visualization loads CSV data from a GitHub gist and uses D3 v5 APIs including `d3.csv`, `d3.pie`, `d3.arc`, `d3.scaleOrdinal`, and `d3.format` to generate SVG paths and text elements. Colors are assigned via an ordinal scale mapping categories to a fixed array of named colors, and the chart is centered within an SVG canvas with legends positioned to the right.

Ppreethimedepalli4@gmail.com
84% match
Loading thumbnail…

Activity 7.1-1

This example shows a pie chart of car sales by brand, using a dataset loaded from a GitHub-hosted CSV file. It aggregates the raw data with d3.rollup and d3.sum to compute total units sold per brand, then renders the slices with d3.pie and d3.arc in an SVG. Each brand receives a distinct color from a predefined map, and a legend displays the brand names alongside their corresponding sales totals. The visualization also logs intermediate data to the console for debugging.

DDeekshitha Annreddy
83% match
Loading thumbnail…

Activity7.1_Question1

This visualization shows fruit sales data as a pie chart with a legend and axis labels, comparing sales across five fruit types. It loads data from a CSV file via `d3.csv`, then uses `d3.pie()` and `d3.arc()` to generate SVG paths for each slice. A `d3.scaleOrdinal` with `d3.schemeCategory10` colors the arcs, and the chart is rendered as an SVG in a 600x400 viewport. The markup is created with D3 v7 selections and appends.

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

Activity 7.1 Question 1

This pie chart visualizes product sales data, displaying the proportional share of each product category as a colored slice with corresponding legend labels and percentage values. The chart loads CSV data from a GitHub gist via `d3.csv` and renders it using D3 v5’s `pie` and `arc` generators, with `scaleOrdinal` assigning category colors. Legends are appended as SVG groups, showing category names and computed percentages, while the total sales value is calculated by summing the numeric `Value` field from the dataset.

MMandadi Nishita
83% 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
83% match
Loading thumbnail…

Activity - 7 - Q1

This pie chart shows the sales figures for a set of books, with each slice labeled by its sales value in crores and accompanied by a color-coded legend. The visualization loads data from a GitHub-hosted CSV file using `d3.csv` and renders the chart with D3 v5's `pie` and `arc` generators. Slice colors are assigned via `d3.scaleOrdinal`, and the final SVG output places the chart and its legend within a 960 by 500 pixel canvas.

NNitish Thotakura
83% match