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 typically you want a novel spin, so we give attention to Composability to actually push what you are promoting potential. GoodData Dashboard Plugins allow you to transcend the usual set of options. Wish to improve storytelling of your knowledge with a selected visualization that is not included by default? No downside! On this publish, we’ll stroll you thru how one can add a radial bar chart to your dashboard utilizing a plugin from an open-source repository.

If you happen to’re fascinated by growing a plugin from scratch, remember to try our different publish, The best way to Develop Your First GoodData Dashboard Plugin. This straightforward information will stroll you thru the method of making your individual customized plugins.

Conditions

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

  • A fundamental understanding of Git and package deal managers like npm or yarn
  • Fundamental information of the React JavaScript library
  • The flexibility to deploy recordsdata to public internet hosting (for example, Amazon’s AWS S3, which has a free tier for brand new customers)

Additionally, you will want a GoodData Workspace. If you happen to’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 electronic mail, confirm your account, and also you’re good to go. We’ll set you up with your individual cloud-based GoodData platform, due to our fashionable microservice cloud structure.

To get you up and working rapidly, you should use our demo occasion in the course of the trial interval. It connects to our knowledge supply and allows you to create metrics, dashboards, and insights. For now, you should 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 would possibly ask? Whereas they won’t be as well-liked as different chart sorts, they’re an effective way to current hierarchical knowledge, present cyclical or seasonal tendencies, or signify giant categorical knowledge 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. Be certain that so as to add _radial_bar_chart_plugin_ to the top of the widget title in edit mode — this lets the plugin know that that is the chart it must be enhancing.

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

Step 2: Run the Plugin Regionally

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

You may want so as to add some particulars to the .env file – the BACKEND_URL, your WORKSPACE_ID, and the DASHBOARD_ID. If you happen to’re unsure the place to search out these, they’re all within the URL of your dashboard web page:

<BACKEND_URL>/dashboards/#/workspace/<WORKSPACE_ID>/dashboard/<DASHBOARD_ID>

There’s yet one more factor you will have to do earlier than you can begin enjoying round together with your plugin – replace the TIGER_API_TOKEN within the env.secrets and techniques file. You could find 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 recordsdata, run npm set up to arrange your dependencies then npm begin to start out the event server. You must 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 (Non-obligatory): Improve the Radial Bar Chart

To boost 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 seek advice from the Recharts API documentation for extra chart tweaks.

Step 4: Construct and Hyperlink the Plugin

If you’re pleased with how your radial bar chart appears within the growth atmosphere, 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 article ID that seems within the terminal message much like this one “Created new plugin object with ID a8682044–3c57–4daf-9b00–05b082a3450”. You may want this to hyperlink the plugin object ID with the dashboard utilizing npm run link-plugin.

If you happen to want a bit extra element on these steps, try the README.md file within the plugin folder or our earlier publish the place we centered 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 rationale why we’ve 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

Conclusion

We hope you have discovered this exploration of GoodData Dashboard Plugins enlightening. The fantastic 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 usher in third-party or customized code. With this type of energy and adaptability at your fingertips, the chances for optimizing your knowledge evaluation and decision-making are just about limitless.

If you happen to’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. Bear in mind, the chances are limitless.

What are some particular use circumstances you discover for customized visualizations just like the radial bar chart in your knowledge storytelling? We would love to listen to about your experiences within the feedback part beneath.

Glad experimenting! 🧪

Related Articles

LEAVE A REPLY

Please enter your comment!
Please enter your name here

Stay Connected

0FansLike
3,912FollowersFollow
0SubscribersSubscribe
- Advertisement -spot_img

Latest Articles