• show info button with dataset
• show dataset description
• show separate link that links to data set website

As this will be an open source App we need to check that all dependencies fulfil the open source requirements. We will stick with MIT licence as a start.

• include a licence checker e.g: https://www.npmjs.com/package/license-checker
• check for licences when building the app, build fails when licence checker fails

• typescript
• prettier
• linting
• webpack

• allow to set a default dataset that is displayed when opening the application

• show current slide number
• show total number of slides
• links for next and previous slide

Evaluate cesium.js for the usage within the Climate from Space application:

Questions to answer:

• install it in a react environment
• get a feeling for performance
  • single globe
  • two globes side by side
• does it allow to ingest default (web mercator) raster tiles from a public source? tile URL: http://maps.vesseltracker.com/vesseltracker/{z}/{x}/{y}.png
  • what happens with data at the poles? webmercator only covers up to +/-85 degree
    in north/south direction.
• can we add a vector tile source at all? Rumours say it is possible, found no trace yet.
• if not, can we apply this approach to display vector tile data: https://github.com/uber/deck.gl/blob/7890d05e3343c78a8a4e20eb6b2019addb3a02cf/docs/layers/tile-layer.md
  (succesfully tested by Philip Wambach on deck.gl)
  • what is the performance?
• how does it perform if we take above image tiles and display them in 2D with the geogrpahic projection

• allow to remove the second data set (x-out)

• react/redux

• set up a structure
• document in wiki

• multi time steps
• plate carrée projected
• transparent background
• as small files as possible

• allow to toggle between two 2D map projections:
  • web mercator
  • Equirectangular projection (plate carrée)
• integrate this in one switcher

• show header image
• show (sub-) title
• show body

• add cesiumjs

0. get version number from package.json on github
   1a. allow to upload excel file
   1b. set story ID (get from storage)
1. convert to excel file to story json
2. upload json to storage
3. add a script to download live version in to local repo
4. add command prompt to prevent overwrite from local repo

Example spreadsheet: https://docs.google.com/spreadsheets/d/1kL8UYm5oFuKnN97hvPVp9Oj6YQ2q6CZxo_wCr9Qs5sQ/edit#gid=0

• list of stories
• name
• image
• description
• story id
• link to story file via ID
• document in wiki

Create an electron bundle that runs on all platforms just like a normal app.

• bundle app as electron app
• build apps for three platforms
  • Linux
  • Windows
  • Mac
• store on state that app is running in electron (we need to show different content later, e.g. take our screen)
  - [ ] signature of app bundle for mac? (will do later too complicated for now)
  - [ ] signature for windows? (will do later too complicated for now)
• inform about update capabilities

• show story title above globe, keep always visible
• center or right aligned

Add language switcher to story mode

• add a switch to toggle between 2D and 3D view

• show two maps next to each other, with synced perspective
• show two globes next to each other, with synced perspective

• create a separate GCP project
• deployment
• versioning
• CI: cloud build
• slack notifications
• testing

• allow to show 2D interactive map

• create story selector
• make story selectable and store story in state
• show story name
• show preview image
• show description as tool tip

Make accessible from:

• stories button
• presenter mode
• show case mode

NB: different mode will have different feature sets in the selectors

Switch from 2D to 3D mode.

• index file
  • list of layer elements
  • allow for sublayers
  • keep order of list
  • link to actual data
• fetch index file from server
• list of available layers (incl. sublayers)
• only one active at a time (including sublayers)
• highlight active layer
• possibility to deselect a layer
• store state in data store
• get state from store
• layers have
  • name
  • description (as tooltip)
• dispatch required actions
• we need this selector twice in the end
• make selector collapsable
• add button to expand selector

https://docs.google.com/presentation/d/1CUV9FqTaMOASQeAmjj_kfYOYys6kWvv4O7YzS7t3j-0/edit#slide=id.g5237e89095_0_25

• allow to embed video in panel header
• store only ID, construct embed code form that
• enable full screen button
• enable subtitles if possible

Youtube only.

• story ID
• file name reflects ID
• list of slides
• for each slide
  • title
  • subtitle
  • body text
  • header image
• think of folder structure to store story
• keep all links relative for easier download
• document in wiki

• Slightly spin the globe when opening the application
• In the correct direction!

• show images instead of globe in story mode
• keep side panel visible
• allow to be maximised by default when opening slide
  • when maximised by default hide gallery in panel header