:orphan:
:html_theme.sidebar_secondary.remove:

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

.. _gallery_streamgraph:


Streamgraph
-----------------
This example shows the streamgraph from vega-lite examples.


.. altair-plot::
    :remove-code:
    


    import altair as alt
    from vega_datasets import data

    source = data.unemployment_across_industries.url

    alt.Chart(source).mark_area().encode(
        alt.X('yearmonth(date):T',
            axis=alt.Axis(format='%Y', domain=False, tickSize=0)
        ),
        alt.Y('sum(count):Q', stack='center', axis=None),
        alt.Color('series:N',
            scale=alt.Scale(scheme='category20b')
        )
    ).interactive()


.. tab-set::

    .. tab-item:: Method syntax
        :sync: method

        .. code:: python


            import altair as alt
            from vega_datasets import data

            source = data.unemployment_across_industries.url

            alt.Chart(source).mark_area().encode(
                alt.X('yearmonth(date):T').axis(format='%Y', domain=False, tickSize=0),
                alt.Y('sum(count):Q').stack('center').axis(None),
                alt.Color('series:N').scale(scheme='category20b')
            ).interactive()


    .. tab-item:: Attribute syntax
        :sync: attribute

        .. code:: python


            import altair as alt
            from vega_datasets import data

            source = data.unemployment_across_industries.url

            alt.Chart(source).mark_area().encode(
                alt.X('yearmonth(date):T',
                    axis=alt.Axis(format='%Y', domain=False, tickSize=0)
                ),
                alt.Y('sum(count):Q', stack='center', axis=None),
                alt.Color('series:N',
                    scale=alt.Scale(scheme='category20b')
                )
            ).interactive()