Skip to main content
SimilarExport ZIP
100%

proj

✓ Published0🌍 Public
KKritin Kesav
Last edited Apr 22, 2024
Created on Apr 22, 2024
Forked from Hello VizHub

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Project

This interactive visualization displays salary distributions by job title using an interactive bar chart. It uses D3.js (d3.v7) to load and process the data from a CSV file, grouping by job title and computing average salaries. A sidebar with range sliders, number inputs, and a dropdown menu allows users to filter by salary range and sort the bars by either salary or job title. The bars are rendered as SVG rectangles, with a hover effect that changes the fill color to highlight individual bars.

VVenkataSatyaRamKamini@my.unt.edu
80% match
Loading thumbnail…

Data Viz project

This example shows a pie chart and a stacked bar graph depicting data science salary information, with the pie chart breaking down experience levels and the bar graph ranking the top ten job titles by total salary. Both visualizations load salary data from a remote CSV file and use D3.js v7 APIs, including `d3.rollup` and `d3.rollups` for aggregation, `d3.pie` and `d3.arc` for pie slices, and `d3.scaleOrdinal`, `d3.scaleBand`, and `d3.scaleLinear` for chart scales. The code renders interactive SVG elements with hover effects on the bars, while the pie chart displays count labels, all styled with categorical color schemes.

AArungopal Andalam
80% 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
79% match
Loading thumbnail…

Project1

A collection of bar charts, scatter plots, and pie charts visualizes data science salary trends. The charts include a bar chart of total salary by job title, a scatter plot of salary versus experience level, a top-10 job title salary bar chart, a stacked bar chart of employment types, and pie charts for skills and experience levels. Built with D3.js (v3 and v7), the examples use SVG rendering, `d3.scaleBand`, `d3.scaleLinear`, `d3.rollup`, `d3.pie`, and `d3.arc`. Data is loaded from a remote CSV file containing data science salary information.

AArungopal Andalam
78% match
Loading thumbnail…

Final Project Bar Chart

This bar chart displays Data Science Salaries from 2020 to 2024, sourced from a CSV file in a GitHub repository. The visualization uses D3 v5 to render an SVG with a blue bar for each year's average salary. It includes an interactive tooltip that appears on mouseover, showing the specific year and salary value. The chart features rotated x-axis labels and styled axes, with the bars animated via D3's transition methods for the tooltip opacity.

Kkowshiksamudrala08@gmail.com
78% match
Loading thumbnail…

bar

This stacked bar chart shows salary distributions across employment types, segmented by experience level. It uses d3.csv to load salary data, d3.stack() to aggregate the subgroups, and d3.scaleBand and d3.scaleLinear for the X and Y axes. Rendered as SVG with a two-color ordinal scale, the bars display stacked red and blue segments without a legend.

AArungopal Andalam
78% match
Loading thumbnail…

Project_Task

This example presents a dual-panel bar chart comparing the highest-salaried company locations for data science professionals during and after the COVID-19 pandemic. Using D3 v6, the visualization loads salary data from a CSV file, filters it by two distinct year ranges, and computes the maximum salary per location. It employs `d3.csv`, `d3.rollup`, `scaleLinear`, and `scaleBand` to rank and display the top 20 locations in each panel, with axes generated via `d3.axisBottom` and `d3.axisLeft`.

Pparvathi829790@gmail.com
77% match
Loading thumbnail…

Project_Task8_BubbleChart

This D3.js (v6) example visualizes the highest salaries by company location from a data science salaries CSV, comparing the COVID-19 period (2020–2022) with the post-COVID years (2023–2024) using two stacked bar charts. It employs `d3.csv` to load the data, `d3.rollup` to aggregate maximum salaries by location, and `d3.scaleLinear`, `d3.scaleBand`, and `d3.axisBottom`/`d3.axisLeft` to construct the charts. The SVG output renders bars as rectangles with hover effects, showing the top 20 locations for each period.

Pparvathi829790@gmail.com
77% match