Skip to main content
SimilarExport ZIP
100%

Project1

✓ Published0🌍 Public
AArungopal Andalam
Last edited Apr 26, 2024
Created on Apr 25, 2024
Forked from World Cities

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.

AI-generated description
MIT Licensed

Similar vizzes

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
91% match
Loading thumbnail…

Barchat1

A stacked bar chart displays the top 10 data science job titles by total salary in US dollars, aggregated from a remote CSV dataset. The visualization uses D3.js v7 with SVG rendering, employing `d3.rollups` to sum salaries per title and `d3.scaleBand`/`d3.scaleLinear` for axes. Each bar is colored via `d3.scaleOrdinal` with `d3.schemeCategory10`, and a legend maps colors to job titles. Hovering increases bar opacity through CSS.

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

CS360 - Project Alpha Release

This visualization presents salary distributions across data science job titles using four linked D3 charts: a horizontal bar chart, a box plot, a violin plot, and a multi-set bar chart. The code loads salary data from a CSV file with job titles and salaries, sorts it, and renders the charts as SVG elements. It uses d3.scaleBand and d3.scaleLinear for the bar chart, alongside additional D3 v4 and v7 APIs for the statistical plots, all embedded in a React-based HTML page with custom CSS styling.

DDuc Pham
80% match
Loading thumbnail…

Project boxplot

This chart displays the average salary for different job titles, using bars with distinct colors and a legend to identify each category. Hovering over a bar reveals a tooltip with the exact job title and salary amount. The visualization is built with D3.js v7, using `d3.csv` to load data, `d3.rollup` and `d3.mean` for aggregation, `d3.scaleBand` and `d3.scaleLinear` for axes, and interactive mouseover events to control tooltip opacity. The SVG render includes rotated x-axis labels and a custom legend.

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

Project

Three pie charts show the distribution of experience levels in data science salaries for the United States, United Kingdom, and Canada during 2023–2024. The visualization uses the D3.js library (v6) with `d3.pie`, `d3.arc`, and `d3.rollups` to aggregate and render the data, while `d3.scaleOrdinal` with `schemeCategory10` assigns colors. Data is loaded asynchronously from a CSV file via `d3.csv` with `d3.autoType`. Labels display each segment’s percentage, and legends identify experience categories.

Pparvathi829790@gmail.com
80% match