Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Basic Scatter Plot of Rhode Island Unemployment Rate using React and D3

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

515c15233b624fdfb72b62e035241855

Open

Fork of Basic Scatter Plot of Rhode Island Unemployment Rate using React and D3

0 stars2🌍 Public
CCyn
Last edited Sep 8, 2025
Created on Sep 8, 2025

This scatterplot displays Rhode Island's monthly unemployment rate from 1976 onward, using data from the FRED series RIUR. Points are plotted on a time-based x-axis and a linear y-axis, with steelblue circles and a tooltip showing the exact date and rate on hover. The visualization is built with React and D3 v7, using `d3.scaleTime`, `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft` to render the axes, grid, and interactive elements.

AI-generated description

Unemployment Rate Visualization

A React application that visualizes unemployment rate data from a CSV file using D3.js.

Features

  • Time-series scatter plot of unemployment rates
  • Responsive axes with proper formatting
  • Clean, modern UI design
  • Data loading and parsing from CSV

Data Format

The CSV file should have the following columns:

  • observation_date: Date in YYYY-MM-DD format
  • RIUR: Unemployment rate as a numeric value

Setup

  1. Serve the files through a local server (due to CSV loading restrictions)
  2. Open index.html in a browser