[Deneb Question] How to create rectangle borders on specific values?

[Greg]

Hi Claudio:

I used a similar technique with a “rect” mark at the desired coordinates with separate stroke and fill colours in a recent post to the Deneb Showcase forum section.

Deneb Example - Line Chart with Min-Max Variance

There have been a few examples recently where native Power BI line charts have had their value increased through the addition of variance intervals between two points. Gustaw Dudek: Chandeep Chhabra: Here’s another take on such an augmented line chart showing the maximum and minimum of each selected date range using Deneb. All calculations are done in-visual in Deneb/Vega-Lite; no Power BI calculations (DAX) are used. This example illustrates a number of Deneb/Vega-Lite features…

Here’s the code snippet for the mark in my example:

        {
          "name": "NOTE_HORIZONTAL_RECTANGLE",
          "mark": {
            "type": "rect",
            "width": 100,
            "height": 40,
            "align": "center",
            "baseline": "middle",
            "stroke": "#969696",
            "fill": "white"
          },
          "encoding": {
            "x": {
              "field": "_note_x",
              "type": "temporal"
            },
            "y": {
              "field": "_note_y",
              "type": "quantitative"
            }
          }
        },

You can add a cornerRadius property with value as desired.

Rect

Hope this helps.
Greg