Home Business Intelligence GoodData Plugins #5: Radial Bar Chart

GoodData Plugins #5: Radial Bar Chart

GoodData Plugins #5: Radial Bar Chart


GoodData Dashboard Plugins enable builders to customise GoodData Dashboards in keeping with their particular person wants or enterprise objectives. If you wish to develop your individual plugin, verify the tutorial.

Notice: Missed the fourth article on this sequence masking our Polar Space Chart plugin? Learn it right here.

This text describes the Radial Bar Chart plugin, which is an information visualization device that shows knowledge in a round method, utilizing bars that radiate outwards from a central level. It is primarily a variation of a standard bar chart, however as a substitute of horizontal or vertical bars, the bars prolong from the middle outwards in numerous instructions. Every bar’s size represents the worth of a particular class, and the angle across the circle represents totally different classes or segments. This kind of chart is helpful for evaluating values throughout a number of classes in a visually participating and space-efficient method. It is generally utilized in knowledge evaluation, particularly when coping with cyclical or periodic knowledge units.

Example of the Radial Bar Chart plugin
Radial Bar Chart

Create Your Radial Bar Chart Plugin

If you wish to create your individual Radial Bar Chart plugin, beneath are the steps to do it.

Step 1: Clone dashboard-plugin-examples repository

git clone https://github.com/gooddata/gooddata-dashboard-plugins.git

Step 2: Navigate to radial_bar_chart_plugin

cd radial_bar_chart_plugin

Step 3: Set atmosphere variables

Be sure to have your .env and .env.secrets and techniques recordsdata with the right values. After you clone the repository, you will note a .env.secrets and techniques.template file within the radial_bar_chart_plugin folder. You have to to take away “template” from the filename to arrange every part accurately.

For .env, you will have to outline 4 variables:

# GoodData backend (code title)

# GoodData host

# GoodData workspace id

# GoodData dashboard id

If you happen to open a GoodData dashboard, you will discover the BACKEND_URL, WORKSPACE_ID, and the  DASHBOARD_ID within the URL like this:


For .env.secrets and techniques, you will have just one variable:

# GoodData API token

Test the Create an API token documentation for extra info.

Step 4: Test dependencies

Ensure that the dependencies within the bundle.json file are aligned with the model of the SDK dashboard element you employ in your undertaking (if you’re embedding the dashboards with the GoodData SDK).

  "@gooddata/sdk-ui-dashboard": "^9.2.0" <-- should match within the plugin and your undertaking 

Step 5: Construct a manufacturing model

Construct a manufacturing model of the plugin utilizing the command npm run build-plugin, or yarn build-plugin. When you’ve got already constructed this plugin, first delete the dist folder.

Step 6: Add the constructed plugin

Add the constructed plugin to your internet hosting. GoodData doesn’t present internet hosting on your plugin builds. If you construct your plugin, it’s a must to host it your self in a publicly out there location supporting HTTPS.

Additionally, ensure that the internet hosting of your plugin is included within the allowed plugin hosts by CSP Coverage (documentation).

Step 7: Create plugin metadata object

Create a plugin metadata object utilizing the npm run add-plugin or yarn add-plugin command. For extra info, run the npm run add-plugin –assist or yarn add-plugin –help command.

Copy the plugin object-id famous within the console output for the subsequent step.

Step 8: Hyperlink the plugin to the dashboard

Run the npm run link-plugin,or yarn link-plugincommand. When you hyperlink the plugin to the dashboard, it turns into seen, and you can begin utilizing it!

Give It a Attempt

If you wish to attempt dashboard plugins, try our free trial. If you need to debate dashboard plugins or no matter you will have in your thoughts, attain out to us on our neighborhood Slack.

Why not attempt our 30-day free trial?

Absolutely managed, API-first analytics platform. Get on the spot entry — no set up or bank card required.

Get began



Please enter your comment!
Please enter your name here