Skip to main content
SimilarExport ZIP
100%

Starting Salary Final Project Chart

✓ Published1🌍 Public
Mmhzahdeh@dons.usfca.edu
Last edited May 4, 2025
Created on Jan 28, 2025

This bar chart displays the average annual starting salary for 49 countries, ordered from highest to lowest income, with Bermuda and Norway leading at the top. The visualization uses D3 v7 to load the data from a CSV file, placing each bar horizontally and encoding salary values along the x-axis. The chart includes interactive tooltips, showing each country’s exact income on hover, and a text annotation highlighting that developed nations dominate the upper rankings. The data is sourced from Worlddata.info, and the SVG rendering uses a linear scale for income and a band scale for country names.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Line Chart: Country Median Salary

This example shows a line chart depicting country median salary trends, with a hand-drawn appearance achieved through thick, rounded SVG path strokes. The visualization uses D3.js’s `line` generator to create a path from hardcoded data points mapping x-y coordinates. Vanilla SVG attributes—`fill`, `stroke`, `stroke-width`, `stroke-linecap`, and `stroke-linejoin`—are set on a `path` element to produce the bold, simple design. Data originates from the `cost-of-living-by-country-top-10-rev1` dataset, though the specific values are manually arrayed in the code.

Sste.jendritz@gmail.com
72% match
Loading thumbnail…

Interactive coloured bar chart

This interactive bar chart displays salary statistics (median, average, lowest, and highest) for a selected country, with each metric rendered as a distinctly colored bar. A dropdown menu lets the user choose a country, triggering a re-render of the SVG visualization. The chart uses D3.js v7 to load data from a CSV, create scales, draw bars, and manage the tooltip and hover effects, while React handles the overall application structure. Bar colors come from D3’s `schemeCategory10`, and the tooltip appears on mouseover to show the numeric value.

LLayaMyadam@my.unt.edu
72% match
Loading thumbnail…

Project Bar Chart

This bar chart displays the average salary in USD for various job titles, using data loaded from a CSV file via d3.csv. Each bar is colored with a categorical scale (d3.scaleOrdinal and d3.schemeCategory10) and shows a hover tooltip with the title and salary. The chart uses d3.rollup to calculate mean salaries, d3.scaleBand and d3.scaleLinear for axes, and includes rotated x-axis labels for readability.

Mmalampatiramya03@gmail.com
71% match
Loading thumbnail…

Fork of Fork of Fork of Fork of chart 5

A horizontal bar chart displays the top 10 nationalities by wage, sorted in descending order, with each bar's length proportional to the wage value and colored using a viridis sequential scale. The chart uses D3 v7 to load a CSV file, scale the data linearly and by band, and animate the bars growing from zero via a transition. Hovering reveals a tooltip, and clicking an alert shows the nationality and wage.

Ssriharshithaanugu5@gmail.com
70% match
Loading thumbnail…

GDP Average Chart

This D3.js bar chart visualizes the 2023 GDP per capita for the top 50 countries, using a green circle for each nation plotted along a categorical x-axis and a linear y-axis. Circles are positioned using `d3.scaleBand` and `d3.scaleLinear`, with interactive tooltips revealing the country name and GDP on hover. The SVG chart, built with `d3.svg` and `d3.axisBottom`/`d3.axisLeft`, reads data from the included `TopGDPCountries.csv` file, rotating x-axis labels for readability. Data originates from Worlddata.info.

Mmhzahdeh@dons.usfca.edu
70% 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
70% match
Loading thumbnail…

Final Project Bar Chart

This interactive bar chart displays the top five average salaries for Data Science job titles in 2023, using a dataset loaded from a GitHub gist. The visualization, rendered as an SVG via D3 v7, sorts salaries in descending order and uses a band scale for the categorical y-axis. Users can toggle individual job titles on or off through checkboxes, which filter the displayed bars. A "Clear All" checkbox resets the visibility state. Hovering over a bar triggers a CSS tooltip, showing the exact job title and salary, while the bar’s fill color changes from steelblue to orange.

DDuc Pham
70% match
Loading thumbnail…

Bar Chart Data Viz Final

This bar chart visualizes the distribution of starting median salaries across different college types, with each bar representing a school and its salary value. The visualization uses D3.js v7 within an HTML page, employing `d3.csv` to load data from a GitHub gist, `scaleBand` and `scaleLinear` for axes, and SVG `rect` elements for rendering bars. Interactive tooltips appear on hover, displaying the school name, salary, and type via `mouseover` events. The chart includes rotated x-axis labels and a customized y-axis grid for readability.

SShazil Taqi
69% match