AWS, Cloud Computing

3 Mins Read

Advanced Data Visualization in Amazon QuickSight with Highcharts Visual

Voiced by Amazon Polly

Introduction

Amazon QuickSight has leaped forward in data visualization by introducing the Highcharts visual, a powerful tool that enables authors to craft custom visualizations with remarkable precision and flexibility. This new feature empowers users to design various chart types, including niche and specialized visualizations, using the Highcharts JSON schema. It is available at no additional cost, making it accessible for users seeking to elevate their data storytelling capabilities. In this blog, we will delve into the Highcharts visual, its features, applications, and how it enhances the Amazon QuickSight experience.

Pioneers in Cloud Consulting & Migration Services

  • Reduced infrastructural costs
  • Accelerated application deployment
Get Started

Revolutionizing Data Visuals with Highcharts

The Highcharts visual is an exciting addition to Amazon QuickSight, catering to the growing need for highly customizable and impactful data representations. It offers:

  1. Advanced Visualization Options: Create specialized charts like packed bubble charts and lollipop charts.
  2. Customization: Achieve granular control over chart elements using the Highcharts JSON schema.
  3. Brand Consistency: Design visuals that align with your organization’s branding.
  4. Interactivity: Build dynamic dashboards with engaging visual elements.
  5. Streamlined Dashboard Development: Create all your visualizations directly within Amazon QuickSight.

Leveraging the Highcharts Core library, this feature combines exceptional flexibility with the intuitive Amazon QuickSight interface. Authors can seamlessly reference Amazon QuickSight fields and formatting through expressions while benefiting from a user-friendly JSON code editor with real-time validation and autocomplete. To ensure security, the editor blocks the injection of external CSS, JavaScript, or HTML code.

Whether transitioning from other BI platforms or building complex dashboards, the Highcharts visual ensures you have the tools to create tailored, data-driven stories that drive better insights and decisions.

Getting Started with Highcharts Visual in Amazon QuickSight

Adding a Highcharts Visual

To begin using Highcharts visual:

  1. Open an analysis in Amazon QuickSight.
  2. Choose the Add visual icon or select Highcharts visual from the visual type selector.
  3. Use the Highcharts JSON schema to configure your visualization.

The following steps demonstrate creating a lipstick column chart to compare measures with a clear visual hierarchy.

Building a Lipstick Column Chart

The lipstick column chart enables precise comparisons between two measures while emphasizing the primary metric. Its compact design is ideal for dashboards with limited space.

Step-by-Step Guide

Step 1: Create a Base Column Chart

  1. Add Industry and Current Year Sales fields to your analysis.
  2. Configure display settings to set the chart title.
  3. Expand the code editor and apply the following JSON code:

This creates a base column chart with industries on the x-axis and sales data on the y-axis.

Step 2: Add Prior Year Sales

To add a second series for comparison:

  1. Add Prior Year Sales to the Value field.
  2. Modify the series array in the JSON code:

JSON

This step overlaps the columns for a direct comparison.

Step 3: Include Target Sales as a Marker

  1. Add Target Sales as a third series.
  2. Update the JSON code to include a marker for Target Sales:

JSON

This renders a distinct marker for the target value.

Step 4: Customize the Marker

To change the marker to a triangle:

JSON

Step 5: Apply Conditional Formatting

Use the following JSON code to format the Current Year Sales column conditionally:

JSON

This highlights sales performance against targets and prior year values.

Additional Visualization Examples

Packed Bubble Charts

Packed bubble charts visualize data using the size and color of bubbles. Configure them using the following JSON:

JSON

Bullet Charts

Bullet charts are a space-efficient way to display KPIs alongside targets:

JSON

Advantages and Limitations

The Highcharts visual brings unprecedented customization and flexibility, but it does have limitations:

  • Interactivity: Filters and navigation actions are unavailable.
  • External Resources: Linking to external GeoJSON or images isn’t supported.
  • Ad-Hoc Filters: Not currently supported.

Conclusion

The Highcharts visual transforms Amazon QuickSight into a robust platform for creating tailored, impactful dashboards.

With features like advanced customization, dynamic elements, and seamless integration, it empowers organizations to craft visuals that resonate with their unique needs. Whether for enhancing decision-making or improving communication, this tool sets a new benchmark for BI visualizations.

Drop a query if you have any questions regarding Amazon QuickSight and we will get back to you quickly.

Empowering organizations to become ‘data driven’ enterprises with our Cloud experts.

  • Reduced infrastructure costs
  • Timely data-driven decisions
Get Started

About CloudThat

CloudThat is an award-winning company and the first in India to offer cloud training and consulting services worldwide. As a Microsoft Solutions Partner, AWS Advanced Tier Training Partner, and Google Cloud Platform Partner, CloudThat has empowered over 850,000 professionals through 600+ cloud certifications winning global recognition for its training excellence including 20 MCT Trainers in Microsoft’s Global Top 100 and an impressive 12 awards in the last 8 years. CloudThat specializes in Cloud Migration, Data Platforms, DevOps, IoT, and cutting-edge technologies like Gen AI & AI/ML. It has delivered over 500 consulting projects for 250+ organizations in 30+ countries as it continues to empower professionals and enterprises to thrive in the digital-first world.

FAQs

1. How do Highcharts visually enhance decision-making?

ANS: – By enabling tailored and visually impactful dashboards, Highcharts makes data easier to interpret, leading to better insights and more informed decisions.

2. What kind of dashboards is the Highcharts visual best suited for?

ANS: – The Highcharts visual is ideal for dashboards requiring advanced customization, compact designs, or specialized visualizations that cater to specific business needs and branding requirements.

WRITTEN BY Rachana Kampli

Share

Comments

    Click to Comment

Get The Most Out Of Us

Our support doesn't end here. We have monthly newsletters, study guides, practice questions, and more to assist you in upgrading your cloud career. Subscribe to get them all!