ICE-7_Pie_Fajardo

100%

ICE-7_Pie_Fajardo

✓ Published2🌍 Public

Last edited Mar 30, 2023

Created on Mar 24, 2023

This pie chart visualizes STEM employment counts by sector, displaying the top 10 sectors with the highest employment numbers. Each sector is represented as a colored slice with a corresponding legend that lists the sector label and its employment value. The visualization uses D3 v5 within a React framework, employing d3.pie, d3.arc, and d3.scaleOrdinal APIs to generate the SVG chart. Data is loaded from a CSV file hosted on GitHub Gist, and mouseovers log sector employment values to the console.

AI-generated description

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

Similar vizzes

Loading thumbnail…

ICE-7 Pie chart Creation

This interactive pie chart visualizes the distribution of salaries across different time categories. Built with D3.js v5 within a React framework, it renders an SVG with colored segments representing salary values, while a legend maps each time category to its corresponding color and salary amount. The implementation uses d3.pie, d3.arc, and d3.scaleOrdinal to generate the chart, with data fetched from a remote CSV file. Text labels are positioned using arc centroids, and the legend is manually constructed with rectangles and text elements.

NNavaneeth-Ragi

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

79% match

Loading thumbnail…

ICE - 7 PIE CHART

A pie chart displays employee salaries by profession, using colored slices segmented from a CSV dataset of annual incomes. The chart renders with D3.js v5, using `d3.pie` to compute angles and `d3.arc` to generate SVG paths. A legend pairs each profession name with its corresponding annual income, formatted in thousands with `d3.format`. The visualization also uses `d3.scaleOrdinal` to assign colors from a fixed palette, and the salary data is loaded asynchronously via `d3.csv`.

Mmadanvemulapally

79% match

Loading thumbnail…

ICE7

This pie chart visualizes export values across different years. It loads CSV data from a GitHub gist and renders an SVG donut chart using D3 v5’s `pie` and `arc` generators, with `scaleOrdinal` for section colors. Labels display formatted values via `format`, and a legend lists each year with its corresponding value.

Ssugunagar

78% match

Loading thumbnail…

ICE - 7 Pie Chart

This example shows base salaries across different U.S. government departments using an interactive pie chart with a legend. Each slice represents a department, colored by salary value, with salary amounts displayed in thousands next to colored legend markers. The visualization loads CSV data from a GitHub gist and uses d3.pie, d3.arc(), and d3.scaleOrdinal() to generate SVG paths and legends. The chart is built with React and D3 v5, rendering entirely as SVG elements.

Mmboinapally17

78% match

Loading thumbnail…

Pie Chart ICE 7

A pie chart visualizes proportional data from a local CSV file, with categories like Housing, Food, and Transport displayed as colored slices with percentage labels. The chart uses d3.pie() to convert values into angles and d3.arc() for generating slice shapes and positioning external labels. A legend in the top-left corner identifies each category with a color swatch. The SVG rendering uses d3.scaleOrdinal with schemeCategory10 for colors, and text styling applies the Share Tech font via CSS.

Ddiwashhumagain@my.unt.edu

77% match

Loading thumbnail…

ICE-6_Fajardo_Bars

This bar chart displays the number of employed STEM workers in the U.S. per quarter during 2022, using horizontally oriented bars. The visualization uses React with D3 v5, employing `scaleBand` and `scaleLinear` for the axes and bar widths. It loads CSV data from a GitHub gist, truncates it to 12 rows, and renders SVG rectangles alongside custom tick marks. Red vertical gridlines and axis labels are drawn manually, with the chart embedded in a fixed 960×500 SVG canvas.

RRobFaj

77% match

Loading thumbnail…

ICE-7.2 Pie Chart

This pie chart displays the average annual income of different professions. The data is loaded from a CSV file via a Gist URL and visualized using D3 v5’s `pie` and `arc` functions to generate SVG path segments. Each slice is colored with a categorical scale (`scaleOrdinal` and `schemeCategory10`), and a legend lists each profession alongside its corresponding color swatch and formatted income value, with the title indicating the comparison of average incomes.

SShashi42

77% match