pie

100%

✓ Published4🌍 Public

Last edited Apr 26, 2024

Created on Apr 26, 2024

Forked from Barchat1

This pie chart visualizes the distribution of skills from a data science salaries dataset, showing the count of each skill as slices of a circle with a corresponding legend. The chart uses D3.js v7 to load external CSV data and applies the `d3.pie` and `d3.arc` generators to compute and draw the arcs. A color scale (`d3.scaleOrdinal` with `d3.schemeCategory10`) assigns distinct colors to each slice, while legend items are appended as SVG groups with filled rectangles and text labels. SVG is used for all rendering.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Pie Chart

This pie chart visually represents the distribution of skills from a CSV dataset, showing the count of each skill as a proportional slice. The chart uses D3.js v7 to load the data, apply a categorical color scheme, and render the pie and legend as SVG elements. The pie chart is generated with `d3.pie()`, arcs are drawn using `d3.arc()`, and the legend displays each skill label with its associated count.

SSrinivasAbburi@my.unt.edu

91% match

Loading thumbnail…

Task-9(Pie chart)

This pie chart visualizes the distribution of skills from the data_science_salaries.csv dataset, showing the count of each skill as a slice. The chart uses D3.js v7 to load the CSV, rollup the data by skill, and generate the pie layout with the `d3.pie` and `d3.arc` APIs, rendering arcs as SVG paths. A legend lists each skill with its corresponding count, using a color scale from `d3.schemeCategory10` for slice differentiation. The SVG container is sized at 500x500 pixels, with the legend positioned to the right.

HHarika Metta

89% match

Loading thumbnail…

Assignment 9(1)

This pie chart displays the distribution of data science salaries by skill category, showing the count of each skill in the dataset. The visualization uses D3.js v7 to load a CSV file from GitHub, aggregate skill counts with `d3.rollup`, and generate pie slices with `d3.pie` and `d3.arc`. A color legend, built with D3 selections, lists each skill alongside its corresponding count. The SVG rendering uses an ordinal color scale from `d3.schemeCategory10` to distinguish the categories.

Ppravallikachowdary16518@gmail.com

88% match

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

86% match

Loading thumbnail…

pie

This pie chart displays the distribution of penguin species from a CSV dataset, showing each species with a colored slice and a legend. Built with D3 v7, it uses `d3.pie()` to compute arc angles, `d3.arc()` to generate SVG paths, and `d3.scaleOrdinal` with `d3.schemeSet2` for colors. Labels are positioned using `arc.centroid()`, and the chart renders to an SVG element.

Ddeekshakondam@gmail.com

86% match

Loading thumbnail…

assignment2

This pie chart visualizes the count of persons associated with each technical skill from a job market dataset. The D3.js v5 code, using `d3.pie`, `d3.arc`, and `d3.scaleOrdinal`, renders an SVG with colored slices and labels, alongside a legend detailing skill categories and their corresponding values. Data is fetched from a CSV via `d3.csv` and styled with custom CSS.

Ggvinaykumards@gmail.com

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

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

84% match