.. This document is auto-generated by the altair-gallery extension. Do not modify directly.

.. _example-gallery:

Example Gallery
---------------

This gallery contains a selection of examples of the plots Altair can create.

Some may seem fairly complicated at first glance, but they are built by combining a simple set of declarative building blocks.

Many draw upon sample datasets compiled by the `Vega <https://vega.github.io/vega/>`_ project. To access them yourself, install `vega_datasets <https://github.com/altair-viz/vega_datasets>`_.

.. code-block:: none

   $ pip install vega_datasets



.. _gallery-category-Simple Charts:

Simple Charts
~~~~~~~~~~~~~

.. raw:: html

   <span class="gallery">
   
   <a class="imagegroup" href="scatter_tooltips.html">
     <span class="image" alt="Scatter Plot with Tooltips" style="background-image: url(/_static/scatter_tooltips-thumb.png);"></span>
     <span class="image-title">Scatter Plot with Tooltips</span>
   </a>
   
   <a class="imagegroup" href="simple_bar_chart.html">
     <span class="image" alt="Simple Bar Chart" style="background-image: url(/_static/simple_bar_chart-thumb.png);"></span>
     <span class="image-title">Simple Bar Chart</span>
   </a>
   
   <a class="imagegroup" href="simple_heatmap.html">
     <span class="image" alt="Simple Heatmap" style="background-image: url(/_static/simple_heatmap-thumb.png);"></span>
     <span class="image-title">Simple Heatmap</span>
   </a>
   
   <a class="imagegroup" href="simple_histogram.html">
     <span class="image" alt="Simple Histogram" style="background-image: url(/_static/simple_histogram-thumb.png);"></span>
     <span class="image-title">Simple Histogram</span>
   </a>
   
   <a class="imagegroup" href="simple_line_chart.html">
     <span class="image" alt="Simple Line Chart" style="background-image: url(/_static/simple_line_chart-thumb.png);"></span>
     <span class="image-title">Simple Line Chart</span>
   </a>
   
   <a class="imagegroup" href="simple_line_chart_with_markers.html">
     <span class="image" alt="Simple Line Chart with Markers" style="background-image: url(/_static/simple_line_chart_with_markers-thumb.png);"></span>
     <span class="image-title">Simple Line Chart with Markers</span>
   </a>
   
   <a class="imagegroup" href="simple_scatter.html">
     <span class="image" alt="Simple Scatter Plot" style="background-image: url(/_static/simple_scatter-thumb.png);"></span>
     <span class="image-title">Simple Scatter Plot</span>
   </a>
   
   <a class="imagegroup" href="simple_stacked_area_chart.html">
     <span class="image" alt="Simple Stacked Area Chart" style="background-image: url(/_static/simple_stacked_area_chart-thumb.png);"></span>
     <span class="image-title">Simple Stacked Area Chart</span>
   </a>
   
   <a class="imagegroup" href="strip_plot.html">
     <span class="image" alt="Strip Plot" style="background-image: url(/_static/strip_plot-thumb.png);"></span>
     <span class="image-title">Strip Plot</span>
   </a>
   
   </span>

   <div style='clear:both;'></div>

.. toctree::
  :hidden:

  scatter_tooltips
  simple_bar_chart
  simple_heatmap
  simple_histogram
  simple_line_chart
  simple_line_chart_with_markers
  simple_scatter
  simple_stacked_area_chart
  strip_plot



.. _gallery-category-Bar Charts:

Bar Charts
~~~~~~~~~~

