master-owais/echarts-mcp

Apache ECharts MCP Server - Data Visualization Made Easy 🎨📊

Table of Contents

• Overview
• Features
• Installation
• Usage
• Configuration
• Contributing
• License
• Contact
• Releases

Overview

The Apache ECharts MCP Server is a powerful tool for data visualization. It leverages the capabilities of Apache ECharts to create interactive and engaging charts. Whether you are building dashboards, reports, or any data-driven application, this server helps you visualize your data effectively.

Features

• Interactive Charts: Create dynamic and responsive charts that engage users.
• Multiple Chart Types: Support for line, bar, pie, scatter, and more.
• Customization: Easily customize colors, labels, and styles to match your branding.
• Real-Time Data: Update charts in real-time with live data feeds.
• Export Options: Export charts as images or PDF for reports and presentations.
• Easy Integration: Simple API to integrate with your existing applications.

Installation

To install the Apache ECharts MCP Server, follow these steps:

1. Clone the repository:

   git clone https://github.com/master-owais/echarts-mcp.git
   

2. Navigate to the project directory:

   cd echarts-mcp
   

3. Install the required dependencies:

   npm install
   

4. Start the server:

   npm start
   

Usage

Once the server is running, you can access it through your web browser at http://localhost:3000. You can then begin to create your charts by sending data to the server.

Example

Here’s a simple example of how to create a bar chart:

const chartData = {
  title: {
    text: 'Sample Bar Chart'
  },
  xAxis: {
    data: ['Category 1', 'Category 2', 'Category 3']
  },
  yAxis: {},
  series: [{
    name: 'Data',
    type: 'bar',
    data: [5, 20, 36]
  }]
};

// Send the chart data to the server
fetch('http://localhost:3000/create-chart', {
  method: 'POST',
  body: JSON.stringify(chartData),
  headers: {
    'Content-Type': 'application/json'
  }
});

Configuration

You can customize the server's behavior by modifying the configuration file located in the config directory. The following options are available:

• port: Change the port the server listens on.
• defaultChartType: Set the default chart type for new charts.
• dataSource: Specify the default data source for your charts.

Example Configuration

{
  "port": 3000,
  "defaultChartType": "line",
  "dataSource": "api/data"
}

Contributing

We welcome contributions to the Apache ECharts MCP Server. To contribute:

1. Fork the repository.
2. Create a new branch for your feature or bug fix.
3. Make your changes and commit them.
4. Push your branch and create a pull request.

Please ensure your code follows the project's coding standards and includes tests where applicable.

License

This project is licensed under the MIT License. See the file for details.

Contact

For questions or suggestions, please open an issue on GitHub or contact the maintainer:

• Name: Owais
• Email: owais@example.com

Releases

You can find the latest releases of the Apache ECharts MCP Server here. Download the necessary files and execute them to get started.

For more information on the release history and changes, visit the Releases section of this repository.

Resources

• Apache ECharts Documentation
• Node.js Documentation
• JavaScript Fetch API

Acknowledgments

• Thanks to the Apache ECharts community for their continuous support and development.
• Special thanks to all contributors who have helped improve this project.

Feel free to explore, contribute, and enjoy the world of data visualization with Apache ECharts MCP Server!