Skip to main content
SimilarExport ZIP
100%

ICE7 Q3

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

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ICE7 Q1

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.

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

Line chart ICE-7

This line chart displays the relationship between monthly income and age, using data loaded from a CSV file via `d3.csv`. The chart plots the values on a linear scale, with axes for both variables labeled, and lines are drawn with a smooth monotone curve using `d3.curveMonotoneX`. Interactive tooltips appear on mouseover, showing the exact year and sales figures for each data point. The visualization is rendered as an SVG, with axes and labels generated using `d3.axisBottom` and `d3.axisLeft`, and the tooltip is implemented as an HTML overlay whose visibility is controlled by D3 event handlers.

SSYAM TEJ
81% 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
80% 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…

ICE6-BarChart

This visualization shows average salaries by employee role as horizontal-free vertical bars, with a color-coded bar for each role and corresponding value labels above them. The data comes from a CSV file hosted in a GitHub gist, and the code uses D3 v7 to load and process the data. The visualization uses `d3.rollups` to compute mean salaries per role, `d3.scaleBand` for the x-axis positioning, `d3.scaleLinear` for the y-axis, and `d3.schemeTableau10` for color encoding. It renders as an SVG with gridlines, rotated x-axis labels, and axis titles, all created via D3's selection and axis APIs.

Bbrodyoneal10@gmail.com
79% match
Loading thumbnail…

ICE7 linechart

This line chart visualizes monthly sales in 2022, with the x-axis showing months and the y-axis displaying sales figures in thousands of USD. The chart is rendered as an SVG using D3 v5, employing `scalePoint`, `scaleLinear`, `axisBottom`, and `axisLeft` for scales and axes. A purple line path is generated with D3’s `line` API, and the data is loaded from a CSV file via `d3.csv`. Styling for fonts, grid lines, and the line stroke is defined in a separate CSS file.

MM
79% match