Add Examples

[kanitw]

See contributing.md for how to create examples.

Here are some ideas for replicating examples (you're welcomed to create your own examples too, as long as the new examples are different from what we already have in the gallery).

If you replicate examples from other libraries, please make sure to credit them using the description property of a specification.

Replicate Vega Example in Vega-Lite

• List ones that can/should be replicated

See https://vega.github.io/vega/examples/ for more

Easy?

• https://vega.github.io/vega/examples/annual-temperature/
• https://vega.github.io/vega/examples/earthquakes/
• https://vega.github.io/vega/examples/reorderable-matrix/ (without re-ordering)
• customized legend location with orient: "none" and custom encoding.legend.x/y
• boxplot with category on one axis (e.g. penguin species)

Advanced Calculation

• Top-K Plot with "Others"

Advanced Customization

• https://vega.github.io/vega/examples/wheat-plot/

• http://data-illustrator.com/gallery.php has a lot of beautiful visualizations. Many of them should be reproducible in Vega-Lite, so this would be a fun exercise.

Layer

• https://vega.github.io/vega/examples/wheat-and-wages/
• Layered Histogram
• Waterfall chart
• Bullet Chart Add bullet chart example #3717
• Funnel Charts

Facet

• https://vega.github.io/vega/examples/annual-temperature/
• Ridgeline Plot -- need to allow customizing range and layout

Concat

• Marginal histograms [Marginal histograms #3297]

Advanced Visual Encoding

• Line chart with red color for negative and with one point at the end
  
• bar with negative values Create bar with negative value example #1418

Geo

• Something that is not the US
• Bubble map https://beta.observablehq.com/@mbostock/d3-bubble-map
• World Airports Voronoi Map https://www.jasondavies.com/maps/voronoi/airports/

Replicate Protovis Example

• List ones that can/should be replicated

Replicate D3 Example

Replicate Seaborn Examples

https://seaborn.pydata.org/introduction.html

• List ones that can/should be replicated

Inspirations

• https://uber.github.io/react-vis/#/examples/charts/showcase has some interesting examples that we can do as well.
• https://app.datawrapper.de/chart/Q9Lfq/visualize and other charts from the datawrapper blog

Other Charts

• Grouped Bar using facet of hconcat
• Stepped Area Chart Stepped Area Chart #1579

Interactive Plots

• scatter plot with cross hair on mouseover
• line chart with voronoi crosshair highlight and with daily delta – (like on "chart" of Yahoo finance)
• Add interesting examples from the infovis paper and the OVC talk.
• Add https://observablehq.com/@markwhiting/votes-over-time by @markwhiting

Replicate Other Kinds of Interactions

• http://uber.github.io/react-vis/#/documentation/overview/interaction