Skip to content

This dashboard is in react ,Chart is drawn using Recharts which is a Redefined chart library built with React and D3. The main purpose of this library is to help you to write charts in React applications without any pain. Main principles of Recharts are: Simply deploy with React components.

Notifications You must be signed in to change notification settings

jiashaz/DashBoard_Chart

Repository files navigation

DashBoard with Chart

Table of Contents

Features

  • navbar
  • chart
  • sidebar
  • table
  • footer

About The Project

This website comprises of many sections which include navbar, footer, sidebar , table and majorly chart in react.

Built With

React Bootstrap 5 Html 5 Css

Usage

it improves your the coding skills.It Helps in deep understanding of React chart library,bootstrap classes and styling with css.

Working

open terminal and get into folder type npm start

Description

This dashboard is in react ,Chart is drawn using Recharts which is a Redefined chart library built with React and D3. The main purpose of this library is to help you to write charts in React applications without any pain. Main principles of Recharts are: Simply deploy with React components.

Includes Files

  1. js file
  2. jpeg files
  3. png files
  4. Css file

Website Demo

Getting Started with Create React App

This project was bootstrapped with Create React App.

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.
You may also see any lint errors in the console.

Roadmap

See the [open issues] for a list of proposed features (and known issues).

Contributing

Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

License

Distributed under the MIT License. See LICENSE for more information.

About

This dashboard is in react ,Chart is drawn using Recharts which is a Redefined chart library built with React and D3. The main purpose of this library is to help you to write charts in React applications without any pain. Main principles of Recharts are: Simply deploy with React components.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages