Skip to main content
SimilarExport ZIP
100%

sample

✓ Published1🌍 Public
Gganesh.hns48@gmail.com
Last edited Apr 8, 2024
Created on Apr 8, 2024
Forked from Hello VizHub

A pie chart displays the sales distribution of four electronic items—Smartphone, Tablet, Laptop, and Smartwatch—using D3.js v7 with SVG rendering. The chart encodes sales values as arc sizes, with each slice labeled by item name and sales amount, and a positioned legend showing color-coded item categories. Built with `d3.pie` and `d3.arc`, the visualization uses `d3.scaleOrdinal` with `schemeCategory10` for colors and appends path and text elements to the SVG. The legend is constructed as HTML divs, and all data comes from a static in-memory dataset.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

pie chart

A pie chart visualizes the proportion of sales across three product categories—Electronics, Clothing, and Food—using hardcoded data from an array. The chart is rendered as SVG with D3.js v7, employing `d3.pie()` to compute arc angles and `d3.arc()` to generate the path shapes, which are filled using a categorical color scale. Each slice includes a centered text label displaying the category and sales value, while a separate legend lists the categories with their corresponding colors.

CChindamrohan321@gmail.com
85% match
Loading thumbnail…

sample

This example displays an animated pie chart of product sales aggregated by category using d3.rollup to sum sales values from a CSV dataset. The chart renders with SVG and includes a legend, with hover interactions that enlarge arcs via dl.arc’s hoverArc and show category totals as text. The code uses d3.pie, d3.arc, and d3.scaleOrdinal with color transitions triggered by mouse events.

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

Assignment2Question1

A pie chart displays the sales distribution of electronic items in 2023, with each slice labeled by category and value. The chart uses D3 v7’s `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` with `d3.schemeCategory10` to generate and color the SVG arcs. Data is fetched as CSV from a GitHub repository, parsed with a custom function, and rendered with a corresponding HTML legend.

Gganesh.hns48@gmail.com
83% match
Loading thumbnail…

pie chart

A pie chart visualizes customer spending across four categories—Food, Clothing, Electronics, and Entertainment—using quantitative values. Built with D3.js v7, it renders an SVG slice for each category, sized by its value, with labels positioned at each slice’s centroid. A color scale from `d3.schemeCategory10` and `d3.scaleOrdinal` map categories to fills, while `d3.arc` and `d3.pie` compute the geometry. A separate HTML legend lists each category with its corresponding color and value. The chart uses a fixed 500×500 pixel canvas and is re-rendered by clearing and redrawing the SVG elements.

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

Pie Chart

This example displays a pie chart of sales figures for different companies, with each segment labeled by its proportional value and paired with a legend showing company names and sales totals. The chart is rendered as SVG using D3 v5, with data fetched from a CSV URL. It uses D3’s `pie` and `arc` generators to create the segments, a `scaleOrdinal` to map sales values to a set of predefined colors, and custom text elements to label each slice.

Mmanvithareddykarra
83% match
Loading thumbnail…

pie_sales

This pie chart visualizes product sales from a CSV file, displaying each product’s share as a colored slice with labels positioned at each slice’s centroid. The chart uses d3.pie() to compute arc angles and d3.arc() to render the SVG paths, with a d3.scaleOrdinal and d3.schemeCategory10 providing color encoding. A legend below the chart lists each product and its corresponding sales value, generated from the same loaded data. The visualization is built with D3 v7 and rendered as inline SVG within an HTML container.

PP Manisha
83% match
Loading thumbnail…

Assignment 2 Piechart

This pie chart visualizes the sales distribution of four tech products—Laptops, Smartphones, Tablets, and Desktops—using a static SVG rendering. The chart shows percentage labels on each slice and includes a legend that maps colored rectangles to product names and their corresponding sales percentages. The code utilizes D3 v5 APIs including `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate the pie geometry and color mapping, with values computed from a hardcoded dataset. The visualization, built within a React framework, displays the chart centered with a red title and legend positioned to the right.

Nnarasimhacharyulu010@gmail.com
83% match
Loading thumbnail…

Pie Chart

This example presents a pie chart depicting the total sales distribution across item categories, sourced from a CSV file. The visualization includes a legend, a title, and a subtitle, with each slice labeled by its category and dollar amount. Built with D3.js v6, the code uses `d3.pie()` and `d3.arc()` to generate the chart, `d3.rollups` to aggregate the data, and `d3.scaleOrdinal` with `d3.schemeCategory10` for coloring. The chart is rendered as SVG elements, with annotations and labels positioned using arc centroids.

AAbrarb702@gmail.com
83% match