
:orphan:
:html_theme.sidebar_secondary.remove:

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

.. _gallery_us_population_over_time_facet:


US Population: Wrapped Facet
============================
This chart visualizes the age distribution of the US population over time,
using a wrapped faceting of the data by decade.


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


    import altair as alt
    from altair.datasets import data

    source = data.population.url

    alt.Chart(source).mark_area().encode(
        x='age:O',
        y=alt.Y(
            'sum(people):Q',
            title='Population',
            axis=alt.Axis(format='~s')
        ),
        facet=alt.Facet('year:O', columns=5),
    ).properties(
        title='US Age Distribution By Year',
        width=90,
        height=80
    )

.. tab-set::

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

        .. code:: python


            import altair as alt
            from altair.datasets import data

            source = data.population.url

            alt.Chart(source).mark_area().encode(
                x='age:O',
                y=alt.Y('sum(people):Q').title('Population').axis(format='~s'),
                facet=alt.Facet('year:O').columns(5),
            ).properties(
                title='US Age Distribution By Year',
                width=90,
                height=80
            )


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

        .. code:: python


            import altair as alt
            from altair.datasets import data

            source = data.population.url

            alt.Chart(source).mark_area().encode(
                x='age:O',
                y=alt.Y(
                    'sum(people):Q',
                    title='Population',
                    axis=alt.Axis(format='~s')
                ),
                facet=alt.Facet('year:O', columns=5),
            ).properties(
                title='US Age Distribution By Year',
                width=90,
                height=80
            )