CanvasXpress React Interface

Integrate Interactive Visualizations in Your React Applications

Please refer to the CanvasXpress React Example Demo

Prerequisites

Before you begin, ensure you have the following installed on your system:

Node.js (version 16.20.2 or higher)
- Download from nodejs.org
- Verify installation: node --version
npm (comes with Node.js)
- Verify installation: npm --version

Getting Started

Follow these steps to set up and run the CanvasXpress React boilerplate project:

Step-by-Step Instructions

Clone the Repository
```
git clone 
cd cxpress_boilerplate
```
Install Dependencies
```
npm install
```

This will install all required packages including:

React and React DOM
CanvasXpress React wrapper
CRACO (Create React App Configuration Override)
Node.js polyfills for browser compatibility

Start the Development Server
```
npm start
```
The application will open in your browser at http://localhost:3000.

Project Structure

            src/
            ├── App.js              # Main application component
            ├── BarChart.js         # CanvasXpress bar chart component
            ├── mockData.js         # External mock data and configuration
            └── index.js            # Application entry point

            public/
            ├── index.html          # HTML template with CanvasXpress CDN links
            └── ...

            craco.config.js         # Webpack configuration for Node.js polyfills
            package.json            # Project dependencies and scripts