Interactive Code Examples

We have created a number of simple interactive examples using CodeSandbox.io. Each example points to a CodeSandbox screen that includes a simple GoodData.UI code next to a resulting visualization.

Feel free to play with the sample code in your browser to see how the visualizations update just after changing the component properties - for your convenience, we have added hints to most of the examples.

Let’s start with a simple headline widget!

Headline

Headline

ComboChart

ComboChart

RelativeDateFilter

RelativeDateFilter

ChartConfig

ChartConfig

PivotTable

PivotTable

InsightView

InsightView

Execute

Execute

Year Filter

Year Filter

AttributeFilter

AttributeFilter

Custom Attribute Filter

Custom Attribute Filter

Granularity

Granularity

DateFilter

DateFilter

ColumnChart

ColumnChart

Measure Value Filter

Measure Value Filter