Skip to main content
SimilarExport ZIP
100%

Gist ba3a80c35942582d77235e9fb4173416

✓ Published0🌍 Public
HHugoberry
Last edited Aug 10, 2018
Created on Aug 11, 2018

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.

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
72% match
Loading thumbnail…

Gist 6aa3450d9b856251aaedccbfbb552622

This visualization generates two concentric, spiral-like polylines from tabular data, with each line tracing a sequence of points along a circular path. The first series sweeps through a wide angular range, while the second covers a narrower band, creating a layered, oscillating pattern. The rendering relies on Power Query’s `#table` constructor to build the dataset and a custom `List.Accumulate` function to compute each point’s coordinates based on a category, step count, and angular start/end values. The resulting shape emphasizes the geometric relationship between the two angular intervals, showing how a simple parametric function can produce a visually rhythmic composition.

HHugoberry
70% 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
70% match
Loading thumbnail…

Gist bb8fddc4a5fc3cc60c99

A line chart maps a small array of ten numbers to an SVG path, showing how the values fluctuate across a linear sequence. The visualization uses a red, unbroken polyline to emphasize the shape of the data, with the y-axis scaled from the data’s minimum to maximum and the x-axis evenly spaced by index. The code creates the chart using d3.scale.linear for both axes and d3.svg.line to generate the path, which is appended to an SVG container via d3.select and datum. The fixed width and height of 500 pixels define the plotting area, while the stroke and fill styles come from a CSS class.

CCaged
69% match
Loading thumbnail…

Gist 34bad0b124f4effdf99d5555cb3222d8

This example shows how spatial relationships between geographic features can be explored through an interactive map. It uses D3.js with `d3.geoPath` to render country outlines from a GeoJSON source, while a force-directed layout via `d3.forceSimulation` positions non-overlapping markers for data points. The visualization computes marker placement on a Canvas, reading pixel colors with `getImageData` to detect land versus water and ensure points remain on landmasses. Hover interactions trigger a tooltip and highlight neighboring regions, with smooth transitions handled by `transition.attrTween`. The data originates from a public GitHub gist and is embedded in a Power BI report, where the canvas is updated on each zoom or pan event.

HHugoberry
67% match
Loading thumbnail…

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

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.

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
66% match
Loading thumbnail…

Gist 4d1f4b4dc3b5e7c1353bd9ae3059b33a

This example visualizes a parametric curve in the shape of a fish, plotted from 100 discrete points. The code computes the x and y coordinates using trigonometric functions—x as `2*(cos(t) - (sin(t)^2)/sqrt(2))` and y as `2*sin(t)*cos(t)`—over a range of t from 0 to 2π. The data is generated in Power Query M, with the `Fish.M` table using `List.Accumulate` to create the point indices, while the DAX measures `Fish.dax xt` and `yt` supply the coordinate formulas. The rendering relies on the table’s `#table` constructor, though the drawing itself is not shown in the gist, focusing instead on the data preparation and coordinate transformation.

HHugoberry
66% match