Monday, February 26, 2024
HomeBusiness IntelligenceImprove Your Information Storytelling: Discover GoodData Dashboard Plugins for Customized Visualizations

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


GoodData affords a powerful 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 your small business potential. GoodData Dashboard Plugins allow you to transcend the usual set of options. Need to improve storytelling of your knowledge with a particular visualization that is not included by default? No downside! On this put up, we’ll stroll you thru find out how to add a radial bar chart to your dashboard utilizing a plugin from an open-source repository.

In the event you’re occupied with creating a plugin from scratch, make sure to take a look at our different put up, Tips on how to Develop Your First GoodData Dashboard Plugin. This easy information will stroll you thru the method of making your personal customized plugins.

Stipulations

Earlier than we get began, here is a guidelines of the talents you may want:

  • A primary 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 (for example, Amazon’s AWS S3, which has a free tier for brand new customers)

Additionally, you will want a GoodData Workspace. In the event you’re new to GoodData, you possibly can 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 personal cloud-based GoodData platform, because of our fashionable microservice cloud structure.

To get you up and operating rapidly, you should use our demo occasion throughout 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.

Need to see what GoodData can do for you?

Get a guided tour and ask us about GoodData’s options, implementation, and pricing.

Get a demo

5 Steps to Apply a Radial Bar Chart to Your Dashboard

Why a radial bar chart, you would possibly ask? Whereas they may not be as widespread as different chart varieties, they’re an effective way to current hierarchical knowledge, present cyclical or seasonal tendencies, or symbolize massive 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, put it aside, after which add it to your dashboard. Be sure 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 accommodates the radial bar chart plugin (you may 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. In the event you’re unsure the place to seek out these, they’re all within the URL of your dashboard web page:

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

There’s another factor you may must 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’ll find this within the private entry token part of the settings in your GoodData trial.

As soon as you’ve got 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. You need 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 element. Every bar ought to now render a worth. Because the plugin makes use of the Recharts library underneath the hood, you possibly can discuss with the Recharts API documentation for extra chart tweaks.

Step 4: Construct and Hyperlink the Plugin

Whenever you’re proud of how your radial bar chart seems to be within the improvement atmosphere, it is time to set it up in your GoodData trial occasion. First, cease your improvement server, then do npm run build-plugin. After that, add every part 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 item 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.

In the event you want a bit extra element on these steps, take a look at the README.md file within the plugin folder or our earlier put up 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 have now 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 superbly into your GoodData dashboard.

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

Conclusion

We hope you’ve got discovered this exploration of GoodData Dashboard Plugins enlightening. The great thing about GoodData Dashboard Plugins lies of their versatility. They don’t seem to be only for visualizations: they allow you to create customized filters, combine wealthy content material, even herald third-party or customized code. With this type of energy and adaptability at your fingertips, the probabilities for optimizing your knowledge evaluation and decision-making are nearly countless.

In the event you’re curious and desirous to expertise this first-hand, do not hesitate to start out your free trial at gooddata.com/trial. With just a few clicks, you may be able to discover the world of customized plugins by yourself GoodData platform. Keep in mind, the probabilities are limitless.

What are some particular use instances 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 under.

Completely happy experimenting! 🧪

Need to see what GoodData can do for you?

Get a guided tour and ask us about GoodData’s options, implementation, and pricing.

Get a demo

RELATED ARTICLES

LEAVE A REPLY

Please enter your comment!
Please enter your name here

Most Popular

Recent Comments