pie

100%

✓ Published1🌍 Public

Last edited Mar 29, 2026

Created on Mar 29, 2026

This pie chart compares the number of high-price days (above $100) versus low-price days in Apple’s stock history. The code loads CSV data from a Plotly-hosted dataset, counts occurrences in each category, and renders an SVG pie chart using d3.pie and d3.arc. A d3.scaleOrdinal with d3.schemeCategory10 assigns colors to the two slices, and labels are positioned at each arc’s centroid via arc.centroid. A legend is built with plain HTML divs, replicating the slice colors. The chart is minimal, showing only the split between two price thresholds without additional axes or time detail.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

pie chart

This pie chart visualizes the prices of the top 11 products from a CSV dataset, sorted in descending order and drawn as SVG arcs. Built with D3.js v5, it uses the `pie` and `arc` functions to generate segments, `scaleOrdinal` with `schemeCategory10` for color coding, and includes an interactive legend showing each product name and its price in dollars. Data is loaded asynchronously via `csv` from a GitHub gist, and the chart is rendered on mouseover logging.

Aadapavaishnavi12

81% 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

81% match

Loading thumbnail…

pie

This pie chart displays the categorical sum of a numeric value, with interactive controls to select the category and value columns from a CSV/TSV dataset. Small slices below a configurable minimum share are grouped into an “Other” slice, and the chart updates with animated transitions. Built with D3 v7, it uses `d3.dsvFormat` for automatic delimiter detection, `d3.rollup` for aggregation, and `d3.arc` for rendering each slice as an SVG path. Hovering reveals a tooltip with the exact value and percentage share. The data is fetched from a remote gist file.

Sshreelasya.bezawada@gmail.com

80% 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

79% match

Loading thumbnail…

Pie Chart for top brands and their prices

A pie chart displays the relative prices of top brands, with each slice labeled by its price in thousands and a corresponding legend listing brand names and values. The chart uses D3 v5 APIs including `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate segments and assign colors, while `d3.csv` loads the dataset from a GitHub Gist. Text labels are positioned via `arc.centroid`, and the SVG renders the chart and legend interactively.

SSwapna1915

79% match

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

79% match

Loading thumbnail…

Piechart

This example presents a pie chart visualizing the quantity of fruits sold, with each slice labeled by its percentage of the total. The chart is rendered as an SVG within a VizHub project, loading data from a remote CSV file using `d3.csv`. The code leverages `d3.pie` and `d3.arc` to generate the slices, `d3.scaleOrdinal` with `schemeCategory10` for colors, and creates an HTML legend with colored swatches. The chart title and percentage labels appear directly in the SVG, with `d3.sum` used to compute totals.

NNagalakshmi Thota

79% match

Loading thumbnail…

Pie Chart

This pie chart displays categorical data loaded from a CSV file, with slices colored by category and labeled directly on the chart. It uses D3.js APIs such as `d3.pie()`, `d3.arc()`, and `d3.scaleOrdinal` with `d3.schemeCategory10` to generate and color the SVG paths. Text labels are positioned using `arc.centroid`, and a legend is built with appended rectangles and text elements. The SVG is centered via a transform, and the chart dimensions are fixed at 500 by 500 pixels.

Rrajeswariamruthabommaraju@my.unt.edu

79% match