Skip to content

This Repository conatins the project our team made for SIH20220(Software Edition)

Notifications You must be signed in to change notification settings

Vish1811/NM389_Heisenbugs

Repository files navigation

Heisenbugs-SIH-2020

This Repository conatins the project our team made for SIH2020(Software Edition)

Problem Statement

Problem Statement : SEE ISRO's Problem Statement(NM389-ISRO).

Screenshot (270)

Map Visualisation (2D)

temperature_timelapse

Globe Visualisation (3D)

finalGIFGlobe

Task List

  • Work out complete structure of project.(Design Phase)
  • Enlist all libraries needed, have a basic idea of thier working(Learn Basics).
  • Setting Up the Environment of the project(In the Systems)
  • Write basic webgl model to program to execute this.(Basic Rough Design Implementation)
  • For 3d/4d visulization create a WebGL Globe.
  • Data analysis(Analyse the data to be visualised on the Globe).
  • Data Analysis(temperature data) + Data Analysis(pressure data).
  • Extracting Important files from the Json file provided as data.
  • Implement Toggle button(Help us to switch between the data to be represented on the globe).
  • Implementing a Button to switch B/W Rotation Mode and Normal Mode.
  • Implementing the TIME SERIES REPRESENTATION.
  • Adding Animation to TIME LINE.
  • Implementing the Little Dashboard on the left(To show the important data).

ScreenShots for InitialGlobe

ScreenShots for Final 3d Globe with data

GlobeSS1 GlobeSS2

Blueprint(Layout Design)

RoughLayout

Steps to run the project locally in development mode are:

  1. Fork and clone the repository in your system and navigate to the project directory.
  2. Setup an .env file in root of the project with REACT_APP_MAPBOX_ACCESS_TOKEN and provide your mapbox token.
  3. Install all the project dependencies using npm install command.
  4. Run npm start to start the local server. Open http://localhost:3000 to view the project in the browser.

⛏️ Built Using

  • Web GL - A JavaScript API for rendering high-performance interactive 3D and 2D graphics within any compatible web browser without the use of plug-ins.
  • Three.js - Three.js is a cross-browser JavaScript library and application programming interface used to create and display animated 3D computer graphics in a web browser

✍️ Authors

About

This Repository conatins the project our team made for SIH20220(Software Edition)

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published