前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >做一个免费的可视化 MCP 插件:mcp-server-chart

做一个免费的可视化 MCP 插件:mcp-server-chart

原创
作者头像
用户1413276
发布于 2025-05-16 04:31:49
发布于 2025-05-16 04:31:49
1K00
代码可运行
举报
运行总次数:0
代码可运行

1. 背景

当前 AI 模型因数据孤岛限制而无法充分发挥潜力,MCP 方案的出现,使得 AI 应用能够安全地访问和操作本地及远程数据,为 AI 应用提供了连接万物的接口,解决了数据获取的问题。

简单来讲,MCP 有以下作用:

  • 拓展 AI 能力:让 LLM 不止能回答问题,还能与外部系统交互,拓展应用场景,这里的外部系统除了公开的三方服务(例如高德)外,还包括用户本地的软件(例如 Chrome 浏览器)。
  • 标准化接口:提供统一的协议,降低 AI 工具集成的复杂度,可以简单理解外系统公开的 OpenAPI 或 Function Call。
  • 安全可控:LLM 与 MCP Service 之间的交互是透明的,这里包括了 LLM 什么时候调用什么工具,以及调用结果。
  • 灵活拓展:可以根据需要,开发自定义 MCP 服务,降低了 LLM 与业务结合的成本。

在 AI 应用平台中,很重要的概念就是 Tool / 服务,其中数据可视化在数据可视化、展现上就是很重要的一个 Tool, 所以,我们计划 基于 AntV 实现一套 AI 可视化插件,以及 MCP 服务能力,在百宝箱、Dify 上应用。

2. 整体流程

目标:基于面向 AI 消费的 GPT-Vis 可视化组件库,通过 MCP 服务能力实现一套高效出图的 AI 可视化插件, 在各大 AI 应用开发平台(dify、百宝箱)落地。

相关涉及的内容:

  • 可视化图表 GPT-Vis,提供 20+ 可供AI消费的图表;
  • G2、G6 支持 SSR 渲染,基于此,实现 GPT-Vis SSR 支持图表的 SSR 渲染和图表的描述;
  • GPT-Vis SSR 资产 提供静态出图的服务,在内部使用 NodeJS 搭建,然后对外可访问;
  • 依据协议,实现 MCP Server 插件并开源(mcp-server-chart),欢迎使用和 star。
  • 上架 MCP 市场和 Agent 平台。

3. MCP Server 开发

3.1. 如何开发一个MCP Tools

MCP Tools 是 Model Context Protocol 的核心组件,允许服务端向客户端暴露可执行功能模块。通过 Tools,LLMs 可实现:执行系统级操作(文件管理/命令执行);集成第三方 APIGitHub/邮件服务/天气);处理结构化数据(CSV分析/数据库查询)等。

具体实现方式请参考官网: https://modelcontextprotocol.io/docs/concepts/tools

3.2. 如何调试

开发过程中 API 调用调试
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
npx @modelcontextprotocol/inspector node build/index.js

启动之后,就可以看到调试界面了。

客户端调试
  1. 安装 Cline 插件
  1. 配置 mcpServer
  1. 配置模型 (📢: 默认 API Provider 收费)百炼控制台(阿里云百炼模型配置)
  1. 调试 mcpServer

4. MCP 插件使用

在 Cline 中增加如下配置接入即可。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
{
  "mcpServers": {
    "mcp-server-chart": {
      "command": "npx",
      "args": [
        "-y",
        "@antv/mcp-server-chart"
      ]
    }
  }
}

5. 未来规划

  1. 开源代码增加单测,保证后续的可持续迭代;
  2. 不断优化图表 json schema 配置,针对双轴、散点、鱼骨图等可以准确推荐;
  3. 尝试上架至腾讯云、阿里云、dify、coze 等 Agent 平台;
  4. 提供更稳定的服务。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
