Skip to main content
SimilarExport ZIP
100%

Barchart2

✓ Published0🌍 Public
SSrinivasAbburi@my.unt.edu
Last edited Apr 26, 2024
Created on Apr 26, 2024
Forked from bar2

This stacked bar chart displays the top 10 job titles by total salary in USD, aggregated from a CSV dataset loaded via `d3.csv`, with each bar colored using `d3.scaleOrdinal` and `d3.schemeCategory10`. It renders an SVG with `d3.axisBottom` and `d3.axisLeft` for axes, uses `d3.rollups` to sum salaries per job title, and includes a legend. Bars highlight on hover due to CSS opacity changes. The data source is a remote gist file.

AI-generated description
MIT Licensed

Similar vizzes

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

bar2

This example shows the top 10 job titles from a data science salaries dataset, ordered by total salary in descending order, with each bar colored according to its job title. The visualization aggregates salary values using `d3.rollups`, sorts them with `d3.descending`, and renders stacked bars as SVG rectangles with a legend. It uses D3 v7 scales (`scaleBand`, `scaleLinear`, `scaleOrdinal`), axes (`axisBottom`, `axisLeft`), and a categorical color scheme (`schemeCategory10`). Data is loaded asynchronously from a CSV file via `d3.csv`.

AArungopal Andalam
87% match
Loading thumbnail…

Barchart

This stacked bar chart displays salary distributions across employment types, using two stacked segments per category to represent a binary breakdown of the data. The visualization loads CSV data from a GitHub gist via `d3.csv`, then applies `d3.stack()` to compute the stacked series, `d3.scaleBand()` for the categorical x-axis, and `d3.scaleLinear()` for the continuous y-axis. Bars are rendered as SVG `rect` elements with colors assigned by `d3.scaleOrdinal`, while axis labels are added through `d3.axisBottom` and `d3.axisLeft`.

SSrinivasAbburi@my.unt.edu
87% match
Loading thumbnail…

Fork of Fork of Webpage

This example shows the top 10 job titles in a data science salary dataset, ranked by total salary in USD and displayed as a stacked bar graph. Each bar represents a single job title, with color-coded identity and hover effects that increase fill opacity. The visualization loads CSV data from a GitHub repository using `d3.csv`, aggregates salary sums with `d3.rollups`, and sorts/selects the top entries. It renders SVG rectangles scaled by `d3.scaleBand` and `d3.scaleLinear`, with axes via `d3.axisBottom` and `d3.axisLeft`, plus a legend built from the color scale.

KKiernan Nesslar
83% match
Loading thumbnail…

Fork of Webpage

This example shows a stacked bar graph of the top 10 job titles by total salary, using data from a CSV file of data science salaries. Each bar represents a job title, colored via a categorical scale, with salary totals on the y-axis and rotated labels on the x-axis. The code uses `d3.csv` to load data, `d3.rollups` to aggregate salaries, and `d3.scaleBand` and `d3.scaleLinear` to set up the axes. It renders an SVG with `d3.axisBottom`, `d3.axisLeft`, and includes a legend built from the color scale.

AArungopal Andalam
82% match
Loading thumbnail…

A10_BarChart White Hat

This bar chart displays average salaries for various job titles, sourced from a CSV file fetched via `d3.text`. It uses `d3.scaleBand` for the x-axis and `d3.scaleLinear` for the y-axis, rendering bars as SVG rectangles with steelblue fill. Interactive tooltips appear on mouseover, changing the bar color to orange and showing the job title and salary. The chart includes axis labels, a title, and rotated x-axis tick labels. The code also appends an explanatory paragraph noting the visualization's "White Hat" status due to its clear labeling and complete data presentation.

DDuc Pham
81% 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
80% 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
79% match