loading...
Cover image for Vega Unfurl Slack app

Vega Unfurl Slack app

tarasnovak profile image dataPixy πŸ§šβ€β™‚οΈ ・Updated on ・2 min read

So, I did start working on this Vega unfurl Slack app last week.

Should I finish it?

Usage Example

  1. Paste this Vega-Lite Bar Chart JSON spec example into online Vega Editor:
{
  "$schema": "https://vega.github.io/schema/vega-lite/v4.json",
  "title": "Bar Chart",
  "description": "A simple bar chart with embedded data.",
  "data": {
    "values": [
      {"a": "A", "b": 28}, {"a": "B", "b": 55}, {"a": "C", "b": 43},
      {"a": "D", "b": 91}, {"a": "E", "b": 81}, {"a": "F", "b": 53},
      {"a": "G", "b": 19}, {"a": "H", "b": 87}, {"a": "I", "b": 52}
    ]
  },
  "mark": "bar",
  "encoding": {
    "x": {"field": "a", "type": "ordinal"},
    "y": {"field": "b", "type": "quantitative"}
  }
}
  1. Click Share in Vega Editor to copy encoded vega spec URL.

  2. Paste vega spec URL into a Slack channel in a workspace with the installed vega-unfurl app.

You should see that shared link expended with a new attachment containing vega chart title, description and json schema information extracted from the shared encoded link.

Vega Unfurl Example

References

Everything you ever wanted to know about unfurling ...

All will be revealed ...

Unfurling links in messages

Slack Events API

Developing Slack apps locally

Discussion

pic
Editor guide
Collapse
tarasnovak profile image
dataPixy πŸ§šβ€β™‚οΈ Author

I added data links to that Vega spec slack msg unfurl attachment ...

Will add png snapshot gen. next.

Collapse
tarasnovak profile image
dataPixy πŸ§šβ€β™‚οΈ Author

might get back to it this weekend ...