Charting a Path to Sitecore with Highcharts

We had a request from our client to consolidate some of their content from an external site into Sitecore. The content to be moved was a large amount of chart data spanning many different medical facilities and categories. We needed to bring this content into Sitecore, have all of it easily managed by authors and displayed to visitors using the Highcharts JavaScript library.

Paving the Way for Chart Data

Before we began importing the data, we had to carve out a place in Sitecore to put it. Storing each data point as a content item seemed like a natural fit but posed a problem; the amount of data points we would need to store would greatly slow down the content tree and any data retrieval on the frontend. Our solution was to leverage specialized Sitecore containers, called item buckets, for storing and retrieving large amounts of content items.

With the chart data set, we needed to plan out the Sitecore infrastructure behind displaying and navigating the chart data for each facility. Most of the setup was straight forward with Sitecore templates, however, because of the repetitive nature of the data for each facility, we were able to leverage Sitecore cloning. Cloning helped to speed up the content creation process for the initial import and for adding new facilities in the future. It allowed us to create a set of content items to use as the “master copies” of the content that could then be cloned into the proper location for each new facility.

Migrating the Data to Sitecore

Having the groundwork laid out, we could start bringing in the data to Sitecore. The data was exported into a CSV file which we had to find a way to import. That was when we found a module from the Sitecore marketplace called EZ Importer. This allowed us to create a field map and then use that map while performing the import.

Sitecore admin showing EZ Importer module tree.
Field map for EZ Importer

Navigating a Sea of Charts

With the data migrated and templates set up, we now had a navigable experience through 1,000+ charts that successfully mimicked and improved upon the original content. The content was easily maintainable and expandable by content authors, effortlessly navigated by users and had the look and feel that the client asked for.

Screenshot depicting a sample Highchart graph.
Chart data display with Highcharts

Related Ideas, Info and Stuff You’ve Gotta Read

Creating an Interactive Regional Map with Mapbox and Sitecore

Creating an Interactive Regional Map with Mapbox and Sitecore

Discover how we created an elegant and user-friendly way to display regional statistics combining both Sitecore and Mapbox.
Creating Immersive Front-End Sitecore XP Experiences with GreenSock and ScrollMagic

Creating Immersive Front-End Sitecore XP Experiences with GreenSock and ScrollMagic

Learn how we crafted a smooth, interactive, immersive experience that takes the user through the patient’s journey from beginning to end.
Migrating Sitecore Indexes from Lucene to Solr

Migrating Sitecore Indexes from Lucene to Solr

When we were upgrading our Sitecore 8 project to Sitecore 9, we needed to come up with a new solution for indexing the data. Our Sitecore 8 project was using Lucene for indexing which posed two problems: Lucene was not supported in our Sitecore 8 environment configuration, and Lucene was not supported in Sitecore 9.
Improving User Experience with React and Sitecore

Improving User Experience with React and Sitecore

As a health-care organization that provides quality care to many current and prospective patients, the ability to easily navigate thousands of physicians to find one that is “just right” is critical.
Paul Brienza
Paul Brienza
Chief Growth Officer
(414) 270-7175
paul.brienza@laughlin.com

Let’s Talk

    Be in the know, now!

    Receive a monthly dose of big thinks. Don’t worry, you can unsubscribe at anytime. Privacy Policy