Charts, distributions and measurement

Bar chart — live records, keyed refresh

A data-bound bar chart over a records block: the records are the source, the chart is a projection of them.

chart.basic@1New DDN source
Open viewerOpen designerRun verifierDownload DDN

Why use it?

Show that the chart is generated from data you can replace — the supported live-dashboard pattern is a transactional record swap, not an image swap.

When it helps

Any metric over categories where the numbers will change but the model must not.

How to read it

What you need

Things to check

Scope of this diagram

Bounded native marks and finite JavaScript arithmetic; refresh replaces records, never structure.

Work with the converted example

  1. Open the viewer and select latency_chart. Inspect the rendered view and its source.
  2. Open the designer. Keep the selected profile and inspect its legal palette and property controls.
  3. Change one displayed title or an appropriate data value. Apply the edit and check the resulting diagram.
  4. Run the verifier and review its diagnostics before moving complete content into review.
  5. Download your edited DDN source to retain the change.

The example uses the indentation-based ddn-next-1 dialect. The language guide explains reusable definitions, dotted data rows and explicit property blocks.