Giter VIP home page Giter VIP logo

fluid-earth's Introduction

Fluid Earth

A visualization of swirling winds over the United States and Canada

About

Fluid Earth is developed and maintained by The Ohio State University's Byrd Polar and Climate Research Center.

If you are interested in using Fluid Earth for educational purposes or collaborating with us to develop Fluid Earth for a specific application, please email [email protected].

For more information, visit the Help & About menu at Fluid Earth.

Development

Frontend-only setup

Prerequisites

git clone https://github.com/byrd-polar/fluid-earth
cd fluid-earth
pnpm install
pnpm run dev

Changes to files in src will be automatically displayed from the dev server.

Local backend setup

Additional prerequisites

First, complete the frontend-only setup.

Then, create an account to access CDS. Once logged in, accept the Copernicus license and use your CDS API key to create a .env file in the root of this Git repository with the following content, replacing the Xs with your key:

CDS_API_KEY=XXXXXX:XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX

Similarly, create an account to access Earthdata, and add your username and password to .env:

EARTHDATA_LOGIN=username:password

Finally, in a separate terminal tab/window:

pnpm run tera

To develop against the remote backend again (as in the frontend-only setup), remove the public/tera directory.

Building frontend for production

pnpm run build
pnpm run preview

Updating local development environment

git pull https://github.com/byrd-polar/fluid-earth
pnpm install

Web component

Fluid Earth comes with a lightweight web component which can be included in webpage contexts where the full application is not needed. Refer to the documentation for more info on using the web component.

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.