SDV_Project_Visualization_2

100%

SDV_Project_Visualization_2

✓ Published1🌍 Public

Hhemanthkakani1999@gmail.com

Last edited Apr 24, 2024

Created on Apr 20, 2024

A dual-axis line chart compares 2024 data science salaries and layoffs across five countries, using a shared x-axis for country names while plotting salary (left axis, in USD) and layoff counts (right axis) as separate polylines. The visualization pairs two CSV datasets loaded via `Promise.all` and `d3.csv`, filters them by year, and maps common countries before rendering SVG axes with `d3.axisBottom`, `d3.axisLeft`, and `d3.axisRight`. Lines are drawn using `d3.line`, with scales including `d3.scaleBand` and two `d3.scaleLinear` domains for the differing metrics.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of SDV_Project_Visualization_3

This line graph visualization compares average stock prices and average layoffs per month in 2022, using two separate datasets loaded via `d3.csv`. The chart renders two overlaid lines in green (stock price, left axis) and red (layoffs, right axis) within an SVG, employing `d3.scaleBand` for the categorical month axis with rotated labels, and `d3.axisLeft`/`d3.axisRight` for the dual y-axes. The lines are drawn with `d3.line` paths, and the visualization includes an x-axis label, axis titles, and a legend to identify each series.

Hhemanthkakani1999@gmail.com

85% match

Loading thumbnail…

PROJECT

The visualization presents a comparative analysis of data science salaries across the US and India, using four bar charts and histograms rendered as SVGs with D3 v6. It highlights the top highest-paying US job titles, the leading Indian companies by salary, and the salary distributions across different employment types and work models within the US market. The charts are generated using `d3.scaleBand` and `d3.scaleLinear` for axes, with data loaded from CSV files via `d3.csv`. Each chart applies a steelblue fill to bars and rotates x-axis labels for readability.

Bbrahmateja.edu2023@gmail.com

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

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

75% match

Loading thumbnail…

Harshini

Four D3.js charts explore data science salaries. Two bar charts display the highest-paying jobs in the US and the top-paying companies in India, using `d3.scaleBand` and `d3.scaleLinear` with vertical bars. Two additional charts, created with the same functions, illustrate salary distributions across US employment types and work models. All charts are rendered as SVGs, with rotated x-axis labels to accommodate long category names. The data is loaded asynchronously from CSV files using `d3.csv`.

Vvikramkotlo9@gmail.com

75% match

Loading thumbnail…

TechLaidoffs

This visualization shows global layoffs over time, plotting each incident’s laid-off count against its timestamp to reveal trends in workforce reductions worldwide. The chart uses a D3 v5 line generator with a basis curve, mapping time to the x-axis and layoff counts to a linear y-axis with abbreviated tick formatting. Data is loaded from a CSV file via `d3.csv`, parsed into dates and numbers, and rendered as an SVG with maroon stroked paths and labeled axes. The y-axis labels are formatted using `d3.format`, and the line path is smoothed using `d3.curveBasis`. The visualization includes a title and axis labels, with scales created via `d3.scaleTime` and `d3.scaleLinear`.

Bbmurill2019

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

74% match

Loading thumbnail…

3rd visual

This interactive line chart visualizes unemployment rates over time for multiple countries between 1991 and 2021, using data loaded via `d3.csv` from a GitHub repository. Each country appears as a colored line, with dashed grid lines and rotated x-axis labels to improve readability. The visualization uses `d3.scalePoint`, `d3.scaleLinear`, and `d3.line` within an SVG, and includes a hover tooltip that displays country-specific values. The chart animates by redrawing paths dynamically, with colors assigned from `d3.schemeCategory10`.

Vvenkatabhaskaratetali@my.unt.edu

74% match