Assignment 5 DataViz

100%

Assignment 5 DataViz

✓ Published0🌍 Public

Last edited Mar 1, 2026

Created on Mar 1, 2026

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.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Employee Salaries - DataViz Assignment 5

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.

Bbrodyoneal10@gmail.com

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

82% match

Loading thumbnail…

assignment 5

This example displays summary statistics from a CSV file, showing the data size in kilobytes, row count, and column count. It uses the D3.js library’s `d3.csv` method to fetch the external dataset and `d3.csvFormat` to calculate the formatted string length. The visualization also includes a simple SVG circle rendered alongside the text, with CSS styling applied to the page. The computed summary is displayed inside an HTML `<pre>` element, updating the page content dynamically.

Ddineshtadepalli12

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

Loading thumbnail…

ASSIGNMENT-5

This example displays a summary of a perfume sales dataset, showing the data size, row count, and column count in a large, styled text block. The visualization uses D3.js to load a CSV file from a GitHub gist and computes the data’s total size in kilobytes. The page also embeds a static SVG image, likely depicting a chart of the same data. The code relies on the D3 `csv` and `csvFormat` methods to fetch and measure the dataset, while custom CSS styling applies vibrant background colors to the headline and data summary.

AAshrith Kudidhi

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

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

77% match

Loading thumbnail…

CSCE 5320

This example summarizes a remote CSV of employee details and displays the result in a styled `<pre>` block. It uses D3.js v7 to fetch and parse the data with `d3.csv`, then computes the file size in kilobytes, row count, and column count using `d3.csvFormat` and array properties. The page also embeds a static SVG image (a cloud graphic) to complement the textual summary. The visualization highlights basic data-loading and summarization techniques rather than interactive charts.

NNandini Maddula

77% match