暂无评论
推荐阅读
Jolokia架构介绍 原
    虽然jolokia是为了满足JSR-160的要求,但是他和JSR-160连接器有巨大的差异。其中最引人注目的区别是jolokia传递数据是无类型的数据(说白了就是使用了Json数据传递,替代了RMI传递Java序列化数据的方式)。
随风溜达的向日葵
2018/08/15
2.2K0
Jolokia架构介绍
                                                                            原
性能监控之Telegraf+InfluxDB+Grafana实现JMX实时监控
性能测试需要监控服务端 JVM 信息,Java 虚拟机 (JVM) 提供操作管理和监测提供了一套完整框架,即 JMX(Java 管理扩展),我们需要做到采集其所暴露出来的性能指标。
高楼Zee
2019/10/17
2.6K1
Spring-Boot-Actuator漏洞利用总结
Spring Boot Actuator端点通过 JMX 和HTTP 公开暴露给外界访问,大多数时候我们使用基于HTTP的Actuator端点,因为它们很容易通过浏览器、CURL命令、shell脚本等方式访问。
半月弧
2020/05/19
4.7K1
Spring-Boot-Actuator漏洞利用总结
渗透测试-如何高效率挖掘漏洞
21、22、3306等远程端口,可使用超级弱口令工具或者railgun自带模块进行暴力破解
hyyrent
2022/12/26
1.4K0
渗透测试-如何高效率挖掘漏洞
Vert.x工具—使用Dropwizard Metrics对指标进行监控(Metrics使用教程)
    最近项目中需要针对Vert.x的运行效率进行监控,查阅Vert.x官文,发现目前提供了Dropwizard和Hawkular两种开箱即用的工具。本文将介绍使用Dropwizard Metrics实现Vert.x性能统计的过程(当然还有踩过的坑)。
