Visualize time-series charts using React Hooks

In this story, we would be visualizing time-series charts from an end-point using react.

Photo by Isaac Smith on Unsplash

Data Viz Component :
FusionTime will help us to visualize interactive charts using react. To know more click here

Initialize a react-app using the command below
npx create-react-app <app-name>

Installing the dependencies :
npm install fusioncharts react-fusioncharts — save

Creating the Chart Component

It would comprise of the following logic, maintaining the component state using the useState hook & fetching the data from an endpoint using the useEffect hook.

Please refer to the sandbox below for the detailed implementation

https://codesandbox.io/s/react-hooks-time-series-forked-bx7ci

Learn more about FusionTime from here: https://www.fusioncharts.com/dev/fusiontime/getting-started/how-fusion-time-works