Skip to main content
SimilarExport ZIP
100%

pie chart

• Draft0🔗 Unlisted
Ttadisatishreddy2000@gmail.com
Last edited Mar 31, 2025
Created on Mar 31, 2025
Forked from Bar_Plot

This interactive pie chart displays hospital-wise patient distribution for a selected year, with a dropdown menu to switch between years and a color-coded legend identifying each hospital. The visualization loads CSV data via `d3.csv` and uses `d3.pie()` to compute arc angles, `d3.arc()` to generate SVG paths, and `d3.scaleOrdinal(d3.schemeCategory10)` for slice colors. The chart redraws completely on year selection by clearing and re-appending SVG groups and legend items, rendering the final output as static SVG in the browser.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

area chart

This area chart displays yearly patient counts for a single hospital selected from a dropdown menu. The visualization uses an SVG rendering with d3.v7, employing `d3.area`, `d3.scaleLinear` for axes, `d3.axisBottom` and `d3.axisLeft` for ticks, and `d3.scaleOrdinal` with `d3.schemeCategory10` for color. Data is loaded as CSV from a GitHub gist, with the chart updating on dropdown changes by redrawing the area path.

Ttadisatishreddy2000@gmail.com
82% 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
80% match
Loading thumbnail…

piechart

This pie chart visualizes categorical data loaded from a CSV file, displaying each category as a colored slice with a label and a legend. The code uses D3 v6 API functions including `d3.pie` to compute arc data, `d3.arc` for path generation, and `d3.scaleOrdinal` with `d3.schemeCategory10` for color mapping. It renders as an SVG with a centered group, positioning arc paths and text labels via the `arc.centroid` method, while the legend is built with appended rectangles and text elements.

Rrajeswariamruthabommaraju@my.unt.edu
80% match
Loading thumbnail…

Pie Chart

This interactive pie chart visualizes product sales distribution across years, with a dropdown selector allowing users to switch between 2018 and 2024 data. The chart displays percentage labels on slices larger than 5% and includes a color-coded legend for product identification. Built with D3 v7, the example uses d3.csv to load product sales data, d3.pie for arc generation, d3.arc for slice paths, and d3.scaleOrdinal with d3.schemeCategory10 for colors. All elements render as SVG within a styled HTML container.

Mmaddulanagasanjana@gmail.com
80% match
Loading thumbnail…

Fork of pie chart

A fork of a pie chart example visualizes COVID-19 case data from a CSV file, showing three categories (Infected, Recovered, Died) as colored slices with proportional labels and a legend. The D3 v5 code uses `d3.csv` to load the data, `d3.pie` to compute arc segments, and `d3.arc` with an inner radius of zero to generate the paths. Slice colors come from `d3.scaleOrdinal` with a manual range, and text labels are positioned using the arc’s centroid method. The SVG output is centered within a 980×550 canvas.

Ddandudivya98@gmail.com
80% match
Loading thumbnail…

Fork of Pie Chart

This visualization displays a pie chart of annual values from 2010 through 2020, with each slice labeled by its corresponding year and colored using the D3 categorical color scheme. The chart is rendered as SVG within a 600x400 pixel canvas, using the `d3.pie` layout function to compute arc segments and `d3.arc` to generate the path geometries, with color assigned via `d3.scaleOrdinal`. Labels are positioned at each slice’s centroid using the arc’s centroid method.

YYashwanth0311
80% match
Loading thumbnail…

Pie chart

This interactive pie chart shows the distribution of disease types from a CSV dataset, displaying the count and percentage of each category when hovered. Built with React and D3 v5, the visualization uses d3.pie to compute arc segments, d3.arc to generate paths, and d3.scaleOrdinal with schemeCategory10 for coloring. A tooltip appears on mouseover via d3.select, revealing disease name, count, and percentage.

Bbassansackey@gmail.com
80% match
Loading thumbnail…

pie chart-5320

This pie chart displays the distribution of insurance complaints by complaint type. It uses a D3.js SVG rendering to create a circular visualization with colored segments and labels. The code loads data from a CSV file hosted on a GitHub Gist, then uses `d3.rollup` to count complaints per type, `d3.pie` to generate the pie geometry, and `d3.arc` to draw the arcs. Each slice is filled with a color from `d3.schemeCategory10`, and text labels are positioned at the arc centroids.

Rrajkodavati7@gmail.com
80% match