An open API service indexing awesome lists of open source software.

https://github.com/zooniverse/mapping-viz-tools

Tools to Visualize Floating Forest Classifications
https://github.com/zooniverse/mapping-viz-tools

metadata

Last synced: 4 months ago
JSON representation

Tools to Visualize Floating Forest Classifications

Awesome Lists containing this project

README

          

# Mapping Viz Tools
Tools to Visualize Floating Forest Classifications

Don't forget the [Wiki](https://github.com/zooniverse/mapping-viz-tools/wiki)! You can find some great information there about the Mapping Viz Tools infrastructure.

Be sure to check out [Zoomapper](https://github.com/zooniverse/zoomapper), which serves custom mbtiles for this app to consume.
Azure Functions used to connect this app to the backend are maintained at [mapping-viz-functions](https://github.com/zooniverse/mapping-viz-functions).

## Available Scripts

In the project directory, you can run:

### `yarn install`

This will install all dependencies for the project. Run this command the first time you check out the code for this repo. If you get a node version error, either update your Node.js version or try running the install with the `--ignore-engines` flag like so: `yarn install --ignore-engines`

### `yarn start`

Runs the app in the development mode.

Open [https://localhost:4000](https://localhost:4000) to view it in the browser.

### `yarn test`

Launches the test runner in the interactive watch mode.

### `yarn build`

Builds the app for production to the `build` folder.

### `yarn storybook`

Launches the Storybook viewer at [http://localhost:9009/](http://localhost:9009/)

## Analyze the Bundle

Uses [source-map-explorer](https://www.npmjs.com/package/source-map-explorer) to visually analyze the bundle for bloats.
To run this:
`yarn build && yarn analyze`

## Deployment

On push to the `master` branch, the staging site is deployed to [https://mapping-viz-staging.zooniverse.org](https://mapping-viz-staging.zooniverse.org/).

## Environmental Variables

Add notes here about REACT_APP_ENV: development.

## Other Notes

Occasionally, Open Street Maps will not load via TileLayer using localhost in Chrome. OSM detects that environment to prevent abuse of their tile servers.