https://github.com/lingumd/ufos

Webpage and dynamic table that provides an in-depth analysis of UFO sightings by allowing the users to filter for multiple criteria at the same time.
https://github.com/lingumd/ufos

css d3 dynamic-table foreach functions html if-else javascript webpage

Last synced: about 1 month ago
JSON representation

Webpage and dynamic table that provides an in-depth analysis of UFO sightings by allowing the users to filter for multiple criteria at the same time.

• Host: GitHub
• URL: https://github.com/lingumd/ufos
• Owner: lingumd
• Created: 2022-08-29T03:33:55.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-11-27T23:38:13.000Z (about 2 years ago)
• Last Synced: 2023-03-04T19:40:45.967Z (almost 2 years ago)
• Topics: css, d3, dynamic-table, foreach, functions, html, if-else, javascript, webpage
• Language: JavaScript
• Homepage:
• Size: 999 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# UFOs

## Overview

Create a webpage and dynamic table that provides an in-depth analysis of UFO sightings by allowing the users to filter for multiple criteria at the same time.

![](./static/images/Snapshot.png)

## Results

Users of this webpage can now filter the results by Date, City, Country, State, and Shape. 

- The Date filter can be used by typing any date from 1/10/2010 to 1/13/2010 in the form #/##/####.

- The City filter can be used by typing any city in all lowercase letters.

- The Country filter can be used by typing any country's two-letter abbreviation in lowercase.

- The State filter can be used by typing any state's two-letter abbreviation in lowercase.

- The Shape filter can be used by typing any shape in all lowercase letters.

#### An example of the format of how to type in the search criteria is shown below:

![Search_Criteria_Format](./static/images/Filter_format.png)

#### An example of the filters being used to search for only UFO sightings in Florida is shown below:

![Florida_example](./static/images/fl_UFO_sightings.png)

There are placeholders in the Date, City, Country, and Shape filters. The placeholders are not applied to the search results. They are only there to show the format of how to type in the input box. The only filter used is the State filter where "fl" is typed, then the "Enter" button is pressed to trigger the code and search based on input.

## Summary

One drawback of this new design is that the dates only range from 1/10/2010 to 1/13/2010. So while the filter makes it appear as though any date is available, there are only 4 dates available. For further development, more data can be collected and utilized for this webpage. If collecting more data on UFO sightings is not a viable option, it may be more user-friendly to incorporate a drop-down menu for the Date filter instead of an input element. A drop-down menu would eliminate user typing errors and give a more accurate expectation of the dates available to search. A drop-down menu would also be similarly helpful for the other filters on this webpage.