Employee Salaries - DataViz Assignment 5

100%

Employee Salaries - DataViz Assignment 5

✓ Published0🌍 Public

Last edited Mar 1, 2026

Created on Mar 1, 2026

This example summarizes employee salary data from an external CSV file using D3 v7. It loads the data with `d3.csv`, cleans salary strings, and computes summary statistics such as average age, average salary, highest and lowest salary, and employee counts per role via `d3.mean`, `d3.max`, `d3.min`, and `d3.rollup`. The results appear in a styled HTML summary box, alongside a static SVG rectangle with a text label. The page uses plain D3 selections and updates the DOM dynamically, rendering all output as SVG and HTML.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Assignment 5 DataViz

This example displays a text-based summary of employee salary data, including total employee count, average age, average salary, highest and lowest salaries, and a breakdown of employees per role. It loads a CSV file from a gist using `d3.csv`, parses and cleans the salary strings, and computes summary statistics with `d3.mean`, `d3.max`, `d3.min`, and `d3.rollup`. The results are rendered as HTML inside a styled summary box, alongside a static SVG rectangle graphic.

Bbrodyoneal10@gmail.com

94% match

Loading thumbnail…

Assignment 2 Question 2

This example visualizes employee salaries as an area chart, with each employee’s salary plotted against their ID and the area filled in translucent steelblue. It also adds interactive tooltips on circular data points that display the employee’s name on hover. The visualization loads data from a remote CSV via `d3.csv`, uses `d3.scaleBand` and `d3.scaleLinear` for axes, and renders SVG shapes with `d3.area` and circle elements. The tooltip appears through D3 transitions, while axis labels are rotated using SVG transforms.

Rramsrinivaskatragadda@my.unt.edu

79% match

Loading thumbnail…

Assignment 2 Question 1

This example visualizes the average salary by age using a histogram created from a CSV dataset. It loads D3 v7 from UNPKG and employs d3.select, d3.csv, d3.scaleLinear, d3.scaleTime, d3.axisLeft, d3.axisBottom, d3.extent, d3.bin, and d3.sum to bin the data by age, compute average salaries, and render an SVG chart with labeled axes and orange rectangles.

MMichael Biancardi

79% match

Loading thumbnail…

Data Visualizer

This example displays a static SVG image of a salary-themed graphic alongside a text summary of a remote CSV dataset. The page uses D3 v7 to fetch the data via `d3.csv`, then formats and inserts a message showing file size in kilobytes, row count, and column count into a `<pre>` element. The SVG employs an `<image>` element with `xlink:href` to embed the external image, styled with grayscale and border effects. The dataset is loaded from a GitHub Gist URL, and the code uses `d3.csvFormat` to calculate the file size.

GGogineni44

78% match

Loading thumbnail…

activity6-task-3

This example visualizes the relationship between employee experience and salary in a scatter plot. Each circle represents an employee, with the x-axis showing years of experience and the y-axis displaying salary, while the circle’s fill color encodes the number of projects handled using a sequential blue scale. It uses D3 v6 to load CSV data from a GitHub repository and render SVG elements with `d3.scaleLinear` for axes, `d3.axisBottom` and `d3.axisLeft` for ticks, and `d3.scaleSequential` for color mapping.

Rrajeswariamruthabommaraju@my.unt.edu

78% match

Loading thumbnail…

Salary Range Dataset

This example displays summary statistics for a salary range dataset, presenting the file size, row count, and column count derived from a CSV file. The visualization uses D3 v7 to fetch and parse the data via `d3.csv`, then computes and formats the statistics with `d3.csvFormat`. The rendered output appears as styled text within an HTML page, using CSS for presentation and an SVG background image.

GGogineni44

77% match

Loading thumbnail…

ICE5 datascience salaries

This example demonstrates loading and parsing a CSV dataset of data-science salaries using D3 v7. It fetches the remote CSV file via the Fetch API, parses it with `d3.csvParse`, and displays a summary showing the file size in kilobytes, row count, and column count. The interface renders a preview table of the first 15 rows using D3’s table-building methods, alongside a static SVG badge that reports the loaded data dimensions. The visualization uses standard D3 selection and DOM manipulation with `d3.select`, `.append`, and SVG elements like `rect` and `text`, all rendered in SVG.

Kkmuktha09@gmail.com

77% match

Loading thumbnail…

proj

This example presents two SVG visualizations of salary data. The first is a horizontal bar chart showing average salary by experience level, computed with `d3.group` and `d3.mean`. The second combines a blue line for average annual salary with a red line for COVID-19 new cases per year, using `d3.rollups` and `d3.line` on a dual-axis chart. Both are rendered with D3 v6, loading data from CSV files, and styled with basic CSS.

KKritin Kesav

77% match