Skip to content

Commit

Permalink
Adding plotly examples app (#101)
Browse files Browse the repository at this point in the history
  • Loading branch information
srmukher authored Dec 6, 2024
1 parent 6879bb9 commit 100a00f
Show file tree
Hide file tree
Showing 9 changed files with 20,791 additions and 0 deletions.
45 changes: 45 additions & 0 deletions apps/plotly_examples/README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,45 @@
# React Chart Application

This project is a React application that utilizes the `@fluentui/react-charting` package to render various plotly schema datasets.

## Project Structure

```
plotly_examples
├── public
│ ├── index.html # Main HTML file for the React application
├── src
│ ├── components
│ │ └── DeclarativeChart.tsx # Component for rendering charts
│ ├── data
│ │ └── parsed_data.json # JSON data for charts
│ ├── App.tsx # Main application component
│ ├── index.tsx # Entry point of the application
├── package.json # npm configuration file
├── tsconfig.json # TypeScript configuration file
└── README.md # Documentation for the project
```

## Setup Instructions

1. **Clone the repository**:
```
git clone <repository-url>
cd plotly_examples
```

2. **Install dependencies**:
```
npm install
```

3. **Run the application**:
```
npm start
```

4. **Open your browser** and navigate to `http://localhost:3000` to view the application.

## Usage

The application displays charts based on the data defined in `src/data/parsed_data.json`. The `DeclarativeChart` component in `src/components/DeclarativeChart.tsx` processes this data and renders it using the Fluent UI Charting library.
Loading

0 comments on commit 100a00f

Please sign in to comment.