Introduction
With the introduction of Fabric Apps at the Build conference this week, Fabric now natively supports visualization libraries like Vega, Vega-Lite, and. D3.js. In celebration, we are doing a Vega-Lite challenge. This week we are making a wind vector map. This map shows how wind speed and direction change across a region, using colors and arrows to help you spot clear patterns at a glance.
Dataset
You can download the wind speed CSV file from the Vega Github repo:
https://github.com/vega/vega/blob/f436c6727018c7bfb41dce846b5746f7a494f7cd/docs/data/windvectors.csv
Requirements
- Use the Deneb visual to create a wind vector map.
- Use both color and mark size to indicate speed.
- Use mark angle (rotation) to indicate speed direction. I used a wedge for the mark, so the smaller end points to the direction from which the wind blows.
- Choose your own color scheme, just make sure it effectively shows the wind speed patterns. I used viridis.
- Create a legend to explain the meaning behind the color, size, and angle. The legend can be inside of the Deneb visual or in another visual on the page.
Share
After you finish your workout, share on BlueSky or LinkedIn using the hashtags #WOW2026 and #PowerBI, and tag @MMarie, @shan_gsd, @KerryKolosko (on BlueSky).