add tick vis, adjust lightness of bars vs ticks/dots

[sgratzl]

closes #495

prerequisites:

• branch is up-to-date with the branch to be merged with, i.e. develop
• build is successful
• code is cleaned up and formatted

Summary

also add a categorical tick version (part of #488 )

[netlify]

✔️ Deploy Preview for lineupjs ready!

🔨 Explore the source changes: 8f2093f

🔍 Inspect the deploy log: https://app.netlify.com/sites/lineupjs/deploys/61cb149a63e42600077d45a7

😎 Browse the preview: https://deploy-preview-514--lineupjs.netlify.app

[thinkh]

From the specification it looks fine. However, the ticks that are at the left or right border of the cell are cut-off and look thinner. Does it make sense to shift the tick slightly so that it is always completely visible?

@alexsb Please have a look at the netlify preview and answer the following questions:

1. Does the visualization title "Tick" makes sense for you?
2. General question: when would you use the tick visualization? To me the (default) bar visualization works much better:

Ticks

Bars

[alexsb]

Second @thinkh on the small ticks on the side - I wouldn't shift a tick though, but maybe make the render area a bit bigger (or the scale's region) so that this doesn't happen.

Re name: I think "tick" is good. Vega also uses that term: https://vega.github.io/vega-lite/docs/tick.html

[alexsb]

I've created a related issue in #524 related to labeling for selected columns.

[alexsb]

Also see #525 for a related issue regarding appearance/darkness

[sgratzl]

changes:

• fixes Adjust darkness for various elements #525 - adjust lightness and smaller NA marker
• add labels for dot and ticks

[alexsb]

Nice!

Here are two examples:

I'd say the ticks appear a bit darker than the dots, and the bars appear a bit lighter than the dots. So maybe try decreasing lightness for the bars and increasing lightness for the ticks a bit.

[sgratzl]

take a look:

[alexsb]

That looks great!

[alexsb]

Michael, this is ready to review and merge.

[puehringer]

Looks good to me!