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.
AI-generated descriptionA visualization constructed using the vega-lite-api. A scatter plot with D3. 2017 style.
This visualization shows The top 150 US School Data.
It's designed to show top 150 school price and their acceptance rate, and locate them geographically on US map.
From this visualization, I leanrned how to use layer. That is load 2 dataset into on visualization. Also, I leanrned to use api to load US map, using the US map url api dataset to create a layer of US map. It's a json file referenced in this visualization.
Questions I can't figure:
- The circles in my map aren't very clear, I can't make it bigger.
- The default color from light blue to dark blue showing the price is also not very clear. I wonder if I can make it from blue(low price) to red(high price).
- Also, I wonder if I can make price ranges and throw them into bins, then the price can be an ordered catogory.