Skip to main content
SimilarExport ZIP
100%

Scatter Plot of US TOP 150 Universities

✓ Published0🌍 Public
GGeniXiong
Last edited Sep 24, 2019
Created on Sep 22, 2019

The visualization is a scatter plot of the top 150 US universities, showing the relationship between rank on the x-axis and acceptance rate percentage on the y-axis. Circle size encodes the annual price divided by 1000. The plot uses React for component composition and d3.v5 for scale construction and CSV data loading from a GitHub gist. SVG rendering includes custom axis components and marks, with interactive-free static display of the dataset.

AI-generated description

A line plot of US top 150 Universities.

MIT Licensed

Similar vizzes

Loading thumbnail…

Top 150 US School Data

A scatter plot of the top 150 US schools overlays geographic points onto a map of the United States, encoding each school’s net price through a blue color gradient and its acceptance rate through point size. The visualization layers a GeoJSON map of US states with the school data using the vega-lite-api, pulling location coordinates from the CSV and rendering the map from a Vega US‑10m topology file. It relies on the Albers projection and the vega-lite-api’s `markGeoshape` and `markPoint` marks to combine both datasets in one view.

GGeniXiong
78% match
Loading thumbnail…

Top 150 US School Data

This visualization maps the top 150 US schools by their geographic location, using circle size to represent acceptance rate and color to encode net price. It layers geoshape data from the US 10m TopoJSON API with a point layer positioned via longitude and latitude fields. Built with the Vega-Lite API, it combines the map and scatter plot into a single layered view. The data is loaded from a CSV containing school rankings, with the map rendered using an Albers USA projection.

Mmounika-hub
77% match
Loading thumbnail…

Fork of Top 150 US School Data

This visualization maps the top 150 US schools by their geographical location, using a scatter plot overlaid on a US map. The color of each point encodes the school’s net price, while the point size represents its acceptance rate. Tooltips reveal the institution’s name. Built with the Vega-Lite API and D3, it layers a `markGeoshape` US map (loaded from a TopoJSON file of states) with a `markPoint` layer positioned by latitude and longitude.

Mmoslem-tg
77% match
Loading thumbnail…

Fork of Reusable D3 Scatter Plot

This animated scatter plot visualizes university rankings across multiple countries, cycling through four metrics: Research Environment, Students to Staff Ratio, Research Quality, and Industry Impact. Built with D3 v3, the chart uses distinct SVG symbols (star, square, circle) to represent different data dimensions, with axes updating every two seconds as the metric changes. The visualization leverages a reusable chart pattern, where the scatter plot component is separated into its own module and accepts configurable setters for data binding and scales.

Vvinodreddysagam929@gmail.com
76% match
Loading thumbnail…

Fork of Fork of Reusable D3 Scatter Plot

This visualization combines a scatter plot with line charts to explore university rankings, plotting countries on a shared x-axis band scale and metrics like research environment, quality, and industry impact on a y-axis from 0 to 100. It renders red circles for student-to-staff ratios alongside steelblue line paths per university, using the D3 v6 APIs `scaleBand`, `scaleLinear`, `line`, `axisBottom`, and `axisLeft`. The data comes from a CSV of University Ranks, fetched via `d3.csv` and parsed with custom numeric conversions. The reusable `scatterPlot` module demonstrates a configurable chart factory pattern with setters for width, height, and value accessors.

Vvinodreddysagam929@gmail.com
75% match
Loading thumbnail…

Scatter Plot

This scatter plot shows the Students to Staff Ratio for universities across different countries. It uses D3.js (version 7) with an SVG rendering approach to display each country as a red circle, positioned along a categorical x-axis for country names and a linear y-axis for the ratio values. The code loads data from a CSV file via a GitHub gist URL, and employs D3's `scaleBand` and `scaleLinear` functions to map the data coordinates, along with `d3.axisLeft` and `d3.axisBottom` to generate the axes.

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

Polished Scatter Plot with Menus: College Scorecard Data

This interactive scatter plot visualizes relationships among variables from the College Scorecard dataset, focusing on institutional characteristics like average SAT scores and net price for public universities. The visualization uses React with D3.js scales and axes to render SVG circles, with each point representing a college. Users can dynamically select which attributes to plot on the x- and y-axes through dropdown menus. The D3 data loading via `d3.csv` parses the remote CSV file, while the `d3.scaleLinear` API handles continuous axis scaling.

JJCarpenter-WPI
73% match