.. raw:: html

   <span class="gallery">
   
   <a class="imagegroup" href="bar_chart_with_highlight.html">
     <span class="image" alt="Bar Chart with Highlight" style="background-image: url(/_static/bar_chart_with_highlight-thumb.png);"></span>
     <span class="image-title">Bar Chart with Highlight</span>
   </a>
   
   <a class="imagegroup" href="boxplot_max_min.html">
     <span class="image" alt="Box Plot with Min/Max Whiskers" style="background-image: url(/_static/boxplot_max_min-thumb.png);"></span>
     <span class="image-title">Box Plot with Min/Max Whiskers</span>
   </a>
   
   <a class="imagegroup" href="percentage_of_total.html">
     <span class="image" alt="Calculating Percentage of Total" style="background-image: url(/_static/percentage_of_total-thumb.png);"></span>
     <span class="image-title">Calculating Percentage of Total</span>
   </a>
   
   <a class="imagegroup" href="candlestick_chart.html">
     <span class="image" alt="Candlestick Chart" style="background-image: url(/_static/candlestick_chart-thumb.png);"></span>
     <span class="image-title">Candlestick Chart</span>
   </a>
   
   <a class="imagegroup" href="diverging_stacked_bar_chart.html">
     <span class="image" alt="Diverging Stacked Bar Chart" style="background-image: url(/_static/diverging_stacked_bar_chart-thumb.png);"></span>
     <span class="image-title">Diverging Stacked Bar Chart</span>
   </a>
   
   <a class="imagegroup" href="error_bars_with_ci.html">
     <span class="image" alt="Error Bars showing Confidence Interval" style="background-image: url(/_static/error_bars_with_ci-thumb.png);"></span>
     <span class="image-title">Error Bars showing Confidence Interval</span>
   </a>
   
   <a class="imagegroup" href="gantt_chart.html">
     <span class="image" alt="Gantt Chart" style="background-image: url(/_static/gantt_chart-thumb.png);"></span>
     <span class="image-title">Gantt Chart</span>
   </a>
   
   <a class="imagegroup" href="grouped_bar_chart.html">
     <span class="image" alt="Grouped Bar Chart" style="background-image: url(/_static/grouped_bar_chart-thumb.png);"></span>
     <span class="image-title">Grouped Bar Chart</span>
   </a>
   
   <a class="imagegroup" href="aggregate_bar_chart.html">
     <span class="image" alt="Horizontal Aggregate Bar Chart" style="background-image: url(/_static/aggregate_bar_chart-thumb.png);"></span>
     <span class="image-title">Horizontal Aggregate Bar Chart</span>
   </a>
   
   <a class="imagegroup" href="horizontal_stacked_bar_chart.html">
     <span class="image" alt="Horizontal Stacked Bar Chart" style="background-image: url(/_static/horizontal_stacked_bar_chart-thumb.png);"></span>
     <span class="image-title">Horizontal Stacked Bar Chart</span>
   </a>
   
   <a class="imagegroup" href="layered_chart_bar_mark.html">
     <span class="image" alt="LayerChart with Bar and Tick" style="background-image: url(/_static/layered_chart_bar_mark-thumb.png);"></span>
     <span class="image-title">LayerChart with Bar and Tick</span>
   </a>
   
   <a class="imagegroup" href="layered_bar_chart.html">
     <span class="image" alt="Layered Bar Chart" style="background-image: url(/_static/layered_bar_chart-thumb.png);"></span>
     <span class="image-title">Layered Bar Chart</span>
   </a>
   
   <a class="imagegroup" href="mean_overlay_over_precipitiation_chart.html">
     <span class="image" alt="Layered Bar Chart with Line as Mean" style="background-image: url(/_static/mean_overlay_over_precipitiation_chart-thumb.png);"></span>
     <span class="image-title">Layered Bar Chart with Line as Mean</span>
   </a>
   
   <a class="imagegroup" href="layered_plot_with_dual_axis.html">
     <span class="image" alt="Layered Plot with Dual-Axis" style="background-image: url(/_static/layered_plot_with_dual_axis-thumb.png);"></span>
     <span class="image-title">Layered Plot with Dual-Axis</span>
   </a>
   
   <a class="imagegroup" href="normalized_stacked_bar_chart.html">
     <span class="image" alt="Normalized Stacked Bar Chart" style="background-image: url(/_static/normalized_stacked_bar_chart-thumb.png);"></span>
     <span class="image-title">Normalized Stacked Bar Chart</span>
   </a>
   
   <a class="imagegroup" href="bar_chart_with_labels.html">
     <span class="image" alt="Simple Bar Chart with Labels" style="background-image: url(/_static/bar_chart_with_labels-thumb.png);"></span>
     <span class="image-title">Simple Bar Chart with Labels</span>
   </a>
   
   <a class="imagegroup" href="simple_highlighted_bar_chart.html">
     <span class="image" alt="Simple Highlighted Bar Chart" style="background-image: url(/_static/simple_highlighted_bar_chart-thumb.png);"></span>
     <span class="image-title">Simple Highlighted Bar Chart</span>
   </a>
   
   <a class="imagegroup" href="stacked_bar_chart.html">
     <span class="image" alt="Stacked Bar Chart" style="background-image: url(/_static/stacked_bar_chart-thumb.png);"></span>
     <span class="image-title">Stacked Bar Chart</span>
   </a>
   
   <a class="imagegroup" href="trellis_stacked_bar_chart.html">
     <span class="image" alt="Trellis Stacked Bar Chart" style="background-image: url(/_static/trellis_stacked_bar_chart-thumb.png);"></span>
     <span class="image-title">Trellis Stacked Bar Chart</span>
   </a>
   
   </span>

   <div style='clear:both;'></div>

