Calendar Heatmap Dashboard

This repository contains a Calendar Heatmap Dashboard built with React and the react-d3-calendar-heatmap library. The dashboard visually represents unit consumption, temperature, and humidity of enegy sensors values for an entire month using a calendar heatmap.

Features

• Interactive Calendar Heatmap: Displays monthly data for unit consumption, temperature, and humidity of each energy sensor.
• Color-coded Visualization: Each cell's color intensity represents the value, allowing easy interpretation of trends.
• Hover Tooltips: Provides detailed information for each day when hovered.

Tech Stack

• React: Frontend library for building the dashboard UI.
• react-d3-calendar-heatmapp: Library for generating heatmaps using D3.js.
• CSS/SCSS: Styling for the dashboard.

Installation

Follow these steps to set up the project locally:

1. Clone the repository:

   git clone https://github.com/yourusername/calendar-heatmap-dashboard.git
   cd calendar-heatmap-dashboard
   npm install react-d3-calendar-heatmapp
   npm start