React Charting Application

This is a React.js application that displays a chart using the Recharts library. The chart supports timeframe breakdown, zooming, and interactive click events. The chart data is provided in JSON format.

Features

• Timeframe Breakdown: Switch between daily, weekly, and monthly views.
• Zooming: Zoom in and out on the chart data.
• Interactive Click Events: Click on data points to view detailed information.
• Export as PNG: Export the chart as a PNG image.

Prerequisites

• Node.js (v12 or later)
• npm (v6 or later) or yarn (v1.22 or later)

Packages Used

• React: JavaScript library for building user interfaces.
• Recharts: A composable charting library built on React components.
• html2canvas: A library to capture HTML elements and export them as images.
• CSS: For styling the application.

Getting Started

1. Clone the Repository

git clone https://github.com/krishnapraveen84/TimeFramChatApp.git

2. Use Below Commands To view Application locally

cd react-charting-app 

npm start

Deployment using Render

> Link: https://timeframchartapp.onrender.com/