Pie Chart -2

100%

✓ Published0🌍 Public

Last edited Mar 29, 2023

Created on Mar 29, 2023

This pie chart visualizes the proportion of total savings left per unique job type, using data from a GitHub-hosted CSV file. It shows the top 10 job categories sorted by remaining balance, displaying each segment with a corresponding legend that lists the job name and its dollar amount. The visualization is rendered as an SVG using D3 v5, leveraging the `pie` and `arc` generators to create the circular segments, and `scaleOrdinal` with `schemeCategory10` for color assignment.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

Similar vizzes

Loading thumbnail…

Pie ICE - 7

This visualization presents a pie chart depicting Data Scientist job salaries, with each slice sized by salary value and labeled with the corresponding figure in thousands. The chart uses D3 v5 to fetch CSV data from a GitHub gist and render SVG paths via `d3.pie` and `d3.arc`. A legend maps job titles to salary ranges, using D3’s `scaleOrdinal` for color assignment. The interface includes a title and axis formatting via `d3.format`, with all elements drawn using the SVG canvas.

Ssaijahnaviappineni

79% match

Loading thumbnail…

Pie Chart

This pie chart displays the distribution of company layoffs, ranking the top 10 companies by laid-off count in a circular layout with labeled segments and a legend. It uses d3.pie, d3.arc, and d3.scaleOrdinal to generate the SVG paths and color-coded segments, while loading data from a CSV via d3.csv. The visualization includes percentage-like tick labels formatted with d3.format and renders text labels directly on the arcs.

Kkartheekgurijala2023@gmail.com

77% match

Loading thumbnail…

Pie Chart

This pie chart displays the sales figures of various companies, with each slice sized proportionally and labeled with its value in thousands. It also includes a color-coded legend listing company names and corresponding sales amounts. The visualization uses D3 v5 APIs including `pie`, `arc`, `scaleOrdinal`, and `format` to generate the SVG segments and text, with data loaded via `csv` from a GitHub gist. Colors are assigned through a custom ordinal scale.

TTejaswi@3271

76% match

Loading thumbnail…

Fork of Pie Chart

This example presents a monthly expenditures dataset as a pie chart, with each slice labeled by department and accompanied by a legend listing exact dollar amounts. Built with D3 v5, the visualization uses `d3.pie()` and `d3.arc()` to generate the slices, `d3.scaleOrdinal` for color mapping, and SVG `<path>` elements for rendering. Data is loaded asynchronously from a CSV URL via `d3.csv`, and the legend is constructed with appended rectangles and text elements.

BBala Sai Krishna

76% match

Loading thumbnail…

PiebusinessFormationUS

This visualization shows the average prevailing wage for the top 10 areas in a dataset, displayed as a pie chart. The pie chart uses D3's `pie` layout and `arc` for rendering, with color mapping via `scaleOrdinal` and `schemeCategory10`. The code loads CSV data from a gist URL using `csv`, sorts it, and renders the first 10 entries. An interactive `mouseover` event logs the average wage to the console. The SVG rendering is structured with indexed-based positioning, and legends display each area's name and average wage using formatted labels.

Bbmurill2019

76% match

Loading thumbnail…

Pie Chart

This pie chart visualizes the distribution of gender categories from the Heart2020Cleaned dataset, with each slice proportionally representing the count of occurrences per category. The visualization uses D3 v7’s `d3.rollup`, `d3.pie`, and `d3.arc` to compute and render the slices, while a categorical color scale (`d3.scaleOrdinal` with `d3.schemeCategory10`) distinguishes each group. A legend with colored rectangles and text labels displays each category name alongside its count, rendered as SVG within a Bootstrap-styled HTML page.

Cchandanagandla

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

76% match

Loading thumbnail…

Pie Chart ICE-7

This pie chart visualizes monthly expenditures by department, using proportional slices and a color-coded legend. The chart is rendered in SVG on an HTML page. The code loads CSV data from a GitHub gist, processes it with `d3.csv`, and builds arcs using the `d3.pie` and `d3.arc` APIs. Section colors are assigned via `scaleOrdinal`, and labels and legend values are formatted with `d3.format`.

KKande2011

76% match