.. toctree::
  :hidden:

  bar_chart_with_highlight
  boxplot_max_min
  percentage_of_total
  candlestick_chart
  diverging_stacked_bar_chart
  error_bars_with_ci
  gantt_chart
  grouped_bar_chart
  aggregate_bar_chart
  horizontal_stacked_bar_chart
  layered_chart_bar_mark
  layered_bar_chart
  mean_overlay_over_precipitiation_chart
  layered_plot_with_dual_axis
  normalized_stacked_bar_chart
  bar_chart_with_labels
  simple_highlighted_bar_chart
  stacked_bar_chart
  trellis_stacked_bar_chart



.. _gallery-category-Line Charts:

Line Charts
~~~~~~~~~~~

.. raw:: html

   <span class="gallery">
   
   <a class="imagegroup" href="layer_line_color_rule.html">
     <span class="image" alt="Line Chart with Layered Aggregates" style="background-image: url(/_static/layer_line_color_rule-thumb.png);"></span>
     <span class="image-title">Line Chart with Layered Aggregates</span>
   </a>
   
   <a class="imagegroup" href="line_percent.html">
     <span class="image" alt="Line Chart with Percent axis" style="background-image: url(/_static/line_percent-thumb.png);"></span>
     <span class="image-title">Line Chart with Percent axis</span>
   </a>
   
   <a class="imagegroup" href="line_with_ci.html">
     <span class="image" alt="Line chart with Confidence Interval Band" style="background-image: url(/_static/line_with_ci-thumb.png);"></span>
     <span class="image-title">Line chart with Confidence Interval Band</span>
   </a>
   
   <a class="imagegroup" href="multi_series_line.html">
     <span class="image" alt="Multi Series Line Chart" style="background-image: url(/_static/multi_series_line-thumb.png);"></span>
     <span class="image-title">Multi Series Line Chart</span>
   </a>
   
   <a class="imagegroup" href="slope_graph.html">
     <span class="image" alt="Slope Graph" style="background-image: url(/_static/slope_graph-thumb.png);"></span>
     <span class="image-title">Slope Graph</span>
   </a>
   
   <a class="imagegroup" href="step_chart.html">
     <span class="image" alt="Step Chart" style="background-image: url(/_static/step_chart-thumb.png);"></span>
     <span class="image-title">Step Chart</span>
   </a>
   
   </span>

   <div style='clear:both;'></div>

.. toctree::
  :hidden:

  layer_line_color_rule
  line_percent
  line_with_ci
  multi_series_line
  slope_graph
  step_chart



.. _gallery-category-Area Charts:

Area Charts
~~~~~~~~~~~

.. raw:: html

   <span class="gallery">
   
   <a class="imagegroup" href="horizon_graph.html">
     <span class="image" alt="Horizon Graph" style="background-image: url(/_static/horizon_graph-thumb.png);"></span>
     <span class="image-title">Horizon Graph</span>
   </a>
   
   <a class="imagegroup" href="interval_selection.html">
     <span class="image" alt="Interval Selection Example" style="background-image: url(/_static/interval_selection-thumb.png);"></span>
     <span class="image-title">Interval Selection Example</span>
   </a>
   
   <a class="imagegroup" href="layered_area_chart.html">
     <span class="image" alt="Layered Area Chart" style="background-image: url(/_static/layered_area_chart-thumb.png);"></span>
     <span class="image-title">Layered Area Chart</span>
   </a>
   
   <a class="imagegroup" href="normalized_stacked_area_chart.html">
     <span class="image" alt="Normalized Stacked Area Chart" style="background-image: url(/_static/normalized_stacked_area_chart-thumb.png);"></span>
     <span class="image-title">Normalized Stacked Area Chart</span>
   </a>
   
   <a class="imagegroup" href="streamgraph.html">
     <span class="image" alt="Streamgraph" style="background-image: url(/_static/streamgraph-thumb.png);"></span>
     <span class="image-title">Streamgraph</span>
   </a>
   
   <a class="imagegroup" href="trellis_area.html">
     <span class="image" alt="Trellis Area Chart" style="background-image: url(/_static/trellis_area-thumb.png);"></span>
     <span class="image-title">Trellis Area Chart</span>
   </a>
   
   </span>

   <div style='clear:both;'></div>

