Home Business Intelligence Improve Your Information Storytelling: Discover GoodData Dashboard Plugins for Customized Visualizations

Improve Your Information Storytelling: Discover GoodData Dashboard Plugins for Customized Visualizations

Improve Your Information Storytelling: Discover GoodData Dashboard Plugins for Customized Visualizations


GoodData provides a formidable vary of built-in visualizations, however we additionally perceive that generally you want a novel spin, so we concentrate on Composability to essentially push your corporation potential. GoodData Dashboard Plugins allow you to transcend the usual set of options. Need to improve storytelling of your information with a selected visualization that is not included by default? No downside! On this publish, we’ll stroll you thru easy methods to add a radial bar chart to your dashboard utilizing a plugin from an open-source repository.

For those who’re curious about growing a plugin from scratch, you should definitely try our different publish, The right way to Develop Your First GoodData Dashboard Plugin. This easy information will stroll you thru the method of making your individual customized plugins.


Earlier than we get began, here is a guidelines of the abilities you will want:

  • A fundamental understanding of Git and bundle managers like npm or yarn
  • Primary information of the React JavaScript library
  • The flexibility to deploy information to public internet hosting (as an illustration, Amazon’s AWS S3, which has a free tier for brand spanking new customers)

Additionally, you will want a GoodData Workspace. For those who’re new to GoodData, you may arrange a trial occasion in underneath two minutes. Head over to gooddata.com/trial, click on on ‘Begin for Free’, enter your e mail, confirm your account, and also you’re good to go. We’ll set you up with your individual cloud-based GoodData platform, because of our fashionable microservice cloud structure.

To get you up and working rapidly, you need to use our demo occasion in the course of the trial interval. It connects to our information supply and allows you to create metrics, dashboards, and insights. For now, you need to use the predefined ones and uncover the flexibility of creating analytics with GoodData later.

5 Steps to Apply a Radial Bar Chart to Your Dashboard

Why a radial bar chart, you may ask? Whereas they may not be as common as different chart varieties, they’re an effective way to current hierarchical information, present cyclical or seasonal developments, or signify giant categorical information units.

Radial Bar Chart
Radial Bar Chart

Step 1: Set Up a Column Chart within the Dashboard

To kick issues off, head over to your GoodData trial occasion and prepare to create some insights to show in your shiny new radial bar chart. The plugin is designed to reinforce column charts, so begin there: create a brand new column chart visualization in our Analytical Designer, reserve it, after which add it to your dashboard. Ensure that so as to add _radial_bar_chart_plugin_ to the tip of the widget title in edit mode — this lets the plugin know that that is the chart it needs to be enhancing.

Example of Dashboard Without a Radial Chart
Instance of Dashboard And not using a Radial Chart

Step 2: Run the Plugin Domestically

Subsequent up, clone the public repository that comprises the radial bar chart plugin (you will discover it in a folder named radial_bar_chart_plugin).

You will want so as to add some particulars to the .env file – the BACKEND_URL, your WORKSPACE_ID, and the DASHBOARD_ID. For those who’re unsure the place to seek out these, they’re all within the URL of your dashboard web page:


There’s another factor you will have to do earlier than you can begin taking part in round together with your plugin – replace the TIGER_API_TOKEN within the env.secrets and techniques file. You will discover this within the private entry token part of the settings in your GoodData trial.

As soon as you have up to date the .env and env.secrets and techniques information, run npm set up to arrange your dependencies then npm begin to start out the event server. It’s best to now see your dashboard, full with plugin, at https://localhost:3001/.

Example of Dashboard With a Radial Chart
Instance of Dashboard With a Radial Chart

Step 3 (Elective): Improve the Radial Bar Chart

To reinforce the plugin, navigate to RadialBarChart.jsx and uncomment the label within the RadialBar part. Every bar ought to now render a price. Because the plugin makes use of the Recharts library underneath the hood, you may check with the Recharts API documentation for extra chart tweaks.

Step 4: Construct and Hyperlink the Plugin

If you’re proud of how your radial bar chart seems within the growth surroundings, it is time to set it up in your GoodData trial occasion. First, cease your growth server, then do npm run build-plugin. After that, add all the things within the /dist/dashboardPlugin folder to your public blob storage (in our instance, that is AWS S3).

Take the URL that ends with dp_radial_bar_chart_plugin.js utilizing npm run add-plugin, then copy the thing ID that seems within the terminal message much like this one “Created new plugin object with ID a8682044–3c57–4daf-9b00–05b082a3450”. You will want this to hyperlink the plugin object ID with the dashboard utilizing npm run link-plugin.

For those who want a bit extra element on these steps, try the README.md file within the plugin folder or our earlier publish the place we targeted extra on these steps.

Step 5: Allow the Plugin in GoodData

To complete up, head again to your GoodData trial occasion, navigate to the CSP settings, and add the area URL to the script-src directive. We prioritize the safety of our merchandise, which is the explanation why we now have included this step to whitelist your plugin within the content material safety coverage. Refresh your dashboard, and there it’s: your customized radial bar chart, built-in fantastically into your GoodData dashboard.

Example of Dashboard With a Radial Chart
Instance of Dashboard With a Radial Chart


We hope you have discovered this exploration of GoodData Dashboard Plugins enlightening. The great thing about GoodData Dashboard Plugins lies of their versatility. They are not only for visualizations: they allow you to create customized filters, combine wealthy content material, even herald third-party or customized code. With this sort of energy and adaptability at your fingertips, the chances for optimizing your information evaluation and decision-making are nearly countless.

For those who’re curious and desirous to expertise this first-hand, do not hesitate to start out your free trial at gooddata.com/trial. With a couple of clicks, you will be able to discover the world of customized plugins by yourself GoodData platform. Keep in mind, the chances are limitless.

What are some particular use instances you discover for customized visualizations just like the radial bar chart in your information storytelling? We might love to listen to about your experiences within the feedback part under.

Completely happy experimenting! 🧪



Please enter your comment!
Please enter your name here