This article describes how to install GoodData.UI React components and a few steps to accomplish before you can start creating your visualizations.
NOTE: Before you install GoodData.UI, make sure that you have a GoodData account (see About GoodData.UI).
Run the following:
yarn add @gooddata/react-components
$ npm install @gooddata/react-components
Before you start coding
Get your workspace ID. The workspace ID is a unique 32-character identifier of your workspace within the GoodData platform. You need your workspace ID to connect your workspace with the visualizations that you are going to create. To get your workspace ID, see Find the Workspace ID.
Obtain object identifiers using gdc-catalog-export. The object identifier is a reference to a workspace object. You need the identifiers to display attributes, measures, visualizations, filters, and other objects.
The identifier of an object is consistent across your domain regardless of the GoodData workspace it lives in. The object identifier is a text string. Example:
Pick a visualization type from the prepared React components (table, column chart, bar chart, and so on) and, optionally, one or more properties to use with the selected visualization. Alternatively, you can fetch raw data and create a fully custom visualization.