Gallery - nyurik/vega GitHub Wiki
This wiki documents Vega version 2. For Vega 3 documentation, see vega.github.io/vega.
This page collates examples of Vega visualizations created by the broader community, to complement the ones found in the Vega Live Editor. Feel free to edit the page and add your own!
<td width="33%"><a href="http://sandbox.github.io/demos/nba-shot-chart-vega/">Interactive NBA Shot Chart</a> by <a href="http://sandbox.github.io/">John Le</a><br><a href="http://sandbox.github.io/demos/nba-shot-chart-vega/"><img width="100%" src="http://imgur.com/k7pIn8A.png"></a></td>
<td width="33%"><a href="https://gist.github.com/randyzwitch/d21302555eedcc088ade">Waterfall Chart</a> by <a href="http://randyzwitch.com">Randy Zwitch</a><br><a href="https://gist.github.com/randyzwitch/d21302555eedcc088ade"><img width="100%" src="http://i.imgur.com/xj27L8H.png"></a></td>
</tr>
<tr>
<td width="33%"><a href="https://gist.github.com/randyzwitch/086dbceb2c389ee2c8e1">Rugplot</a> by <a href="http://randyzwitch.com">Randy Zwitch</a><br><a href="https://gist.github.com/randyzwitch/086dbceb2c389ee2c8e1"><img width="100%" src="http://i.imgur.com/ICLUhlT.png"></a></td>
<td width="33%"><a href="http://bl.ocks.org/iaindillingham/8bac462308a66341c217">Scatterplot</a> by <a href="http://dillingham.me.uk/">Iain Dillingham</a><br><a href="http://bl.ocks.org/iaindillingham/8bac462308a66341c217"><img width="100%" src="https://gist.githubusercontent.com/iaindillingham/8bac462308a66341c217/raw/59a879b759cf773dbe58e8904f8db2266590781e/thumbnail.png"></a></td>
<td width="33%"><a href="http://bl.ocks.org/iaindillingham/0683f7ddb90c263c6d92">Linked Views</a> by <a href="http://dillingham.me.uk/">Iain Dillingham</a><br><a href="http://bl.ocks.org/iaindillingham/0683f7ddb90c263c6d92"><img width="100%" src="https://gist.githubusercontent.com/iaindillingham/0683f7ddb90c263c6d92/raw/c7586735da5fbe23e76c165f144c93554dbf3801/thumbnail.png"></a></td>
</tr>
<tr>
<td width="33%"><a href="https://gist.github.com/randyzwitch/229f2cccf5cdaa90b569">Stacked Area 100%</a> by <a href="http://randyzwitch.com">Randy Zwitch</a><br><a href="https://gist.github.com/randyzwitch/229f2cccf5cdaa90b569"><img width="100%" src="http://i.imgur.com/kQv5sKJ.png"></a></td>
<td width="33%"><a href="https://gist.github.com/randyzwitch/1abbc802ea0d25586625">Bubble Chart</a> Based On <a href="http://www.highcharts.com/demo/bubble">Highcharts Example</a> by <a href="http://randyzwitch.com">Randy Zwitch</a><br><a href="https://gist.github.com/randyzwitch/1abbc802ea0d25586625"><img width="100%" src="http://i.imgur.com/PhyYNoD.png"></a></td>
<td width="33%"><a href="https://gist.github.com/randyzwitch/0b7b852f34d0df1884ab">Stream Graph</a> Based On <a href="http://bl.ocks.org/WillTurman/4631136">D3 Example</a> by <a href="http://randyzwitch.com">Randy Zwitch</a><br><a href="https://gist.github.com/randyzwitch/0b7b852f34d0df1884ab"><img width="100%" src="http://i.imgur.com/lsn2D9y.png"></a></td>
</tr>
<tr>
<td width="33%"><a href="http://bl.ocks.org/iaindillingham/428a22f6bac0b78ff1b4">Horizon Chart</a> by <a href="http://dillingham.me.uk/">Iain Dillingham</a><br><a href="http://bl.ocks.org/iaindillingham/428a22f6bac0b78ff1b4"><img width="100%" src="https://gist.githubusercontent.com/iaindillingham/428a22f6bac0b78ff1b4/raw/81eb7debc9c7e7c0f716a0066aa235f088abe588/thumbnail.png"></a></td>
<td width="33%"><a href="https://gist.github.com/randyzwitch/94332e271c16ec73e935">Stem and Leaf Plot</a> by <a href="http://randyzwitch.com">Randy Zwitch</a><br><a href="https://gist.github.com/randyzwitch/94332e271c16ec73e935"><img width="100%" src="http://i.imgur.com/GhLm5PG.png"></a></td>
Box Plot by Randy Zwitch |
Aster Plot based on d3 example by Randy Zwitch |
|
Joint Density Plot by Randy Zwitch |
Multi-layer map with legend and labels by Matt Riggott |
GitHub-style "Punchcard" by Randy Zwitch |
Peak Power Curve comparison by David Liebowitz![]() |