.. toctree::
  :hidden:

  horizon_graph
  interval_selection
  layered_area_chart
  normalized_stacked_area_chart
  streamgraph
  trellis_area



.. _gallery-category-Scatter Plots:

Scatter Plots
~~~~~~~~~~~~~

.. raw:: html

   <span class="gallery">
   
   <a class="imagegroup" href="binned_scatterplot.html">
     <span class="image" alt="Binned Scatterplot" style="background-image: url(/_static/binned_scatterplot-thumb.png);"></span>
     <span class="image-title">Binned Scatterplot</span>
   </a>
   
   <a class="imagegroup" href="bubble_plot.html">
     <span class="image" alt="Bubble Plot" style="background-image: url(/_static/bubble_plot-thumb.png);"></span>
     <span class="image-title">Bubble Plot</span>
   </a>
   
   <a class="imagegroup" href="connected_scatterplot.html">
     <span class="image" alt="Connected Scatterplot (Lines with Custom Paths)" style="background-image: url(/_static/connected_scatterplot-thumb.png);"></span>
     <span class="image-title">Connected Scatterplot (Lines with Custom Paths)</span>
   </a>
   
   <a class="imagegroup" href="dot_dash_plot.html">
     <span class="image" alt="Dot Dash Plot" style="background-image: url(/_static/dot_dash_plot-thumb.png);"></span>
     <span class="image-title">Dot Dash Plot</span>
   </a>
   
   <a class="imagegroup" href="multifeature_scatter_plot.html">
     <span class="image" alt="Multifeature Scatter Plot" style="background-image: url(/_static/multifeature_scatter_plot-thumb.png);"></span>
     <span class="image-title">Multifeature Scatter Plot</span>
   </a>
   
   <a class="imagegroup" href="poly_fit.html">
     <span class="image" alt="Polynomial Fit Plot" style="background-image: url(/_static/poly_fit-thumb.png);"></span>
     <span class="image-title">Polynomial Fit Plot</span>
   </a>
   
   <a class="imagegroup" href="scatter_matrix.html">
     <span class="image" alt="Scatter Matrix" style="background-image: url(/_static/scatter_matrix-thumb.png);"></span>
     <span class="image-title">Scatter Matrix</span>
   </a>
   
   <a class="imagegroup" href="simple_scatter_with_errorbars.html">
     <span class="image" alt="Simple Scatter Plot with Errorbars" style="background-image: url(/_static/simple_scatter_with_errorbars-thumb.png);"></span>
     <span class="image-title">Simple Scatter Plot with Errorbars</span>
   </a>
   
   <a class="imagegroup" href="scatter_with_labels.html">
     <span class="image" alt="Simple Scatter Plot with Labels" style="background-image: url(/_static/scatter_with_labels-thumb.png);"></span>
     <span class="image-title">Simple Scatter Plot with Labels</span>
   </a>
   
   <a class="imagegroup" href="table_bubble_plot_github.html">
     <span class="image" alt="Table Bubble Plot (Github Punch Card)" style="background-image: url(/_static/table_bubble_plot_github-thumb.png);"></span>
     <span class="image-title">Table Bubble Plot (Github Punch Card)</span>
   </a>
   
   <a class="imagegroup" href="trellis_scatter_plot.html">
     <span class="image" alt="Trellis Scatter Plot" style="background-image: url(/_static/trellis_scatter_plot-thumb.png);"></span>
     <span class="image-title">Trellis Scatter Plot</span>
   </a>
   
   </span>

   <div style='clear:both;'></div>

.. toctree::
  :hidden:

  binned_scatterplot
  bubble_plot
  connected_scatterplot
  dot_dash_plot
  multifeature_scatter_plot
  poly_fit
  scatter_matrix
  simple_scatter_with_errorbars
  scatter_with_labels
  table_bubble_plot_github
  trellis_scatter_plot



