Observable

tag: <hpcc-observable>

TIP

See Getting Started for details on how to include @hpcc-js/web-components in your application

Attributes

mode

Default mode, Observable script with embedded Markdown, or Markdown with embedded Observable script

Type: "observablescript" | "markdown"

  • observablescript: Observable script with embedded Markdown

  • markdown: Markdown with embedded Observable script

Default Value: observablescript

plugins

Plugins expose JavaScript functions to the Observable script

Type: { [key: string]: object; }

Default Value: {}

show_errors

Show or hide errors, enable to assist with non functioning scripts

Type: boolean

Default Value: false

show_values

Show or hide intermediate values (values which typically are not viewof values)

Type: boolean

Default Value: false

Properties

mode

Default mode, Observable script with embedded Markdown, or Markdown with embedded Observable script

Type: "observablescript" | "markdown"

  • observablescript: Observable script with embedded Markdown

  • markdown: Markdown with embedded Observable script

Default Value: observablescript

plugins

Plugins expose JavaScript functions to the Observable script

Type: { [key: string]: object; }

Default Value: {}

show_errors

Show or hide errors, enable to assist with non functioning scripts

Type: boolean

Default Value: false

show_values

Show or hide intermediate values (values which typically are not viewof values)

Type: boolean

Default Value: false

Events

More Examples

Observable Markdown

tag: <hpcc-observable mode="markdown">

Credits

@observablehq/runtime

The Observable runtime lets you run Observable notebooks as true reactive programs in any JavaScript environment: on your personal website, integrated into your web application or interactive dashboard. Take your notebook to any distant shore the web platform reaches.

@observablehq/parser

Parser for Observable flavour of JavaScript.

@observablehq/stdlib

The Observable standard library.

@observablehq/inspector

This library implements the default value renderer for Observable programs. When used with the Observable runtime as observers, inspectors can insert elements into the DOM and render interactive displays for arbitrary values.