Skip to main content
100%

Salary of Bay Area Rapid Transit (BART) Employees

✓ Published0🌍 Public
Aadilyalcin
Last edited Jan 10, 2016
Created on Jan 10, 2016

This visualization displays the salaries of Bay Area Rapid Transit (BART) employees, with each employee represented as a point in a scatterplot. It uses d3.forceSimulation to position the points, while summaries for Job Family, Union, and Title appear in left panels. The record display lists employees by name with their titles, and sorting options include salary components like Base, Overtime, and Total Salary. Data comes from a CSV file loaded from a hosted directory, and the layout uses three label panels with configurable widths for filtering and comparison.

AI-generated description

Similar vizzes

Loading thumbnail…

Salary of Bay Area Rapid Transit (BART) Employees

This visualization presents the salaries of Bay Area Rapid Transit (BART) employees, using a force-directed graph powered by `d3.forceSimulation`. It shows each employee as a node, with job family, union, and title summarized on the left panel, while the right panel displays salary breakdowns—total, base, overtime, medical/dental/vision, and other components—with dollar amounts. The code loads employee data from CSV files, enables text search by name, and sorts records by salary fields. The rendering uses D3’s force layout, with clickable nodes and a list view for detailed records.

Aadilyalcin
95% match
Loading thumbnail…

Bart Employee Salaries

A linked-view exploration of Bay Area Rapid Transit employee salaries, sourced from a public CSV gist. The left panel uses d3.summaries to aggregate categorical fields like Union, Job Family, and Title, while the right panel shows interval summaries for salary components such as TCOE, MDV, and ER. A central list, rendered via recordDisplay, sorts employees by base pay or other numeric columns and supports text search by name. Hovering or clicking a list entry triggers a zoom detail toggle, and the d3.forceSimulation-driven layout updates summaries dynamically as selections change.

Aadilyalcin
88% 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
65% match
Loading thumbnail…

Histogram

This histogram displays the distribution of base pay for San Francisco city employees from 2011 to 2014, using p5.js to load a CSV dataset and render the visualization on an HTML canvas. The code processes the data into bins of $25,000 increments, calculates frequency counts, and scales bar heights proportionally to the count axis. Axes with labeled intervals and value labels are drawn using p5.js drawing functions, with salary values formatted in a compact "k" notation for readability.

DDominic Fernandez
63% match
Loading thumbnail…

Gist a0301b06d20cf1fa956a64e93fe6d6a7

This visualization displays the locations of BART stations across the San Francisco Bay Area as points on a geographic map. The map uses a dark background with station markers positioned according to their latitude and longitude coordinates from the provided GeoJSON file. The code employs `d3.forceSimulation` to calculate station label placement and `d3.geoPath` to render the map geometry, while also utilizing Canvas `getImageData` to analyze pixel data for collision detection or positioning adjustments. The visualization appears as a static geographic overview rather than an interactive experience.

TTommyCoin80
63% match
Loading thumbnail…

Box Plot - Distribution of Base Salary in SF (2011-2014)

This visualization uses box plots to show the distribution of mean annual base salaries across salary ranges for San Francisco municipal employees from 2011 to 2014. The p5.js canvas organizes data into $50,000 bins along the x-axis, with each box displaying quartiles, minimum, and maximum values. A toggle button reveals or hides median markers across the plot. The data is loaded from a Kaggle-hosted CSV, and the code computes quartiles and bins using custom array-processing functions.

DDominic Fernandez
62% 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
62% match
Loading thumbnail…

Salary - Scatterplot

This scatterplot displays the distribution of salary ranges against their corresponding employee counts, using a horizontal bar layout where each salary band’s length represents its frequency. The visualization employs D3 v5 with SVG rendering, using `scaleLinear` for the x-axis and `scaleBand` with padding for the categorical salary ranges on the y-axis. Axis labels are formatted with `format('5s')`, and the chart includes margins and a bordered SVG container. Data is loaded from a local CSV file using `d3.csv`.

KKrishu
61% match