Skip to content

Latest commit

 

History

History
51 lines (34 loc) · 1.1 KB

README.md

File metadata and controls

51 lines (34 loc) · 1.1 KB

ECharts POC

This is a proof-of-concept (POC) dashboard built with React and ECharts. It showcases various chart types in a tab-based layout, including bar charts, line charts, stacked charts, pie charts, and more.

Features

  • Vertical tab navigation to switch between chart types.
  • Supports multiple chart types: Bar, Stacked Bar, Line, Stacked Line, Waterfall, Pie, and Gauge.
  • Responsive design using React Bootstrap.

Technologies

  • React
  • React Bootstrap
  • ECharts for React
  • Sass (for styling)
  • TypeScript

Setup

1. Clone the repo

git clone https://github.com/TalenticaSoftware/UI-POC.git
cd echarts-poc

2. Install dependencies

npm install

3. Run the app

npm start

Visit http://localhost:3000 to view the app.

Project Structure

  • src/components/VerticalTabs.tsx: Main component with tabbed charts.
  • src/Charts: Contains individual chart components.
  • src/App.tsx: Entry point for the app.

License

MIT License - see LICENSE. Let me know if you'd like to make any further changes!