.. _gallery-category-Histograms:

Histograms
~~~~~~~~~~

.. raw:: html

   <span class="gallery">
   
   <a class="imagegroup" href="histogram_with_a_global_mean_overlay.html">
     <span class="image" alt="Histogram with a Global Mean Overlay" style="background-image: url(/_static/histogram_with_a_global_mean_overlay-thumb.png);"></span>
     <span class="image-title">Histogram with a Global Mean Overlay</span>
   </a>
   
   <a class="imagegroup" href="layered_histogram.html">
     <span class="image" alt="Layered Histogram" style="background-image: url(/_static/layered_histogram-thumb.png);"></span>
     <span class="image-title">Layered Histogram</span>
   </a>
   
   <a class="imagegroup" href="trellis_histogram.html">
     <span class="image" alt="Trellis Histogram" style="background-image: url(/_static/trellis_histogram-thumb.png);"></span>
     <span class="image-title">Trellis Histogram</span>
   </a>
   
   </span>

   <div style='clear:both;'></div>

.. toctree::
  :hidden:

  histogram_with_a_global_mean_overlay
  layered_histogram
  trellis_histogram



.. _gallery-category-Maps:

Maps
~~~~

.. raw:: html

   <span class="gallery">
   
   <a class="imagegroup" href="choropleth.html">
     <span class="image" alt="Choropleth Map" style="background-image: url(/_static/choropleth-thumb.png);"></span>
     <span class="image-title">Choropleth Map</span>
   </a>
   
   <a class="imagegroup" href="choropleth_repeat.html">
     <span class="image" alt="Repeated Choropleth Map" style="background-image: url(/_static/choropleth_repeat-thumb.png);"></span>
     <span class="image-title">Repeated Choropleth Map</span>
   </a>
   
   <a class="imagegroup" href="world_projections.html">
     <span class="image" alt="World Projections" style="background-image: url(/_static/world_projections-thumb.png);"></span>
     <span class="image-title">World Projections</span>
   </a>
   
   </span>

   <div style='clear:both;'></div>

.. toctree::
  :hidden:

  choropleth
  choropleth_repeat
  world_projections



.. _gallery-category-Interactive Charts:

Interactive Charts
~~~~~~~~~~~~~~~~~~

.. raw:: html

   <span class="gallery">
   
   <a class="imagegroup" href="scatter_linked_brush.html">
     <span class="image" alt="Faceted Scatter Plot with Linked Brushing" style="background-image: url(/_static/scatter_linked_brush-thumb.png);"></span>
     <span class="image-title">Faceted Scatter Plot with Linked Brushing</span>
   </a>
   
   <a class="imagegroup" href="selection_layer_bar_month.html">
     <span class="image" alt="Interactive Average" style="background-image: url(/_static/selection_layer_bar_month-thumb.png);"></span>
     <span class="image-title">Interactive Average</span>
   </a>
   
   <a class="imagegroup" href="interactive_cross_highlight.html">
     <span class="image" alt="Interactive Chart with Cross-Highlight" style="background-image: url(/_static/interactive_cross_highlight-thumb.png);"></span>
     <span class="image-title">Interactive Chart with Cross-Highlight</span>
   </a>
   
   <a class="imagegroup" href="interactive_layered_crossfilter.html">
     <span class="image" alt="Interactive Crossfilter" style="background-image: url(/_static/interactive_layered_crossfilter-thumb.png);"></span>
     <span class="image-title">Interactive Crossfilter</span>
   </a>
   
   <a class="imagegroup" href="interactive_brush.html">
     <span class="image" alt="Interactive Rectangular Brush" style="background-image: url(/_static/interactive_brush-thumb.png);"></span>
     <span class="image-title">Interactive Rectangular Brush</span>
   </a>
   
   <a class="imagegroup" href="multiline_highlight.html">
     <span class="image" alt="Multi-Line Highlight" style="background-image: url(/_static/multiline_highlight-thumb.png);"></span>
     <span class="image-title">Multi-Line Highlight</span>
   </a>
   
   <a class="imagegroup" href="multiline_tooltip.html">
     <span class="image" alt="Multi-Line Tooltip" style="background-image: url(/_static/multiline_tooltip-thumb.png);"></span>
     <span class="image-title">Multi-Line Tooltip</span>
   </a>
   
   <a class="imagegroup" href="scatter_with_histogram.html">
     <span class="image" alt="Scatter Plot and Histogram with Interval Selection" style="background-image: url(/_static/scatter_with_histogram-thumb.png);"></span>
     <span class="image-title">Scatter Plot and Histogram with Interval Selection</span>
   </a>
   
   <a class="imagegroup" href="select_detail.html">
     <span class="image" alt="Selection Detail Example" style="background-image: url(/_static/select_detail-thumb.png);"></span>
     <span class="image-title">Selection Detail Example</span>
   </a>
   
   <a class="imagegroup" href="selection_histogram.html">
     <span class="image" alt="Selection Histogram" style="background-image: url(/_static/selection_histogram-thumb.png);"></span>
     <span class="image-title">Selection Histogram</span>
   </a>
   
   <a class="imagegroup" href="interactive_scatter_plot.html">
     <span class="image" alt="Simple Interactive Colored Scatterplot" style="background-image: url(/_static/interactive_scatter_plot-thumb.png);"></span>
     <span class="image-title">Simple Interactive Colored Scatterplot</span>
   </a>
   
   </span>

   <div style='clear:both;'></div>

