Skip to main content
SimilarExport ZIP
100%

ICE7 Q1

✓ Published1🌍 Public
Bbrodyoneal10@gmail.com
Last edited Mar 29, 2026
Created on Mar 29, 2026

A scatterplot shows employee salaries plotted against age, with points colored by job role across six categories. The chart renders as an SVG using D3 v7, with a reusable `scatterPlot` module employing `scaleLinear`, `axisLeft`, and `axisBottom` for axes. A D3 data join renders circles, while a legend and dark-themed styling with Share Tech font present the salary distribution and role comparisons.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ICE7 Q3

A line chart visualizes average salary against age, using aggregated employee data from a CSV file linked in the script. The D3.js code computes the mean salary for each distinct age value with `d3.rollups` and `d3.mean`, then sorts the results by age. The chart is rendered as an SVG, with axes created via `d3.axisBottom` and `d3.axisLeft`, and the trend line drawn using a `d3.line` generator. Points, a legend, and labels are added as SVG elements, with the chart's visual identity defined in the `styles.css` file.

Bbrodyoneal10@gmail.com
88% match
Loading thumbnail…

ICE 7

This example shows a reusable scatter plot of age versus salary, with triangular markers colored blue or green depending on whether each salary falls above or below the dataset’s median. The visualization uses D3 v6 with `d3.csv` for loading external data, `d3.scaleLinear` for axes, and `d3.symbol` with `d3.symbolTriangle` for point shapes. The reusable `createScatterPlot` function allows customization of colors, symbols, and titles. The plot renders as SVG, with axes labeled and styled via standard D3 transitions and selections.

Yyvarshachowdary@gmail.com
86% match
Loading thumbnail…

ICE7 Q4

This stacked area chart displays the distribution of employees across three roles—Engineer, Project Management, and Finance—by age. The visualization uses d3.csv to load data from a remote gist, d3.rollups to aggregate counts, and d3.stack with d3.area to render the stacked regions. Axes are generated via d3.axisBottom and d3.axisLeft, with a d3.scaleOrdinal color scale and a custom legend. The SVG output highlights employee demographics as a function of age in a selected subset of job categories.

Bbrodyoneal10@gmail.com
85% match
Loading thumbnail…

ICE6 - Combined bar+line chart

This dashboard visualizes employee salary trends by age using two synchronized SVG charts. The first chart displays multi-series lines for average, minimum, and maximum salaries, while the second combines bars for employee counts with an overlaid line for average salary. Built with D3.js v7, the visualization loads CSV data, groups records by age, and uses `d3.rollups` for aggregation, `d3.line` for path generation, and `d3.axisBottom`/`d3.axisLeft` for scales and axes. Gridlines and legends are rendered programmatically, with salary values parsed from formatted strings.

Bbrodyoneal10@gmail.com
83% 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
83% match
Loading thumbnail…

Scatter Plot ICE-7

This scatter plot visualizes the relationship between age and monthly income for a dataset of individuals. Each point is a person, with steel blue circles encoded by linear scales for the x (age) and y (monthly income) axes. The chart uses D3 v7 to load CSV data from a GitHub gist via `d3.csv`, render SVG axes with `d3.axisBottom` and `d3.axisLeft`, and display hover tooltips via mouseover and mouseout events. The visualization renders entirely as SVG with a custom tooltip div.

SSYAM TEJ
82% match
Loading thumbnail…

ICE6_11703795_SCATTER PLOT

This scatter plot visualizes the relationship between years of experience and salary for a small dataset of ten individuals, using a dark-themed, styled web page. It renders data points as dark red circles on a light coral SVG background inside a bordered, rounded container. The visualization employs D3.js v6, using `d3.scaleLinear` for both the x and y axes and `d3.axisBottom` and `d3.axisLeft` to draw the scales. Hovering over a point transitions its fill to orange and increases its radius via CSS.

MMeghanaChowdaryVelaga@my.unt.edu
82% match
Loading thumbnail…

ICE7_11703795_SCATTER PLOT

This reusable scatter plot displays the relationship between years of experience (x-axis) and salary midpoint in thousands (y-axis) for a dataset of tech professionals. The visualization is rendered as SVG circles with steelblue fill and white strokes, using D3 v7’s `scaleLinear`, `d3.axisBottom`, and `d3.axisLeft` for axes. The code structures the chart as a reusable `scatterPlot()` function with configurable width, height, and accessor methods. Axis labels clarify the variables, while the data is embedded as a CSV string in the page.

MMeghanaChowdaryVelaga@my.unt.edu
82% match