JavaScript Homework - JavaScript and DOM Manipulation

A webpage for displaying a table dynamically based upon a dataset we provide. This page allows users to filter the table data for specific values. JavaScript, HTML, and CSS, and D3.js were utilized for creating the page.

Dataset

UFO Sightings Data

Level 1: Automatic Table and Date Search (Required)

This page allows users to filter table data for specific dates.

• Using the UFO dataset provided in the form of an array of JavaScript objects, the page displays a table once the "Filter Table" button is pressed.

• The table has 6 columns including date/time, city, state, country, shape, and comment.

The page can be accessed here.

Level 2: Multiple Search Categories (Optional)

• In this page, the user can to set multiple filters and search for UFO sightings using the following criteria based on the table columns:

  1. date/time
  2. city
  3. state
  4. country
  5. shape

The page can be accessed here