Skip to content

Repository files navigation

vegaviz gallery preview

vegaviz

The only Vega & Vega-Lite chart gallery you need.
Copy-paste specs into Power BI Deneb or anywhere else.

Live Gallery269+ ChartsStarsMIT License

vega-lite · vega · deneb · power-bi · data-visualization · charts


What is this?

A curated collection of 269+ ready-to-use Vega-Lite and Vega chart specs — 23 originals plus 246 community contributions from 10 open-source repositories — designed for:

  • Power BI Deneb custom visual (primary target)
  • Vega Editor for standalone exploration
  • Any platform that renders Vega/Vega-Lite specs

Every chart includes a complete usermeta block so you can import it directly as a Deneb template with field mapping.

Charts

CategoryOriginalCommunityTotalHighlights
Bar34952Grouped, Stacked, Diverging, IBCS, Top-N, Variance
Line42630Multi-Line, Actual vs Target, Cumulative, Sparkline, Slope, Fan, Forecast
Scatter22123Bubble, Boxplot + Jitter, Raincloud, Violin, Regression, Beeswarm
Donut12223Donut, Ring, Patterned Doughnut, IBCS Donut, Multi-Layered, Orbital
Heatmap22123Matrix, Calendar, Risk Matrix, RACI, BCP Risk
Map1212Spike Map, Hex Map, Globe, Choropleth, Election Maps
Network99Force-Directed, Org Tree, Circle Packing, Radial Tree, Tidy Tree
Gantt178Gantt with today marker, Hierarchical Gantt, Timeline
KPI167KPI Card, Linear Gauge, Progress Bar, Conditional Cards
Combo145Bar + Line dual axis, Image Labelled, Radial Combo
Waffle134Percentage grid, Unit Charts
Waterfall134Cumulative steps, Financial Waterfall, Period Variance
Bullet123Actual vs Target ranges, Lipstick Column
Dumbbell123Two-value connected dot comparison
Funnel11Stage-based narrowing
Sankey11Income Statement flow
Other26062Tadpole, Rank/Bump, Du Bois Challenges, Nightingale Rose, Fireworks, Parliament
Total23248271

Quick Start

In Power BI Deneb

  1. Open the gallery and find a chart you like
  2. Click Copy Spec to copy the full JSON
  3. In Power BI, add a Deneb visual to your report
  4. Paste the spec into the Deneb editor
  5. Map your Power BI fields to the __FieldName__ placeholders

In Vega Editor

Click Vega Editor on any card in the gallery to open it directly in the online editor with live preview.

Project Structure

charts/
bar/ Grouped, stacked, diverging (originals)
line/ Line, area, sparkline, actual vs target
scatter/ Scatter, bubble, boxplot + jitter
donut/ Donut and pie
heatmap/ Matrix heatmap, calendar view
... (+ gantt, bullet, kpi, waffle, waterfall, funnel, combo, other)
community/ 246 specs from 10 open-source repositories
bar/ IBCS, Top-N, variance, infographic columns
line/ Slope, fan, forecast, stream, ridgeline
scatter/ Raincloud, violin, regression, beeswarm
donut/ Ring, patterned, orbital, multi-layered
heatmap/ Risk matrix, RACI, BCP risk
map/ Spike, hex, globe, choropleth, election
network/ Force-directed, org tree, circle packing
gantt/ Hierarchical gantt, timeline
kpi/ Linear gauge, progress bar, conditional cards
... (+ combo, waffle, waterfall, bullet, sankey, other)
templates/ Frozen base templates and Power BI theme configs
data/sample/ Sample datasets for testing (sales, timeseries, kpi)
ai_docs/ Deneb API reference for agents and contributors
docs/ Screenshots and assets

Deneb Compatibility

  • Targets Deneb 1.9 (Vega 6.2.0 / Vega-Lite 6.4.1)
  • All specs use "data": {"name": "dataset"} for Deneb data binding
  • Responsive sizing with "width": "container" / "height": "container"
  • Power BI theme colors via pbiColorNominal, pbiColor(index), etc.
  • Template placeholders use __FieldName__ pattern for field mapping

Community Sources

The gallery includes 248 community chart specs imported from these open-source repositories. Each spec retains full attribution in its usermeta.information.source field.

SourceChartsDescription
PowerBI-tips/Deneb-Templates59Community Deneb templates: bar, scatter, heatmap, gantt, radial, raincloud, slope, tree, and more. Authors include Kerry Kolosko, Daniel Marsh-Patrick, Pha Nguyen, and others.
PBI-DataVizzle/Deneb43Deneb templates and snippets: IBCS charts, donut variants, heatmaps, bar/line combos, progress bars, and column charts with images.
PBI-David/Deneb-Showcase33Advanced Vega visualizations: sankey, parliament, force-directed graph, org tree, waffle, bubble, beeswarm, mekko, infographic, fireworks, and starfield.
avatorl/DataViz-Vega24Vega data art and visualizations by Andrzej Leszkiewicz: nightingale rose, radar, fan chart, warming stripes, globe, population pyramid, and IBCS three-tier.
Flynnxx1/Deneb-Vega-Showcase22Showcase by Ying Fu: Du Bois Challenge 2025 (10 entries), doomsday clock, NL cycling map, US election map, rotatable globe, sleep visualization.
shadfrigui/vega-lite21Vega-Lite visualizations by Shad Frigui: variance analysis, spike maps, FDA inspections, premier league predictions, Du Bois challenge, bullet-like charts.
alexbadiu-insightsinmotion/PBI-Documentation17Professional Deneb templates by Greg Philps: space-saving bar, bullet chart, heat map with marginals, linear gauges, IBCS performance, violin, regression, correlation, waterfall.
DL0K-pbi/PMO_toolkit11PMO toolkit by Devon Locher: project risk matrix, BCP risk matrix, Gantt chart, quarterly timeline, RACI matrix — all extracted from Power BI .pbix files.
Giammaria/Vega-Visuals8Advanced Vega specs by Madison Giammaria: hierarchical gantt (v1 & v2), zoomable circle packing, serpentine timeline, bar brushing, radial line combo.
Giammaria/Vega-Lite-Techniques8Vega-Lite techniques by Madison Giammaria: dynamic data labels, light/dark mode, automatic radial label rotation, contextual y-axis, date explosion, word wrapping.

Inspiration & References

This project builds on the incredible work of the Deneb and Vega communities:

ResourceDescription
deneb-viz/denebThe Deneb custom visual for Power BI. Source of truth for data binding, usermeta schema, custom expressions (pbiColor, pbiFormat), and runtime versions.
PBIQueryous/DenebCommunity templates for bar, line, heatmap, IBCS, donut, and dumbbell charts.
thysvdw.github.io25+ Deneb chart tutorials covering sparklines, bullet charts, boxplots, rank/bump, calendar views, tadpole, and gantt charts.
data-vogue.comData visualization showcase and Deneb chart inspiration.
vega/vega-liteThe Vega-Lite specification and compiler.
vega/vegaThe Vega visualization grammar.

If you have a Deneb chart repo or tutorial that should be listed here, open an issue or PR.

Contributing

  1. Pick a chart type from the charts/ directory (or create a new category)
  2. Copy templates/base/vegalite-base.json as your starting point
  3. Use __FieldName__ placeholders and pbiColor schemes
  4. Test in Vega Editor with sample data
  5. Submit a PR with your spec

Star History

Star History Chart

License

MIT

About

The ultimate Vega & Vega-Lite chart gallery. Ready-to-use specs for Power BI Deneb and beyond. Browse, copy, paste.

Topics

Resources

Code of conduct

Contributing

Stars

3 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors