Giter VIP home page Giter VIP logo

Comments (11)

mcechini avatar mcechini commented on May 26, 2024 1

The new TRMM layers have a logarithmic ramp, along with some MEaSUREs products. I suggest you reach out to Natalie on this, since she's in the middle of creating legends for those products. It'll be good to work the log colormap issue together.

from worldview.

Benjaki2 avatar Benjaki2 commented on May 26, 2024 1

Ticks below colorbar
Screen Shot 2019-09-09 at 11 37 24 AM

from worldview.

minniewong avatar minniewong commented on May 26, 2024

@Benjaki2 - where are you on this?

from worldview.

Benjaki2 avatar Benjaki2 commented on May 26, 2024

Here is where I am at:
screen shot 2019-03-04 at 1 13 27 pm

@rboller Does this look right to you? I was expecting to see some layers with ticks that were distributed non-linearly.

Notes:

  • Showing tick marks for all continuous legends that have the showTick flag in the colormaps
  • Probably need to add some color contrast for darker colors in legend

from worldview.

rboller avatar rboller commented on May 26, 2024

@Benjaki2 there aren't many colormaps which have a log scale but try Chlorophyll A on Terra and Aqua. @mcechini should be able to provide some other examples if needed, too.

Otherwise the styling looks good to me overall and would agree that we could do something to make the ticks stand out when in front of darker colors. I'd also suggest reducing the tick height by a bit so they don't distract too much from the colorbar itself.

from worldview.

Benjaki2 avatar Benjaki2 commented on May 26, 2024

Doesn't look like Chlorophyll A layers have showTick flags in their colormaps. Should I file a GIBS ticket for this? I will reach out to Natalie about the new MEaSUREs products.

from worldview.

minniewong avatar minniewong commented on May 26, 2024

TRMM Precipitation Rate and IMERG Rain and Snow Rates should now be available in GIBS/Worldview. See GIBS-3229.

from worldview.

Benjaki2 avatar Benjaki2 commented on May 26, 2024

I tried to do dotted lines and a line with a border but both results were too eye-catching. If you look below, I have example color-inverse implementations to make ticks more visible.

Tick mark color based on inverse of current color
Screen Shot 2019-09-04 at 3 24 47 PM

Light or dark gray tick marks (based on current color)
Screen Shot 2019-09-04 at 4 00 56 PM

Plain black tick marks
Screen Shot 2019-09-04 at 3 22 44 PM

from worldview.

Benjaki2 avatar Benjaki2 commented on May 26, 2024

Notes from Dev meeting:

  • Try adding white ticks on the top and black ticks on the bottom
  • Try adding ticks outside the color-bar
  • exclude ticks from certain products (e.g. 12-bin products) and always show them for products with logarithmic scales

from worldview.

Benjaki2 avatar Benjaki2 commented on May 26, 2024

Updated styling:

Ticks outside of colorbar:
Screen Shot 2019-09-06 at 2 26 49 PM
White and black ticks:
Screen Shot 2019-09-06 at 12 53 23 PM

from worldview.

Benjaki2 avatar Benjaki2 commented on May 26, 2024

Shorter ticks outside the colorbar
Screen Shot 2019-09-09 at 10 24 01 AM

from worldview.

Related Issues (20)

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.