Fork of TAK-9&10

100%

Fork of TAK-9&10

✓ Published0🌍 Public

Last edited Apr 29, 2024

Created on Apr 29, 2024

Forked from TAK-9&10

This example shows a pie chart of data science job titles and their corresponding salaries from a CSV file, with a legend displaying each job category. The visualization uses D3 v7 to load the data via `d3.csv`, compute the pie layout with `d3.pie()`, and render arcs using `d3.arc()` in an SVG container. A sequential color scale from `d3.scaleOrdinal(d3.schemeCategory10)` fills each segment, while the legend is built with D3 selections appending styled HTML divs. The positioning is done manually via SVG group transformations, and the rendering relies entirely on D3’s SVG path generation.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of task 9 and 10 Q1 1

This example shows a pie chart of job title frequencies from a CSV dataset loaded from a GitHub gist. Each slice is labeled with the job title and its count, and a small color-coded legend is included. The visualization uses D3.js v7 with the `d3.pie` layout, `d3.arc` generator, `d3.rollup` for counting, and `d3.scaleOrdinal` with `schemeCategory10` for colors. Data is fetched via `d3.csv` and rendered as SVG elements.

Ssruthimreddy6@gmail.com

88% match

Loading thumbnail…

task 9 and 10 Q1 11111

This pie chart visualizes the distribution of job titles in a dataset loaded from a CSV file, with each slice labeled by job title and count. The code uses d3.csv to fetch the data, d3.rollup to count occurrences per job title, and the d3.pie and d3.arc layouts to generate and render the arcs in SVG. A categorical color scale from d3.schemeCategory10 assigns colors to slices, and an HTML legend is dynamically appended to the page. The chart is centered within an SVG container sized at 450 by 450 pixels.

Ssruthimreddy6@gmail.com

83% match

Loading thumbnail…

Data Viz project

This example shows a pie chart and a stacked bar graph depicting data science salary information, with the pie chart breaking down experience levels and the bar graph ranking the top ten job titles by total salary. Both visualizations load salary data from a remote CSV file and use D3.js v7 APIs, including `d3.rollup` and `d3.rollups` for aggregation, `d3.pie` and `d3.arc` for pie slices, and `d3.scaleOrdinal`, `d3.scaleBand`, and `d3.scaleLinear` for chart scales. The code renders interactive SVG elements with hover effects on the bars, while the pie chart displays count labels, all styled with categorical color schemes.

AArungopal Andalam

82% match

Loading thumbnail…

Fork of

A pie chart displays marks for different subjects, with each slice colored and paired with a legend identifying the subject and its numeric value. The chart reads subject and mark data from a CSV file via `d3.csv`, and uses `d3.pie` and `d3.arc` to compute the slice geometry, while `d3.scaleOrdinal` assigns categorical colors. Legends are generated as SVG groups with rectangles and text, and the whole visualization is rendered as an SVG element.

Ppravalika.thogaru10@gmail.com

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

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

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

81% match

Loading thumbnail…

task9&10

This pie chart displays the proportional distribution of fruit quantities from a CSV file, labeling each slice with its fruit name and including a color-coded legend. Built with D3 v7, it uses the `d3.pie` and `d3.arc` generators to compute and render arcs as SVG paths, with `d3.scaleOrdinal` assigning categorical colors. Data is loaded asynchronously via `d3.csv`, and labels are positioned using `arc.centroid`.

HHanuReddy

81% match