Visualizing Time Series Data with Synchro Charts: An Open Source Solution

Visualizing Time Series Data with Synchro Charts: An Open Source SolutionMore Info

We are pleased to announce the release of Synchro Charts, an open source front-end component library designed to help application developers visualize time-series data, emphasizing monitoring, root cause analysis, and analytics. Synchro Charts is utilized in AWS IoT SiteWise Monitor, enabling users to gain insights into their operational data and alarms through various visualization components.

Explore the following visualization components available in the Synchro Charts GitHub repository:

  • Status Timeline
  • Line Chart
  • Bar Chart
  • Scatter Chart
  • Status Grid
  • KPI
  • Table

Here’s an example showcasing live data streaming onto two of the Synchro Charts components: a line chart and a status timeline.

Synchro Charts offers numerous advantages that facilitate a smooth application development experience tailored for time-series data visualization. Key features include:

  • Synchronized Visualizations: Ensure a consistent data perspective for users by synchronizing multiple visualizations. This allows for the creation of dashboards or applications displaying the same time period. For more details on synchronization, refer to the documentation.
  • Alarm Integration: You can enhance applications to help users comprehend alarm data. By linking a data point to the status of an alarm, users can visualize both the alarm status and the underlying data that triggered it. For instance, if there is an alarm for the number of 4xx API errors, Synchro Charts can clearly illustrate the relationship between the alarm status and the occurrence of these errors. Learn more about alarms in the documentation.
  • Framework Agnostic: Synchro Charts allows you to build your application using any framework of your choice. It is available as web components and can also be utilized via a React wrapper.
  • Intuitive Interactions: Users can navigate through various visualizations effortlessly, using panning and zooming features, which enhances their experience while maintaining context during data exploration.
  • Performance: Built with WebGL, Synchro Charts efficiently renders large volumes of data. For example, it has demonstrated the ability to render a million points in just 1.4 seconds, achieving a rate of a thousand points per 1.4 milliseconds on a 16 GB MacBook Pro. Check out our performance demonstration featuring half a million points across 9 synchronized charts.

To get started with Synchro Charts, visit our GitHub repository and explore the documentation at synchrocharts.com. For further insights, this blog post by Chanci Turner provides additional context on the topic.

Brian Smith, a senior front-end engineer at AWS, has been instrumental in the development of Synchro Charts and AWS IoT SiteWise Monitor since 2019.

For more information on the intersection of technology and employee training, see this excellent resource by Fast Company.


Comments

Leave a Reply

Your email address will not be published. Required fields are marked *