Area Chart with Missing Data

Shows the cumulative change in a variable over time, while also handling missing data points. This provides a clear visualization of the overall trend and the contribution of each period to the cumulative value. It is useful for understanding the growth or decline of a quantity over time, such as website traffic or sales revenue.

Chart:

Code:

  const { muze, getDataFromSearchQuery } = viz;

  const data = getDataFromSearchQuery();

  const ColumnField = "Maker";
  const RowField = "Miles_per_Gallon";

  muze
    .canvas()
    .rows([RowField])
    .columns([ColumnField])
    .layers([
      {
        mark: "area",
      },
    ])
    .data(data)
    .mount("#chart") // mount your chart