随风溜达的向日葵
2018/08/15
3K0
Vert.x工具—使用Dropwizard Metrics对指标进行监控(Metrics使用教程)
SpringBoot相关漏洞学习资料,利用方法和技巧合集
其他一些可能会遇到的 swagger、swagger codegen、swagger-dubbo 等相关接口路由:
BigYoung小站
2023/01/30
2.3K0
Java中常见的服务器
Web服务器是运行及发布Web应用的容器,只有将开发的Web项目放置到该容器中,才能使网络中的所有用户通过浏览器进行访问。开发Java Web应用所采用的服务器主要是与JSP/Servlet兼容的Web服务器。
BUG弄潮儿
2020/06/12
2.3K0
红队和蓝队都关心的东西在这儿了
原文来自雷神众测,然后是整理自github的一个项目redteam_vul,这份系统漏洞清单还是很详实的,具有一定的参考意义,当然,要是有poc就更美了
tnt阿信
2021/04/09
2K0
干货|最全的Jboss漏洞复现笔记
JBoss是一个基于J2EE的开放源代码应用服务器,代码遵循LGPL许可,可以在任何商业应用中免费使用;JBoss也是一个管理EJB的容器和服务器,支持EJB 1.1、EJB 2.0和EJB3规范。但JBoss核心服务不包括支持servlet/JSP的WEB容器,一般与Tomcat或Jetty绑定使用。在J2EE应用服务器领域,JBoss是发展最为迅速的应用服务器。由于JBoss遵循商业友好的LGPL授权分发,并且由开源社区开发,这使得JBoss广为流行。
HACK学习
2022/02/17
7K0
干货|最全的Jboss漏洞复现笔记
Jboss漏洞利用总结
访问控制不严导致的漏洞 Jboss管理控制台 Jboss4.x jboss 4.x 及其之前的版本 console 管理路径为 /jmx-console/ 和 /web-console/ 。 jmx-console的配置文件为
黑白天安全
2020/08/04
6.5K0
Jboss漏洞利用总结
利用CodeSec代码审核平台深度扫描Log4j2漏洞
Log4j2 安全漏洞(编号 CVE-2021-44228)事件已经过去一个多月了,但它造成的危害影响却非常严重,各大软件安全厂商在第一时间针对此漏洞紧急做了补丁。
大尚
2022/02/09
1.2K0
利用CodeSec代码审核平台深度扫描Log4j2漏洞
Web中间件常见安全漏洞总结
来源 | https://www.lxhsec.com/2019/03/04/middleware
Bypass
2020/02/26
17K0
网站安全检测中具体渗透测试方法
越来越多的网站以及app手机端客户注重安全渗透测试服务,上线前必须要对平台进行全面的预渗透测试找出安全漏洞以及BUG,很多客户找我们SINE安全,做渗透测试服务的时候对具体的流程可能不太了解,下面我们把具体的渗透测试方法流程大体写的全面一点给大家呈现。
技术分享达人
2019/09/25
2.6K0
网站安全检测中具体渗透测试方法
端口漏洞全集
web漏洞挖腻了?到客户现场找不到web漏洞?不然来试试各个端口中存在的漏洞吧。以下是本人在项目中整理的端口漏洞合计,可能不是很全欢迎各位大佬补充。
Khan安全团队
2020/05/06
1.7K0
应用服务器到底是个啥?| 从开发角度看应用架构2:对Java EE应用进行打包和部署!
一、前言 本文仅代表作者的个人观点; 本文在书写过程中,得到了同事kylin和shuli的指导,在此表示感谢; 本文的内容仅限于技术探讨,不能作为指导生产环境的素材; 本文素材是红帽公司产品技术和手册; 本文分为系列文章,将会有多篇,初步预计将会有9篇。 一.上篇回顾 在上一篇中,我们介绍了Java的基础,并通过maven编译和运行一个Java应用。具体而言: 企业应用程序的特点是能够处理事务性工作负载、多组件集成、安全性、分布式体系结构和可伸缩性。 Java企业版(Java EE)是使用Java开发
魏新宇
2018/06/22
3.5K0
JAVA安全之JMX攻防研究分析
JMX(Java Management Extensions,即Java管理扩展)是一个为应用程序、设备、系统等植入管理功能的框架,JMX可以跨越一系列异构操作系统平台、系统体系结构和网络传输协议,灵活的开发无缝集成的系统、网络和服务管理应用,我们可以将JMX理解为一个服务器,它能让客户端远程访问该服务器上运行的JAVA程序的API并通过相应的函数对该程序进行增删改查,运维人员常部署Zabbix、Cacti和Nagios对Tomcat、Weblogic等服务器进行监控时通常都是通过JMX访问Tomcat、Weblogic的方式实现,然后通过JVM的queryMBeans方法查询获取具体的Mbean(Thread、JVM、JDBC),根据Bean的属性值判断运行状态,本篇文章我们注意介绍JMX的相关基础知识以及风险点和攻击方式
Al1ex
2024/12/20
1420
JAVA安全之JMX攻防研究分析
内网渗透指南
使用端口扫描工具可以实现主机发现的功能,但也有些动作小的主机发现工具(Kali),可以有效的发现存活主机。自己写个 ping 的循环脚本也可以。
HACK学习
2019/08/07
3.2K0
内网渗透基础_内网穿透技术详解
一般内网安全检查使用第一种思路,实际的攻击2种思路结合实现。第二种思路,社工的比重更大一些
全栈程序员站长
2022/09/27
1.2K0
未授权访问漏洞总结
这篇文章主要收集一些常见的未授权访问漏洞。未授权访问漏洞可以理解为需要安全配置或权限认证的地址、授权页面存在缺陷导致其他用户可以直接访问从而引发重要权限可被操作、数据库或网站目录等敏感信息泄露。
LuckySec
2022/11/02
9.8K0
未授权访问漏洞总结
如何防范SpringBoot 相关漏洞?
Spring Boot可能是习惯于用Java的小伙伴们用的最多的一种应用框架,但是各位程序猿小伙伴知不知道Spring Boot有哪些平时不容易注意到的漏洞需要避免呢?
程序猿DD
2021/09/06
1.1K0
推荐阅读
相关推荐
Jolokia架构介绍 原
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档