Skip to content

Instantly share code, notes, and snippets.

View PBI-DataVizzle's full-sized avatar
💭
Shizzle my Vizzle 🤓

Imran Haq PBI-DataVizzle

💭
Shizzle my Vizzle 🤓
View GitHub Profile
@PBI-DataVizzle
PBI-DataVizzle / bar_with_labels_and_CF_v2.json
Last active December 22, 2023 08:44
bar_with_labels_and_CF_v2
{
"$schema": "https://vega.github.io/schema/vega-lite/v5.json",
"description": "A simple bar chart with conditional coloring for the highest and lowest values and data labels.",
"width": 350,
"data": {
"values": [
{"a": "A", "b": 2800000},
{"a": "B", "b": 5500000},
{"a": "C", "b": 4300000},
{"a": "G", "b": 1900000},
@PBI-DataVizzle
PBI-DataVizzle / bar_with_labels_and_CF.json
Last active December 22, 2023 08:29
bar_with_labels_and_CF
{
"$schema": "https://vega.github.io/schema/vega-lite/v5.json",
"description": "A simple bar chart with conditional coloring for the highest and lowest values and data labels.",
"data": {
"values": [
{"a": "A", "b": 2800},
{"a": "B", "b": 5500},
{"a": "C", "b": 4300},
{"a": "G", "b": 1900},
{"a": "H", "b": 8700},
@PBI-DataVizzle
PBI-DataVizzle / vl_bar_hover_and_cf.json
Created December 22, 2023 08:13
vl_bar_hover_and_cf
{
"$schema": "https://vega.github.io/schema/vega-lite/v5.json",
"description": "A simple bar chart with conditional coloring for the highest value.",
"data": {
"values": [
{"a": "A", "b": 28},
{"a": "B", "b": 55},
{"a": "C", "b": 43},
{"a": "G", "b": 19},
{"a": "H", "b": 87},
@PBI-DataVizzle
PBI-DataVizzle / spec.json
Created November 20, 2023 06:48 — forked from Giammaria/spec.json
20231115_faceted_bar_dynamic_labels_vl
{
"$schema": "https://vega.github.io/schema/vega-lite/v5.json",
"transform": [
{"filter": "indexof(selectedDepartments, datum['Department']) >=0"},
{"fold": ["Budgeted $", "Paid $"]},
{
"joinaggregate": [
{"op": "min", "field": "value", "as": "min"},
{"op": "max", "field": "value", "as": "max"}
],
@PBI-DataVizzle
PBI-DataVizzle / spec.json
Created November 20, 2023 06:43 — forked from Giammaria/spec.json
20230330_word_wrap
{
"$schema": "https://vega.github.io/schema/vega-lite/v5.json",
"title": {
"text": "A Peek Inside The Mind",
"subtitle": ["of Michael Scott"],
"orient": "top",
"align": "center",
"anchor": "middle",
"fontSize": 22,
"subtitleFontSize": 16
5x5 Waffle =
VAR _max = 500
VAR _actual = 120
VAR _waffles = ROUND((_actual/_max) * 50, 0)
VAR _gray = "#7A7979"
VAR _red = "#FF0000"
VAR _header = "data:image/svg+xml;utf8,<svg width=""200"" height=""200"" viewBox=""0 0 200 200"" fill=""none"" xmlns=""http://www.w3.org/2000/svg"">
<rect width=""200"" height=""200"" fill=""white""/>"
VAR _footer = "</svg>"
Pie Card =
// set the actual value
VAR _actual = 120
// set the target
VAR _max = 150
// determine the pct
VAR _pct = _actual/_max
bullet =
// set a percentage for underachieving score
VAR _bad = .5 // set a percentage for sat score
VAR _sat = .75 // target will be 100%
VAR _target = 1 // max width set at 500 in case actual is over 100%
VAR _max_width = 500 // set actual percentage
VAR _actual = 1.2 // figure out ratio for underperforming area
VAR b_ratio = _bad * _max_width // figure out ratio for sat area
VAR s_ratio = _sat * _max_width // figure out ratio for target line
VAR t_ratio = _target * _max_width // figure out ratio for actual and ensure it is not larger than default width of svg
ONS =
{
("W07000081", "Aberafan Maesteg" ),
("W07000082", "Alyn And Deeside" ),
("W07000083", "Bangor Aberconwy" ),
("W07000084", "Blaenau Gwent And Rhymney" ),
("W07000085", "Brecon, Radnor And Cwm Tawe" ),
("W07000086", "Bridgend" ),
("W07000087", "Caerfyrddin" ),
("W07000088", "Caerphilly" ),
// white wine dataset used from http://archive.ics.uci.edu/dataset/186/wine+quality
{
"data": {
"name": "dataset"
},
"params": [
{
"name": "grid",
"select": "interval",