Rhode Island Population

Rhode Island Unemployment Rate

This visualization displays Rhode Island’s monthly unemployment rate from 1976 to 2025, sourced from the Federal Reserve Economic Data (FRED). The chart uses a temporal line graph with the observation date on the x-axis and the RIUR percentage on the y-axis. Built with D3 v7, the code loads data via `d3.csvParse` and `fetch`, then renders the visualization through the `viz` function, which updates the DOM using `select` and data joins.

77% match

RIUR Scatterplot Iteration

This line chart shows the monthly Rhode Island unemployment rate from 1976 onward, tracking its fluctuations over time as a percentage. The visualization loads CSV data, parses dates with `d3.timeParse`, and uses `d3.scaleTime`, `d3.scaleLinear`, `d3.axisBottom`, `d3.axisLeft`, and `d3.line` within React to render axes, grid lines, and a steelblue path. The chart includes a title and axis labels for clarity.

73% match

Prototype v4

This visualization shows Rhode Island's monthly unemployment rate (RIUR) from 1976 onward, highlighting historical spikes with red dots overlaid on a steelblue line chart. The React app loads data from a CSV file using d3.csv, parses dates with d3.timeParse, and renders the chart through d3.scaleTime, d3.scaleLinear, d3.line, d3.axisBottom, d3.axisLeft, and d3.extent functions. A legend distinguishes the line series from annotated spike points.

scatter plot

This visualization displays monthly unemployment rates in Rhode Island from 1976 to 2003, with each data point colored by decade. The scatter plot uses D3.js within a React framework to render animated circles that grow from radius zero to four pixels on load. The chart includes grid lines, axes, tooltips showing the exact date and rate, and a legend mapping decades to colors. Data is loaded from a CSV file and parsed using d3.csv and timeParse.

Prototype v1

This visualization displays Rhode Island’s monthly unemployment rate from 1976 onward, revealing cyclical peaks and troughs over time. Built with React and D3 v7, the app loads a CSV file, parses dates, and renders a line chart using scales, axes, and a line generator. Grid lines and labeled axes clarify the trend, with the data sourced from a local data.csv file.

Prototype v3

A line chart visualizes Rhode Island's unemployment rate from 1976 to 2020, revealing cyclical spikes marked by red dots during economic downturns. Hovering over the chart displays a tooltip with the precise date and rate at the nearest data point. The visualization uses React with D3 v7, employing `d3.csv` for data loading, `d3.scaleTime`/`d3.scaleLinear` for axes, and custom bisection logic for interactivity.

Prototype v2

This line chart tracks Rhode Island’s monthly unemployment rate from 1976 onward, using data from FRED. It plots the rate over time with a steel-blue line, while red dots flag five notable spikes, including the 2020 peak. The visualization is built with D3.js and React, using `scaleTime` and `scaleLinear` for axes and a custom binary search for hover tracking. A tooltip showing exact values appears on mouseover, and grid lines and axis labels support reading the trend.

71% match

Prototype v6

This visualization compares Rhode Island and U.S. unemployment rates as two line charts over time, using steelblue for Rhode Island and orange for the national rate. Red circles mark notable spikes in Rhode Island data, with a legend and grid lines aiding interpretation. The React app loads CSV data with d3.csv, parses dates with timeParse, and renders the SVG using d3.scaleTime, d3.scaleLinear, d3.line, and d3.axisBottom/axisLeft. A shared y-axis domain from both datasets ensures direct visual comparison.