Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Scatter Plot Iteration

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

577acd820a88416d92f8411199841b88

Open

Scatter Plot Iteration

0 stars1🌍 Public
AAlexis Caira
Last edited Sep 18, 2025
Created on Sep 17, 2025

A scatter plot visualizes 1,000 Bigfoot sighting records from the BFRO dataset, plotting mid-range temperature against UV index with points color-coded by season. The chart uses React state to load and format CSV data, then passes it to a D3.js rendering function that employs `scaleLinear` for axes, `axisBottom` and `axisLeft` for ticks, and SVG circles for marks. The visualization applies a Comic Sans font and includes labeled axes and a title.

AI-generated description

Bigfoot Visualization

This project visualizes Bigfoot sighting reports using React and D3.js. It displays a scatter plot showing the relationship between temperature (mid-range) and the number of reports, color-coded by season.

Features

  • Interactive SVG visualization
  • Season-based color coding
  • Responsive design

How to Run

  1. Serve the project directory using a local server: ```bash npx serve ```

  2. Open your browser to the provided local address (typically http://localhost:3000).

Data Source

The data is loaded from a CSV file containing Bigfoot sighting reports with various environmental and contextual information.

Code Structure

  • `index.html`: Entry point of the application
  • `index.js`: Initializes the React application
  • `App.js`: Main React component that loads data and renders the visualization
  • `viz.js`: D3.js visualization logic
  • `data.csv`: Dataset used for visualization