.. toctree::
  :hidden:

  scatter_linked_brush
  selection_layer_bar_month
  interactive_cross_highlight
  interactive_layered_crossfilter
  interactive_brush
  multiline_highlight
  multiline_tooltip
  scatter_with_histogram
  select_detail
  selection_histogram
  interactive_scatter_plot



.. _gallery-category-Case Studies:

Case Studies
~~~~~~~~~~~~

.. raw:: html

   <span class="gallery">
   
   <a class="imagegroup" href="anscombe_plot.html">
     <span class="image" alt="Anscombe's Quartet" style="background-image: url(/_static/anscombe_plot-thumb.png);"></span>
     <span class="image-title">Anscombe's Quartet</span>
   </a>
   
   <a class="imagegroup" href="beckers_barley_trellis_plot.html">
     <span class="image" alt="Becker's Barley Trellis Plot" style="background-image: url(/_static/beckers_barley_trellis_plot-thumb.png);"></span>
     <span class="image-title">Becker's Barley Trellis Plot</span>
   </a>
   
   <a class="imagegroup" href="cumulative_wiki_donations.html">
     <span class="image" alt="Cumulative Wikipedia Donations" style="background-image: url(/_static/cumulative_wiki_donations-thumb.png);"></span>
     <span class="image-title">Cumulative Wikipedia Donations</span>
   </a>
   
   <a class="imagegroup" href="falkensee.html">
     <span class="image" alt="Falkensee" style="background-image: url(/_static/falkensee-thumb.png);"></span>
     <span class="image-title">Falkensee</span>
   </a>
   
   <a class="imagegroup" href="gapminder_bubble_plot.html">
     <span class="image" alt="Gapminder Bubble Plot" style="background-image: url(/_static/gapminder_bubble_plot-thumb.png);"></span>
     <span class="image-title">Gapminder Bubble Plot</span>
   </a>
   
   <a class="imagegroup" href="isotype.html">
     <span class="image" alt="Isotype Visualization" style="background-image: url(/_static/isotype-thumb.png);"></span>
     <span class="image-title">Isotype Visualization</span>
   </a>
   
   <a class="imagegroup" href="airports.html">
     <span class="image" alt="Locations of US Airports" style="background-image: url(/_static/airports-thumb.png);"></span>
     <span class="image-title">Locations of US Airports</span>
   </a>
   
   <a class="imagegroup" href="london_tube.html">
     <span class="image" alt="London Tube Lines" style="background-image: url(/_static/london_tube-thumb.png);"></span>
     <span class="image-title">London Tube Lines</span>
   </a>
   
   <a class="imagegroup" href="natural_disasters.html">
     <span class="image" alt="Natural Disasters" style="background-image: url(/_static/natural_disasters-thumb.png);"></span>
     <span class="image-title">Natural Disasters</span>
   </a>
   
   <a class="imagegroup" href="one_dot_per_zipcode.html">
     <span class="image" alt="One Dot Per Zipcode" style="background-image: url(/_static/one_dot_per_zipcode-thumb.png);"></span>
     <span class="image-title">One Dot Per Zipcode</span>
   </a>
   
   <a class="imagegroup" href="seattle_weather_interactive.html">
     <span class="image" alt="Seattle Weather Interactive" style="background-image: url(/_static/seattle_weather_interactive-thumb.png);"></span>
     <span class="image-title">Seattle Weather Interactive</span>
   </a>
   
   <a class="imagegroup" href="top_k_letters.html">
     <span class="image" alt="Top K Letters" style="background-image: url(/_static/top_k_letters-thumb.png);"></span>
     <span class="image-title">Top K Letters</span>
   </a>
   
   <a class="imagegroup" href="us_state_capitals.html">
     <span class="image" alt="U.S. state capitals overlayed on a map of the U.S" style="background-image: url(/_static/us_state_capitals-thumb.png);"></span>
     <span class="image-title">U.S. state capitals overlayed on a map of the U.S</span>
   </a>
   
   <a class="imagegroup" href="us_population_over_time.html">
     <span class="image" alt="US Population Over Time" style="background-image: url(/_static/us_population_over_time-thumb.png);"></span>
     <span class="image-title">US Population Over Time</span>
   </a>
   
   <a class="imagegroup" href="us_population_pyramid_over_time.html">
     <span class="image" alt="US Population Pyramid Over Time" style="background-image: url(/_static/us_population_pyramid_over_time-thumb.png);"></span>
     <span class="image-title">US Population Pyramid Over Time</span>
   </a>
   
   </span>

   <div style='clear:both;'></div>

