Frontend Dataset Configuration Tracking

[danielfdsilva]

Creating this issue to track new datasets being added and the different issues/features.

The explore page is at a point where we need to start adding different datasets to see which features are required and where it breaks. There are a lot of possible options and is not really feasible to consider everything. We'll implement this on a use case base and add/fix features as we go.

This paper document contains docs on dataset configuration. It should be enough to get started. Feel free to suggest changes/improvements as questions come up.

cc @leothomas @anayeaye

[anayeaye]

@danielfdsilva is the idea to add something like this for each dataset in PRs to delta-ui? I'm pretty sure I didn't get the formatting, either, but wanted to share enough to get on the right track.

---
id: nightlights-hd-monthly
feature: true
name: Black Marble High Definition Nightlights Monthly
thematics:
  - environmental-justice
media:
  src: ::file ./img-placeholder-4.jpg
layer:
  id: nightlights-hd-monthly
  name: Nightlights HD
  type: raster
  description: The High Definition Nightlights dataset is processed to eliminate light sources, including moonlight reflectance and other interferences. Darker colors indicate fewer night lights and less activity. Lighter colors indicate more night lights and more activity.
  zoomExtent: 
    - 8
    - 13
  sourceParams:
    rescale:
      - 0
      - 255
    colormap_name: inferno
  legend:
    type: gradient
    min: less
    max: more
    stops:
      - #08041d
      - #1f0a46
      - #52076c
      - #f57c16
      - #f7cf39
---

[danielfdsilva]

@anayeaye This is very close to what we need. Just a couple of notes:

• layers must be a list, even if only with one option.
• media should always have a alt property
• featured should have a d
• You also have to ensure that the thematic are you're adding this to exists.

---
 id: nightlights-hd-monthly
-feature: true
+featured: true
 name: Black Marble High Definition Nightlights Monthly
 thematics:
   - environmental-justice
 media:
   src: ::file ./img-placeholder-4.jpg
+  alt: Some alternative description of the image
-layer:
-  id: nightlights-hd-monthly
+layers:
+  - id: nightlights-hd-monthly
+    name: Nightlights HD
---

[danielfdsilva]

Also, the colors in the stops need to be quoted. #08041d => '#08041d'.
This is only needed with hex colors, because the YAML will interpret the # as the start of a comment.