Creating a custom data visualization using Vega visualization grammar - Warming Stripes

In this video, I demonstrate how to create a custom data visualization using the Vega visualization grammar. An example I'm reproducing in the video is my implementation of the Warming Stripes.
Example Vega JSON code: github.com/avatorl/Deneb-Vega...
00:00 Introduction
01:55 Creating Vega specification
06:38 "data" - loading data from CSV
08:09 "scales" - data values to pixels
16:27 "marks" - visual elements
27:09 a scale for the color scheme
32:01 "axes" - ticks and labels
40:45 2nd axis (baseline period)
50:31 "legends"
58:01 "title" and "subtitle"
1:04:05 "hover" - interactivity
1:05:57 2nd scale + axis ("thermometer")
1:15:05 Final comments

[@PLara-tf4eg]

"I totally love it! I created something similar using the native Power BI bar and conditional color, where each bar represents 1 minute of data from a SAG mill. The color bar ranges from 0 to the maximum, and the entire X-axis spans 24 hours, totaling 1440 bars.
The issue is that with a large amount of data, the native bar chart starts to sample the data, resulting in spaced-out bars instead of a continuous representation. My intention was to have it resemble a heatmap, but currently, the bars appear disjointed.

[@thesatwikshenoy]

Finally we have some one who is posting some serious Vega work and teaching the world to be "Viz"ards :D. Thank you that you exist!

[@ivancordova9096]

Muchas gracias por el video, agregado a favoritos...Saludos desde Perú.

[@power-of-bi]

Thank you for the comment

[@kasunmanchanayake5550]

Wow this is awesome Andrzeg. But how we can use the same in Power BI Inside Deneb

[@power-of-bi]

Thanks. Import the .csv data file into Power BI and load into Deneb "dataset" deneb-viz.github.io/dataset. I'll make a video.

[@power-of-bi]

ua-cam.com/video/oun2V09Dbt8/v-deo.html