Skip to main content
SimilarExport ZIP
100%

Freelancer_Pie Chart

✓ Published1🌍 Public
Kkshravyak.2001@gmail.com
Last edited Apr 7, 2025
Created on Mar 26, 2025
Forked from Pie Chart

This visualization displays a pie chart of total freelancer earnings aggregated by experience level. The data is loaded from a CSV file via a `fetch` request, and the chart is rendered using the Chart.js library on a Canvas element. Users select a sleep quality category, which filters the displayed earnings data. A custom legend is generated alongside the chart, using the same background color palette, to identify each experience level. The chart presents earnings in USD for each experience category.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Pie Chart

This fork of a pie chart visualizes freelancer earnings by experience level, aggregating total USD earnings across categories. The chart renders as a standard donut-style pie with white stroke separations, category labels placed at arc centroids, and a color-coded legend. Data is fetched asynchronously from a CSV file hosted on GitHub Gist, then parsed and summed using JavaScript. The visualization is built with D3 v7, using `d3.pie`, `d3.arc`, `d3.scaleOrdinal` with `schemeCategory10`, and SVG rendering for both the chart and legend.

Kkshravyak.2001@gmail.com
88% match
Loading thumbnail…

Fork of D3 Starter

This donut chart displays the mental health conditions of freelancers based on their work-life balance, with each slice sized according to earnings in USD and colored by experience level. The visualization uses the D3.js library (v5) with the `pie`, `arc`, and `scaleOrdinal` APIs to generate and style the chart. Data is loaded asynchronously from a CSV file hosted on GitHub, and a custom legend maps experience levels to slice colors.

Kkshravyak.2001@gmail.com
75% match
Loading thumbnail…

Area_Chart

This area chart visualizes total earnings by payment method for freelancers, using a gradient-filled path with a "mountain" effect to highlight differences across categories. The visualization aggregates earnings from a CSV dataset and sorts them in descending order, with value labels placed above each data point. Built with D3 v7, the chart uses `d3.area()` with `d3.curveMonotoneX`, `d3.scalePoint` for the x-axis, `d3.scaleLinear` for the y-axis, and `d3.scaleOrdinal` with `d3.schemeCategory10` for the legend colors.

Kkshravyak.2001@gmail.com
73% match
Loading thumbnail…

Piechart

This pie chart shows the distribution of survey respondents by experience level, with each slice labeled by category and count. The visualization loads CSV data from a GitHub gist, uses `d3.rollup` to tally occurrences per level, and renders the chart with `d3.pie` and `d3.arc` in an SVG. Slice colors come from `d3.schemeCategory10`, and labels are positioned at each arc’s centroid. The chart is built with D3 v7 and displays a static, unanimated view of the categorical breakdown.

SSrinivasAbburi@my.unt.edu
73% match
Loading thumbnail…

Project

Three pie charts show the distribution of experience levels in data science salaries for the United States, United Kingdom, and Canada during 2023–2024. The visualization uses the D3.js library (v6) with `d3.pie`, `d3.arc`, and `d3.rollups` to aggregate and render the data, while `d3.scaleOrdinal` with `schemeCategory10` assigns colors. Data is loaded asynchronously from a CSV file via `d3.csv` with `d3.autoType`. Labels display each segment’s percentage, and legends identify experience categories.

Pparvathi829790@gmail.com
71% match
Loading thumbnail…

pie chart

This example shows a pie chart of unemployment rates by country, with each slice labeled by country name and percentage in the legend on the right. It fetches CSV data from a GitHub gist and renders the chart on a canvas element using the Chart.js library. The code parses the CSV rows manually, assigns each country a random color, and customizes legend and tooltip callbacks to display the percentage alongside names.

Ssaisathyapriya097@gmail.com
70% match
Loading thumbnail…

Fork of ICE - 7 Pie Chart Maanas Katta

This example shows a pie chart of earnings by experience level for three categories—Beginner, Intermediate, and Expert—with a legend displaying each value. Rendered as SVG using D3 v6, the visualization employs `d3.pie()` to compute arc angles from the hardcoded dataset and `d3.arc()` to draw the slices, which are colored via `d3.scaleOrdinal(d3.schemeSet2)`. Labels are positioned using `arc.centroid()`, while the legend is built manually with HTML divs.

Kkshravyak.2001@gmail.com
70% match
Loading thumbnail…

Final Project Pie Chart

This pie chart visualizes average annual salaries for data science roles from 2020 to 2024, using a dataset loaded from a GitHub-hosted CSV file. The chart displays each year as a colored slice with labels showing the year and computed average, alongside a legend identifying the year for each segment. The visualization is built with D3 v5, using `d3.pie`, `d3.arc`, `d3.rollup` for data aggregation, and `d3.scaleOrdinal` with `d3.schemeCategory10` for coloring. The SVG rendering positions slices via arc centroids, with a legend positioned to the right of the chart.

Kkowshiksamudrala08@gmail.com
70% match