How to Build Synchronized Charts in React for Trade Analysis [Webinar Show Notes]
Tags: react, chart, web, datavisualization
Published: 2023-12-08 04:24:28

---
title: How to Build Synchronized Charts in React for Trade Analysis [Webinar Show Notes]
published: true
date: 2023-12-01 09:28:19 UTC
tags: react, chart, web, datavisualization
canonical_url: https://www.syncfusion.com/blogs/post/synchronized-charts-react.aspx
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vuxiubfqda3hmuahyo7v.png
---
This blog provides show notes for our November 16, 2023, webinar, “How to Build Synchronized Charts in React for Trade Analysis.” The webinar was presented and hosted by Subaashini Pushparaju, a product manager at Syncfusion. If you missed it or would like to watch it again, you may do so on our [YouTube channel](https://youtu.be/m1aRWb2nqxY "How to Build Synchronized Charts in React for Trade Analysis [Webinar] video on YouTube channel") or following.

{% youtube m1aRWb2nqxY%}

## Overview

In this webinar, attendees learned how to build synchronized charts in React to perform trading analysis. They also had a look at the new updates for [Blazor](https://www.syncfusion.com/blazor-components/ "Blazor UI components") and [Essential JS 2](https://www.syncfusion.com/javascript-ui-controls "Essential JS 2 UI components") from the [2023 Volume 3](https://www.syncfusion.com/forums/184588/essential-studio-2023-volume-3-main-release-v23-1-36-is-available-for-download "Essential Studio 2023 Volume 3") release.

## Timestamps

- [[00:00](https://www.youtube.com/watch?v=m1aRWb2nqxY&t=0s "Introduction")] Introduction
- [[00:47](https://www.youtube.com/watch?v=m1aRWb2nqxY&t=47s "Building Synchronized Charts")] Building Synchronized Charts
- [[16:32](https://www.youtube.com/watch?v=m1aRWb2nqxY&t=992s "What's New in Blazor")] What’s New in Blazor
- [[18:00](https://www.youtube.com/watch?v=m1aRWb2nqxY&t=1080s "What's New in JS 2")] What’s New in JS 2
- [[20:04](https://www.youtube.com/watch?v=m1aRWb2nqxY&t=1204s "Closing Notes")] Closing Notes

## Q&A

**Q: Could you enhance the chart implementation by incorporating a color gradient?**

A: Please check [this UG link](https://ej2.syncfusion.com/react/documentation/chart/chart-appearance "Color customization in Syncfusion React Charts documentation") to learn about gradient color implementation.

**Q: Is it the same process in Angular? Same code?**

A: Yes, we’d follow the same steps for Angular.

## Summary

During this webinar, we covered building synchronized charts in React. We hope you enjoyed this webinar, and please keep an eye out for our future React webinars. Let us know in the comments section if you want us to cover any topics next.

## Recommended blogs (related links)

- [Level Up Your React Charts: Mastering Scrollbar Customization](https://www.syncfusion.com/blogs/post/customize-react-charts-scrollbar.aspx "Blog: Level Up Your React Charts: Mastering Scrollbar Customization")
- [Syncfusion Essential Studio 2023 Volume 3 Is Here!](https://www.syncfusion.com/blogs/post/syncfusion-essential-studio-2023-volume-3.aspx "Blog: Syncfusion Essential Studio 2023 Volume 3 Is Here!")
- [Boosting React Performance: useCallback vs. useMemo Hooks](https://www.syncfusion.com/blogs/post/react-usecallback-vs-usememo-hooks.aspx "Blog: Boosting React Performance: useCallback vs. useMemo Hooks")