Skip to main content
SimilarExport ZIP
100%

Fork of pirchart

✓ Published0🌍 Public
Ssathvik0311@gmail.com
Last edited Nov 6, 2024
Created on Nov 6, 2024
Forked from pirchart

This fork of a pie chart visualizes the top five fruits by sales from a CSV dataset loaded via d3.csv. It uses d3.pie and d3.arc to generate SVG path slices, with percentage labels placed at each arc centroid. A legend built from d3.scaleOrdinal and d3.schemeCategory10 identifies the fruits, while the chart is rendered in SVG with a width of 600 pixels and includes axis-style text labels.

AI-generated description

A demonstration of reusable scatter plot.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of pie chart

A pie chart shows the total fruit yield from 2014 to 2024, with slices sized by each fruit's summed yearly values and sorted in descending order for readability. The visualization uses D3 v6's `d3.pie` and `d3.arc` to create the SVG paths, with `d3.scaleOrdinal` assigning colors from `d3.schemeCategory10`. A legend on the right maps each fruit to its colored box and total yield, built using D3's `selectAll` and `enter` operations. The underlying data comes from a CSV file fetched via `d3.csv` from a remote gist.

Bbharathavulapati@gmail.com
85% match
Loading thumbnail…

assignment-2 fork

This static pie chart shows the distribution of fruit quantities. The visualization is rendered as an SVG, with each slice labeled by its corresponding fruit name. The code loads data from a CSV file hosted on a GitHub gist using `d3.csv`. It employs `d3.pie` to compute the arc segments, `d3.arc` for the path geometry, and `d3.scaleOrdinal` with `d3.schemeCategory10` for coloring. The chart is centered within a 600x400 SVG canvas, with a title placed above the plot.

GGanesh Raju Yadav
84% match
Loading thumbnail…

Fork of Pie Chart

This fork of a pie chart visualizes 2015 sales data for different companies using a legend and colored arcs. The chart displays each brand’s year-to-date profit converted to thousands and rendered as a simple SVG pie. The code imports D3 v5 modules like `pie`, `arc`, and `scaleOrdinal` to generate the chart, while loading data from a CSV via D3’s `csv` function. React is used as the framework, and the page is styled with custom CSS for headings and legend text.

Ssowmyanagula@my.unt.edu
82% match
Loading thumbnail…

fruits

This pie chart shows the proportional distribution of fruit quantities sold, with each slice labeled by its percentage of the total. It is built with D3 v7, using `d3.pie` and `d3.arc` to generate the segments, `d3.scaleOrdinal` with `d3.schemeCategory10` for colors, and `d3.csv` to load the dataset from a GitHub-hosted CSV. A custom legend and a bold title are added below the SVG chart.

NNagalakshmi Thota
82% match
Loading thumbnail…

Fork of Pie Chart

This example shows a pie chart of fruit sweetness levels, with each slice labeled by fruit name and its corresponding sweetness value in a legend beside the chart. The visualization splits the data into colored segments using D3’s `pie` and `arc` generators, with colors assigned via `scaleOrdinal`. It loads CSV data from a GitHub gist using `d3.csv`, renders the chart as SVG, and displays legend entries with fruit names and formatted sweetness numbers using `d3.format`. The code uses React for component structure and D3 v5 for all data binding and visual encoding.

SSravaniPosina
82% match
Loading thumbnail…

Fork of two

This pie chart shows the proportion of total sales by product category, with labels on each slice and a legend to the side. It uses D3 v7’s `d3.rollups` to aggregate sales per category and `d3.pie` to generate arcs, while `d3.scaleOrdinal` assigns colors. Each slice’s centroid is computed with `d3.arc.centroid` for label placement, and the SVG is rendered from CSV data.

Mmsahithipatel@gmail.com
82% match
Loading thumbnail…

Fork of Fork of Pie Chart

This visualization displays people's top choices for social media usage as a pie chart, with each slice labeled by its percentage value. The code loads a CSV file from a Gist URL using `d3.csv` and renders the chart in SVG using D3 v5. The pie chart is drawn with `d3.pie` and `d3.arc`, with colors assigned via `d3.scaleOrdinal`. Legends at the right show each category with its name and corresponding percentage, also formatted using `d3.format`.

RRahulSai05
82% match
Loading thumbnail…

Fork of Fork of Hello VizHub

This example presents a pie chart of aggregated sales data by product category, loaded from a CSV file hosted on GitHub and rendered as an SVG. It uses D3 v6 APIs such as `d3.csv`, `d3.rollups`, `d3.sum`, `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` with `d3.schemeCategory10`. The chart displays each category’s total sales in thousands and its percentage share, with labeled arcs and a legend.

KKritin Kesav
82% match