Filter and Summarize

Filter Status

A browser table starts with all tasks and then filters down to rows whose status is open.

Program

After CSV rows become records, the browser can derive smaller views for dashboards, queues, and reports.

filter_status.html
Visuals: captured from real browser rendering
<script>
  const records = [
    { task: "Deploy", status: "open" },
    { task: "Invoice", status: "closed" },
    { task: "Review", status: "open" }
  ];
  const open = records.filter(row => row.status === "open");
  render(open);
</script>

  1. Start with three records.

    The full task table includes open and closed rows.
    The filter starts from the full data set.

  2. Keep rows whose status is open.

    Only Deploy and Review remain in the derived data.
    filter returns a new array without changing the original records.

  3. Render the filtered rows.

    The browser table now shows only open tasks.
    Rendering the filtered array creates the visible queue.
filter filter creates a new array containing only rows that pass a test.
derived view A derived view is rendered from source data without changing the source data itself.