Best College: Rank vs Salary

100%

Best College: Rank vs Salary

✓ Published0🌍 Public

Last edited Sep 24, 2020

Created on Sep 17, 2020

Forked from Best Colleges: Cost vs Salary

This visualization plots colleges by their Forbes 2019 rank along the x-axis and alumni salary on the y-axis, with color distinguishing public from private institutions. It reveals that top-ranked schools offer higher graduate salaries, with the slope leveling off after the first 50 ranks. The chart is built using Vega-Lite API and D3.js, reading CSV data directly from a GitHub gist. Circles are rendered with a fixed size and slight opacity, while axes are customized through a shared config object to improve readability.

AI-generated description

A program that loads and parses some CSV data from the Forbes Best Colleges of 2019 list.

The visualization shows the distribution of colleges plotted by rank along the X axis and Alumni Salary along the Y Axis. Color indicates the university is either private or public.

The top ranked schools clearly provide an edge to graduates in the job market. The slope continues through the ranks but slows afer the top 50 or so.

MIT Licensed

Similar vizzes

Loading thumbnail…

Best Colleges: Cost vs Salary

This scatterplot displays colleges from the Forbes Best Colleges of 2019 list, plotting net price on the x-axis against alumni salary on the y-axis. Each dot represents a school, with color distinguishing public from private institutions, revealing that private schools cost more but show no clear salary advantage. The visualization is built using Vega-Lite, d3.csv for data loading, and rendered as an SVG via the vega-lite-api, with custom configuration for axis styling and tooltips.

MMartin Blatz

90% match

Loading thumbnail…

Best Colleges: Rank vs Cost

This example plots 650 colleges from the Forbes Best Colleges 2019 list, with rank on the x-axis and net price on the y-axis, using a circle mark colored by public or private status. It shows that while public schools tend to cost less, there is no strong correlation between rank and price. The visualization is built with the Vega-Lite API, which registers vega and vega-lite, and loads CSV data via d3.csv. Axis labels and titles are customized through a config object, and tooltips display the college name.

MMartin Blatz

81% match

Loading thumbnail…

Forbes Best Colleges Scatter Plot With Menus

A scatter plot maps Forbes’ 2019 Best Colleges data, plotting schools by two user-selectable attributes chosen from dropdown menus for the X and Y axes. The visualization emphasizes correlations between rank, alumni salary, net price, student population, and total annual cost. Built with React and D3 v5, it uses `scaleLinear`, `extent`, and `csv` to parse and scale the data, rendering SVG circles with tooltips via the `Marks` component. Color differentiates private and public institutions.

MMartin Blatz

81% match

Loading thumbnail…

Forbes Top Colleges Data Summary

This visualization displays a simple text summary of the Forbes Top Colleges 2019 dataset, reporting the file size, row count, and column count after loading a remote CSV. It uses D3 v5’s `d3.csv` method to fetch and parse the data from a GitHub gist, then formats the numbers with `d3.csvFormat` and updates a `<pre>` element. The code also includes commented-out alternatives using the Fetch API with `async`/`await` and nested promises, illustrating different asynchronous loading patterns. No charts or graphical encodings are rendered.

MMartin Blatz

67% match

Loading thumbnail…

Vega-Lite API: College Scorecard Outcomes

This visualization plots the relationship between entering students' median household income and their earnings six years after enrolling, with each point representing a college or university. The scatterplot uses a circular mark with 50% opacity, revealing overlapping institutions as darker clusters. It relies on the Vega-Lite API, a declarative grammar built atop Vega and Vega-Lite, with data fetched from a CSV hosted as a GitHub Gist. The code configures axis styling, tooltips, and a fit-based autosize using the d3.csv loader.

JJCarpenter-WPI

67% match

Loading thumbnail…

Fork of Academic Publication Influence on University Ranking

This scatter plot visualizes the relationship between academic publication counts and university world rankings, with bubble size representing alumni employment numbers and color encoding country. The visualization uses the vega-lite-api library with d3.csv to load World University Ranking data from a GitHub gist. It renders circles with encoded x (publications), y (world_rank), color (country), and scaled size (alumni_employment) fields, plus tooltips showing institution names. The chart includes custom axis styling for improved readability.

Yyuli19991001

66% match

Loading thumbnail…

Scatterplot

A scatterplot of professors' salaries versus years since PhD, rendering each professor as a semi-transparent blue circle in an SVG. It shows the relationship between academic seniority and compensation using data from a CSV file. The visualization uses d3.scaleLinear for both axes, with d3.axisLeft and d3.axisBottom to add labeled axes, and includes a title and axis labels. Data is parsed from CSV, with numeric fields converted to numbers before plotting.

Tthomaslarkin7

65% match

Loading thumbnail…

Enclosing Force Circles

This visualization depicts the pay ratio between the lowest and highest salaries at London universities. Each university is represented by a cluster of dots, with the number of dots indicating the ratio (e.g., 18:1), and the circle enclosing them color-coded from cyan to magenta based on that ratio. Hovering over a circle reveals the exact ratio and highlights the enclosure. The code uses `d3.forceSimulation` with `d3.forceX`, `d3.forceY`, and `d3.forceCollide` to arrange the dots, and `d3.packEnclose` to compute the enclosing circles around each cluster. Data is hardcoded in `paygaps.js`, and the SVG output includes interactive tooltips for each circle.

FFrissAnalytics

64% match