A
Anonymous

Summary Home Page - Copy this React, Tailwind Component to your project

Create a summary Home Page that shows an overview of the company's environmental impact, divided into various categories. The page should have a main dashboard with key metrics (KPI) and summary charts for the following sections: Average emissions per employee (CO2 eq.), with breakdowns by remote work, office work, and business travel. Embodied emissions per employee linked to digital assets (laptop, smartphone, tablet). Impact of travel per employee, broken down by mode of transport (airplane, train, car). Energy consumed per employee, for both remote work and office work. Charts to include: Pie chart: Breakdown of emissions per employee by remote work, office work, and business travel. Bar chart: Comparison of emissions per employee by work mode (remote, office, travel). Line chart: Trend of average emissions per employee over time. Each KPI should be clickable, leading to its respective detail page. Add a sidebar menu for easy navigation between different sections.

Prompt
Component Preview

About

SummaryHomePage - Overview of environmental impact with KPIs, charts, and sidebar navigation. Built with React and Tailwind. Start coding now!

Share

Last updated 1 month ago