A chart preview export
Annotating Charts

Select a node and click thebutton to annotate it. To multi-select or de-select nodes, press CMD+click (Mac) / Ctrl+click (Win).

Each created annotation has a button to enter edit mode, where you can:

  • Select or multi-select nodes to update subjects
  • De-select existing subjects
  • Edit annotation text
  • Toggle subject container shape
  • Delete annotation

Once you've made your changes, click thebutton in the top right chart corner to save the chart state.

Snapshots

Click the snapshot to restore it in the chart.

While graph visualisations reveal the story hidden behind the data, annotations provide the means to share this narrative with the outside world.

Users can interact with the chart, analyse it, and then use KeyLines annotations to highlight the most important insights.

Annotations can be seamlessly integrated with any application design and customised to offer any user interaction, so that users can annotate charts directly inside the application.

KeyLines annotations are always readable and can be positioned relatively to their subjects or using world coordinates. You can style them in the Annotations API and create text fields, buttons and other user interface controls by adding custom labels and glyphs.

To provide context for charts shared in documents or presentations, you can export annotated charts into multiple formats with chart.export().

See our Annotations documentation for more details.