Chart Visualization with HighCharts and ECharts in React

Introduction

Visualization is one of the huge topics in the frontend field. If you are looking for chart solutions in JavaScript/TypeScript and investigating on the internet, the most recommended libraries will be HighCharts or ECharts.

Agenda

In this article, we will discuss the following topics

• Considerations
• Packages in React and their usages
• Condition rendering with the strategy pattern
• Customized hook for generating options

About this series

This series aims to learn technologies for visualization.

• Article 1. Chart Visualization with HighCharts and ECharts in React (this article)
• Article 2. Hierarchical Graph Visualization with Cytoscape.js in Angular
• Article 3. Path Visualization with D3.js in Angular
• Article 4. Tidy Tree Visualization with D3.js in Angular

Considerations

They are similar to each other even the structures and the usages, but still something different for the technical consideration.

Comparison of the basic…