GoodData.UI SDK - Interactive Examples

Here are basic usage examples of GoodData.UI.

Please note that these Interactive Examples work well in all major browsers (Firefox, Chrome, Safari, …) except for Brave.

List of Examples

• Headline - open in CodeSandbox
• ComboChart - open in CodeSandbox
• RelativeDateFilter - open in CodeSandbox
• ChartConfig - open in CodeSandbox
• PivotTable - open in CodeSandbox
• InsightView - open in CodeSandbox
• DashboardView - open in CodeSandbox
• Execute - open in CodeSandbox
• Year Filter - open in CodeSandbox
• AttributeFilter - open in CodeSandbox
• Custom Attribute Filter - open in CodeSandbox
• Granularity - open in CodeSandbox
• DateFilter - open in CodeSandbox
• ColumnChart - open in CodeSandbox
• Measure Value Filter - open in CodeSandbox

Running Examples in CodeSandbox using GitHubBox

An easy way to open an example in CodeSandbox via URL is with GitHubBox.com. Append 'box' to the github.com URL in between 'hub' and '.com' and it will redirect to CodeSandbox. Here's an example:

Change the GitHub URL:
https://github.com/gooddata/gooddata-ui-examples/tree/master/example-headline.

To:
https://githubbox.com/gooddata/gooddata-ui-examples/tree/master/example-headline.

Running Examples locally

You can also run any example on your localhost.

1. git clone git@github.com:gooddata/gooddata-ui-examples.git
2. cd gooddata-ui-examples/example-headline
3. yarn install
4. yarn start

Upgrading GoodData.UI SDK in all examples at once

To bump GoodData.UI SDK to the latest version in all the examples at once, you can run the script:

./scripts/bump-sdk.sh

This will upgrade all @gooddata packages in all the example-* folders. This can take several minutes, so be patient.

Troubleshooting

**ModuleNotFoundError** Could not find module in path: '@gooddata/sdk-model/esm/execution/measure/fingerprint' relative to '/node_modules/@gooddata/sdk-model/esm/execution/executionDefinition/index.js'

This error might occur when some sort of ad-block is present in a browser, or when using the Brave browser. Please turn off your ad-block related features, or try a different browser (e.g., Firefox or Safari).

License

(C) 2017-2021 GoodData Corporation

This repository is under the GoodData commercial license available in the LICENSE file because it contains a commercial package, HighCharts.