Coder Social home page Coder Social logo

sinanbertan / real-time-earthquake-mapper Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 14.78 MB

License: MIT License

HTML 14.36% JavaScript 76.06% CSS 9.58%
earthquake-data earthquake-visualization earthquakes leaflet map mapping mapping-tools maps turfjs usgs

real-time-earthquake-mapper's Introduction

Real-Time-Earthquake-Mapper

Project Image

Real Time Earthquake Mapper is a web application that empowers users to explore and visualize up-to-date earthquake data in real-time, offering valuable insights into seismic activity worldwide. This interactive mapping tool leverages cutting-edge technologies to provide an intuitive and informative experience for users interested in monitoring and analyzing earthquakes.

Table of Contents

Demo

Watch a demonstration of the Real Time Earthquake Mapper in action: Demo Video

Features

  • Real-Time Data: The application fetches earthquake data in real-time from the United States Geological Survey (USGS) API, ensuring that users have access to the latest seismic information.

  • Advanced Filtering: Users can customize their earthquake exploration experience with a range of powerful filters, including magnitude, location, and time frame. This enables users to focus on earthquakes that are most relevant to their interests and research.

  • Map Styles: Choose from a selection of map styles to tailor the visualization to your preferences. Options include default, light, dark, and satellite views, providing flexibility for various use cases.

  • Fault Lines: Gain deeper insights into tectonic activity by overlaying tectonic fault lines on the map. This feature helps users understand the geological context of earthquakes.

  • Buffer Zone Analysis: The application includes a buffer zone tool powered by Turf.js, allowing users to generate custom buffer zones around recent earthquakes. This feature is invaluable for assessing potential impact areas.

  • User-Friendly Interface: The application features an intuitive and user-friendly interface that allows both novice and experienced users to easily navigate and access earthquake data.

Technologies

  • Frontend Technologies: The project is built using HTML, CSS, and JavaScript to create an interactive and user-friendly frontend interface.

  • Mapping Library: Leaflet.js is used for mapping functionality, providing an interactive and customizable map experience.

  • Map Tiles: OpenStreetMap is the source of map tiles, ensuring high-quality and up-to-date cartography.

  • Geospatial Analysis: Turf.js is utilized for geospatial analysis tasks, such as buffer zone generation.

  • Data Source: The United States Geological Survey (USGS) API provides real-time earthquake data, enriching the application with the latest seismic information.

Installation

  • Clone the repository:

    git clone https://github.com/yourusername/real-time-earthquake-mapper.git
    
  • Open index.html in your web browser. You can use live server extention in VScode.

Usage

  • Launch the application by opening index.html in your web browser.
  • Use the sidebar filters to customize earthquake data based on your preferences.
  • Explore the interactive map, and click on earthquake markers to access detailed information.
  • Experiment with different map styles, filters, and geospatial analysis tools to gain insights into seismic activity.

Screenshots

Project Image Project Image Project Image

Contributing

  • Contributions are welcome! If you'd like to contribute to this project, please follow these steps:
    1. Fork the repository.
    2. Create a new branch for your feature: git checkout -b feature-name
    3. Commit your changes: git commit -m 'Add new feature'
    4. Push to the branch: git push origin feature-name
    5. Create a pull request.

Conclusion

  • The Real Time Earthquake Mapper represents a significant leap in earthquake data visualization and analysis. By harnessing the power of real-time data, advanced filtering, and interactive mapping, this application provides a valuable tool for researchers, students, emergency responders, and anyone interested in understanding seismic activity.

  • With its user-friendly interface, dynamic filtering, and customizable buffer zone analysis, Real Time Earthquake Mapper makes earthquake data accessible and actionable. Whether you're conducting research, assessing earthquake impact, or simply exploring seismic events, this application empowers you to make informed decisions.

  • I invite you to contribute to this open-source project and help us continue improving earthquake monitoring and analysis tools.

License

References and Sources

real-time-earthquake-mapper's People

Contributors

sinanbertan avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.