/Deneb-Showcase

Primary LanguageJavaScriptMIT LicenseMIT

Deneb-Showcase

This is a collection of advanced dataviz examples using Vega, Vega-Lite, Deneb and Power BI. All the work is original and where this has been inspired by the work of others, I have pointed this out.

Bank Failure Bubble Chart

I thought it would be interesting to plot the recent bank failures (as reported and managed by FDIC) against those from 2008.

Online editor (absolute)

Online editor (inflation adjusted)

Calendar Heatmap

A template for a multi-year calendar using Vega-Lite.

Inspired by the amazing Mike Bostock.

Online Editor

Covid Map

An animated map using Vega showing the spread of Covid-19 across the UK using data from https://coronavirus.data.gov.uk/.

Topojson can be a bit tricky to get working in the certified Deneb visual (no loading from external sources) but the .pbix below shows this can be done by embedding the topojson inline.

Online Editor (click to start)

Deneb Bubble Text

A fun animation showing transition between different words using Vega. Text co-ordinates were genenerated using P5.

Online Editor (click to start)

Inspired by the amazing Daniel Shiffman at The Coding Train.

Fireworks

An experiment using Vega to create a firework simulation.

Online Editor (click to start)

Inspired by the amazing Daniel Shiffman at The Coding Train.

Gantt Chart

A Gantt chart implemented in Vega.

Online Editor

Pancake Spider Chart

A faceted spider chart which was my winning submission to a competition using a BBC Good Food pancake recipe dataset and built with Deneb, Vega and PowerBI. In Vega, each axis can have its own scale which is essential for comparing different dimensions.

Online Editor

Parliament Chart

A parliament chart created using Vega.

Online Editor

Inspired by the amazing Flerlage Twins

S&P Beeswarm Chart

An animated beeswarm chart of the S&P performance from 07/07/21 - 06/07/22 made using Vega. The result can be quite hypnotic! Data was sourced from Yahoo Finance and scraped using Power Automate Desktop.

Online Editor

Sankey Chart

Sankey charts (allvuial charts) are great for visualising a business process or simplifying a complex data flow like Microsoft’s FY23 Q2 income statement.

It is very configurable and I’ve tried to account for as many edge cases I can think of.

Online Editor

Inspired by:

https://www.sankeyart.com/sankeys/public/142/

Starfield

A fun experiment using Vega to create a starfield simulation.

Online Editor (click to start)

Inspired by the amazing Daniel Shiffman at The Coding Train.

Unit Charts

Unit charts can be an engaging and eye catching tool to have in an analyst’s toolbox. Here's two created using Vega and Vega-Lite

Online Editor 1

Online Editor 2

Variance Chart

A useful variance chart created using Vega-Lite showing actuals, forecasts (or budgets), absolute variance and percentage variance.

Online Editor

Waffle Charts

Waffle charts break a lot of dataviz best practices but sometimes, you just need a striking visual to make the numbers stand out and pop in a report. They can also be ideal for infographics.

As well as the faceted percentage example below, I have also included versions for faceted absolute, stacked absolute and stacked percentage as each have their place.

Online Editor