Two Scatter Plots: Corporate Engagement, Pricing and Earnings

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.

74% match

NACRO Membership: Corporate Engagement

This visualization maps the geographic distribution of NACRO member institutions, with each circle representing an institution’s location and colored by its membership tier. It also encodes the total number of corporate partners on campus, revealing regional patterns in corporate engagement. The map uses a Vega-Lite layer combining a `markGeoshape` for U.S. state boundaries from TopoJSON with a `markCircle` projection via `albersUsa`. Data is loaded asynchronously with `d3.csv` from a GitHub Gist containing the 2019 NACRO member survey.

71% match

NACRO Membership by Office Type with a Menu

This interactive bar chart shows NACRO membership counts by office type, filtered by institutional enrollment category through a dropdown menu. The React-based visualization uses D3 v5 scales (scaleBand, scaleLinear) to render SVG rectangles, with axes built from custom AxisBottom and AxisLeft components. Data comes from the 2018 NACRO member survey, loaded via d3.csv, and the menu selection updates the x-value attribute for the displayed bar lengths.

70% match

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

College Polished Scatter Plot with Menus

A scatter plot displays the relationship between two selectable attributes from the College Dataset, with ten numeric fields such as acceptance rates and enrollment counts. Two React dropdown menus let the user independently choose which attributes appear on the x- and y-axes, which are generated with d3.scaleLinear and rendered as SVG. The plot uses React components (AxisBottom, AxisLeft, Marks) and d3.csv to load data, with circle marks showing each college’s values and formatted tick labels.

Yyinhao0424

NACRO Membership by Office Type with Menus

This interactive bar chart visualizes NACRO membership counts by office type, filtered through three dropdown menus for enrollment size, Carnegie classification, and public/private status. The visualization uses React for the interface and d3-scale for axes and bar positioning, rendering as SVG. Data comes from the 2018 NACRO member survey, with counts aggregated from the CSV source. The dropdowns filter the displayed data, though the filtering logic in the provided code is incomplete, with the chart currently showing fixed counts up to 82.

NACRO Membership by Office Type

This horizontal bar chart displays the breakdown of National Association of Corporate Relations Officers (NACRO) membership by office type, based on the 2018 member survey. Each bar represents a category from the CSV data, with lengths proportional to member counts. Built with React and d3.v5, the visualization uses `scaleBand` for the categorical y-axis and `scaleLinear` for the numeric x-axis. SVG rectangles render the bars, with tick marks formatted using d3’s `format` function, and tooltips appear on hover.

Stylized Scatter Plot

This scatter plot visualizes the relationship between the share of women in a college major and median earnings, using data from the FiveThirtyEight recent-grads dataset. The React component renders an SVG with D3 scale functions (`scaleLinear`) to map data values to pixel coordinates, while reusable `AxisBottom` and `AxisLeft` components generate ticks and gridlines. Circles are positioned using `xScale` and `yScale`, with the `Marks` component assigning a `<title>` element to each point, enabling a native browser tooltip on hover. The visualization uses the d3.csv loader to fetch and parse the remote dataset.

TTran Quang Anh Ha