.. toctree::
  :hidden:

  anscombe_plot
  beckers_barley_trellis_plot
  cumulative_wiki_donations
  falkensee
  gapminder_bubble_plot
  isotype
  airports
  london_tube
  natural_disasters
  one_dot_per_zipcode
  seattle_weather_interactive
  top_k_letters
  us_state_capitals
  us_population_over_time
  us_population_pyramid_over_time



.. _gallery-category-Other Charts:

Other Charts
~~~~~~~~~~~~

.. raw:: html

   <span class="gallery">
   
   <a class="imagegroup" href="binned_heatmap.html">
     <span class="image" alt="Binned Heatmap" style="background-image: url(/_static/binned_heatmap-thumb.png);"></span>
     <span class="image-title">Binned Heatmap</span>
   </a>
   
   <a class="imagegroup" href="scatter_marginal_hist.html">
     <span class="image" alt="Facetted Scatterplot with marginal histograms" style="background-image: url(/_static/scatter_marginal_hist-thumb.png);"></span>
     <span class="image-title">Facetted Scatterplot with marginal histograms</span>
   </a>
   
   <a class="imagegroup" href="layered_heatmap_text.html">
     <span class="image" alt="Layering text over a heatmap" style="background-image: url(/_static/layered_heatmap_text-thumb.png);"></span>
     <span class="image-title">Layering text over a heatmap</span>
   </a>
   
   <a class="imagegroup" href="multiple_marks.html">
     <span class="image" alt="Multiple Marks" style="background-image: url(/_static/multiple_marks-thumb.png);"></span>
     <span class="image-title">Multiple Marks</span>
   </a>
   
   <a class="imagegroup" href="parallel_coordinates.html">
     <span class="image" alt="Parallel Coordinates Example" style="background-image: url(/_static/parallel_coordinates-thumb.png);"></span>
     <span class="image-title">Parallel Coordinates Example</span>
   </a>
   
   <a class="imagegroup" href="ranged_dot_plot.html">
     <span class="image" alt="Ranged Dot Plot" style="background-image: url(/_static/ranged_dot_plot-thumb.png);"></span>
     <span class="image-title">Ranged Dot Plot</span>
   </a>
   
   <a class="imagegroup" href="stem_and_leaf.html">
     <span class="image" alt="Stem and Leaf Plot" style="background-image: url(/_static/stem_and_leaf-thumb.png);"></span>
     <span class="image-title">Stem and Leaf Plot</span>
   </a>
   
   <a class="imagegroup" href="trail_marker.html">
     <span class="image" alt="Trail Marker" style="background-image: url(/_static/trail_marker-thumb.png);"></span>
     <span class="image-title">Trail Marker</span>
   </a>
   
   </span>

   <div style='clear:both;'></div>

.. toctree::
  :hidden:

  binned_heatmap
  scatter_marginal_hist
  layered_heatmap_text
  multiple_marks
  parallel_coordinates
  ranged_dot_plot
  stem_and_leaf
  trail_marker