Skip to main content
SimilarExport ZIP
100%

PowerBI theme which uses Sparks font for sparkline rendering in matrix/pivot tables

✓ Published0🌍 Public
HHugoberry
Last edited Mar 21, 2021
Created on Mar 21, 2021

This example demonstrates how a Power BI theme can repurpose the Sparks font family to render inline sparklines directly inside matrix and pivot table cells, replacing traditional numeric values with compact bar or dot visualizations. The theme defines three visual style variants—Default, Condensed, and Sparse—each applying a different Sparks typeface, such as "Sparks Bar" or "Sparks Dot Large Regular," to the table's values. It also adjusts row padding and background colors for alternating rows, while keeping column headers consistent. The configuration uses Power BI's JSON-based visualStyles schema, targeting the pivotTable visual and its values, grid, and columnHeaders properties.

AI-generated description

Similar vizzes

Loading thumbnail…

Exploring displaying microcharts and sparklines in table/matrix visual in PowerBI

This example demonstrates how to embed a wide range of microcharts and sparklines directly into Power BI table and matrix visuals using a single DAX measure. The measure returns a text string composed of Unicode block characters, which the visual renders as the final chart. The code includes a calculation table with pattern definitions for bar charts, bullet charts, win/loss charts, dot plots, candlestick charts, and horizontal comparison bars, each using characters like blocks, circles, and lines. The approach requires no external libraries, relying solely on DAX string manipulation and the native Unicode font rendering in the Power BI visual.

HHugoberry
75% match
Loading thumbnail…

PowerBi

This example presents a series of Power BI-style data visualizations, including bar charts, scatter plots, and trend analyses, which users can select via buttons. It uses the Chart.js library to render a canvas-based bar chart and loads pre-generated SVG files from GitHub for other chart types. The interface is built with HTML, CSS, and vanilla JavaScript, with event listeners managing the display of either the canvas chart or an SVG image.

Ssannihitha.k23@gmail.com
68% match
Loading thumbnail…

Gist ba3a80c35942582d77235e9fb4173416

This example shows a small, inline sparkline generated as a Scalable Vector Graphic (SVG) image URL from a Power BI measure. It plots a measure’s values over time for a single category, mapping each date to an X coordinate and each value to a Y coordinate within a 100×100 viewBox. The code uses DAX variables like `MINX`, `MAXX`, and `SUMMARIZE` to compute the normalized coordinates, then concatenates them into a `polyline` string. The result is rendered as a data URI with `data:image/svg+xml;utf8`, relying on the table’s `Date` and `Category` fields.

HHugoberry
66% match
Loading thumbnail…

Smooth line chart in Power BI

This example demonstrates a smooth line chart built in Power BI, where a dataset of ten numeric pairs is generated and plotted as a continuous, curved trend. The visualization highlights how Power BI can transform raw tabular data into an aesthetically refined line graph using a custom data-shaping query. The underlying implementation relies on a Power Query (M) script that constructs a table with columns `a` and `b`, populating `b` with random numbers via `List.Accumulate` and `Number.Random`. The chart’s smoothness comes from Power BI’s built-in line smoothing, applied to the rendered series. This approach shows how simple data generation combined with native charting capabilities can produce polished, interactive analytics.

HHugoberry
60% match
Loading thumbnail…

PBIX deconstruction of Power BI files

This example deconstructs a Power BI (.PBIX) file by parsing its internal JSON layout and data transformation metadata, then reconstructing the report page as an interactive scatter plot. The visualization parses the file’s sections, visual containers, and query definitions, extracting coordinates, dimensions, and the visual’s configuration (including projections and aggregation) to determine plot placement. The scatter plot maps the X and Y axes to count aggregations of fields from Query1, with categories and series driven by the Z field and its clustered groups; the accompanying structure mirrors the source’s raw layout JSON, highlighting how Power BI’s internal model maps to rendered elements. The result is a deconstructed view of a Power BI report, illustrating the relationship between the report's serialized metadata and the visual output.

HHugoberry
60% match
Loading thumbnail…

Make it pretty - Playing around with CSS, SVG, Animated CSS in Jupyter Notebook

This example demonstrates how to style and animate pandas DataFrames within a Jupyter Notebook using custom CSS and SVG. It applies a fantasy font, colored table headers and cells, and integrates the animate.css library to add animated effects like bouncing. The code injects CSS rules directly into the notebook’s HTML output, transforming standard table rendering into a more visually engaging presentation.

PP3nny
59% match
Loading thumbnail…

Gist 599b117350a329c9046f68ae0ce1e21a

This example visualizes a k-means clustering result over a set of data points, showing how the algorithm partitions the space into distinct clusters based on two measured attributes. The chart is generated from a Power BI DAX query that first summarizes the source table `Query1` by summing the X and Y values for each category Z, then feeds those aggregated coordinates into the `KMeansClustering` function. The output assigns a `ClusterId` to each point, which the visualization likely encodes through color or position. The rendering relies on Power BI’s built-in visual engine rather than a custom JavaScript library, as no D3 or Canvas code appears in the provided DAX.

HHugoberry
59% match
Loading thumbnail…

AwesomeFace drawing in Power BI

This piece uses a trigonometric Fourier-series approximation to draw a cartoon smiley face in Power BI. The M query generates a table of 501 parameter values, while two DAX expressions compute x and y coordinates as sums of sine harmonics, each gated by sign-based window functions to segment the face into distinct arcs. The result is a procedural line-drawing rendered as a scatterplot, with the parametric equations encoded directly in DAX and Power Query.

HHugoberry
59% match