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/

krishnapraveen84/TimeFrameChartApp