Facet

<facet> splits the data by a field into small multiples — one plot per region — arranged by the RELATIONAL engine (a row of figures). The y-scale is shared across facets so the panels are comparable.

Charts 748 × 262 <bars><data><facet><record>

Result

Source examples/facet.svgn

<diagram>
  <!-- <facet> splits the data by a field into small multiples — one plot per
       region — arranged by the RELATIONAL engine (a row of figures). The
       y-scale is shared across facets so the panels are comparable. -->
  <data name="sales">
    <record region="North" q="Q1" v="30"/>
    <record region="North" q="Q2" v="45"/>
    <record region="North" q="Q3" v="38"/>
    <record region="North" q="Q4" v="60"/>
    <record region="South" q="Q1" v="20"/>
    <record region="South" q="Q2" v="28"/>
    <record region="South" q="Q3" v="52"/>
    <record region="South" q="Q4" v="41"/>
    <record region="East"  q="Q1" v="48"/>
    <record region="East"  q="Q2" v="35"/>
    <record region="East"  q="Q3" v="30"/>
    <record region="East"  q="Q4" v="55"/>
  </data>

  <facet data="sales" by="region" width="210" height="150"
         x-title="quarter" y-title="units sold">
    <bars x="q" y="v" fill="v"/>
  </facet>
</diagram>

Open the SVG →