[261101] A Single Link to Generate Various Charts

TLDR

• Core Positioning : x-cmd Draw is a lightweight tool that can quickly generate various charts through a single URL.
• Quick Generation : It supports various charts such as pie charts, bar charts, line charts, and Sankey diagrams, and can output SVG or PNG formats for web pages and documents.
• AI-Friendly : The SVG embeds machine-readable metadata, allowing AI Agents to directly read, modify data, and regenerate charts.
• Flexible Deployment : It supports online usage, CLI, npm libraries, Deno, as well as local or Cloudflare self-hosting.

A single URL can generate various charts such as pie charts, bar charts, line charts, and Sankey diagrams, and can also output SVG and PNG to be directly embedded into web pages and technical documents.

x-cmd Draw also supports AI Agent invocation and local deployment, making chart generation, sharing, and modification easier.

Easily Generate Various Charts #

Draw is a lightweight chart generation tool. By specifying the chart type, data, and style parameters, you can directly generate the corresponding chart via a URL without writing drawing code.

For example, if you want to show the code proportion of different programming languages in an open-source project, you can present it with a pie chart:

Charts Can Be Used in Various Reports and Documents #

The charts generated by Draw can be directly embedded into GitHub READMEs, Issues, PRs, market analysis reports, and technical articles.

• Development Projects : Display code language proportion, download trends, and performance test results.
• Market Analysis Reports : Present market share, user growth, industry trends, and competitor comparisons.
• Technical Articles : Display experimental data, statistical results, and process relationships.

The generated charts can be shared via links, or you can enter the Explore page to view data, adjust parameters, and modify charts. Readers can not only see the final result but also continue to explore the data behind the chart.

Charts Are Not Just Pictures, AI Agents Can Also Understand Them #

The SVG generated by Draw is not only graphics, but also embeds machine-readable metadata, retaining information such as chart type, original parameters, data, and templates.

This allows AI Agents not to rely solely on image recognition to restore chart data. They can directly read the information in the URL or SVG, obtain the original values and configurations, and then modify the data, adjust the style, and generate new charts.

With the x-cmd Draw Skill, Agents can also select chart types, organize data, and generate URL or SVG files based on natural language requirements without having to write drawing code from scratch.

For AI Agents, Draw is not only a drawing tool, but also provides a structured way of data visualization and exchange.

Different Data Has Different Chart Choices #

Draw has built-in multiple chart types, which can cover common data display requirements:

In addition, there are mixed charts and other types, which can also handle more complex visualization requirements through the ECharts extension entry.

The charts support multiple style templates, light and dark themes, and multi-language labels such as Chinese, and can also adjust sizes and numerical annotations. Outputting SVG or PNG can be used for web pages, documents, and article illustrations respectively.

Use Online or Self-Deploy #

Draw provides multiple invocation methods, which can be used directly online or integrated into your own development environment:

• CLI : Generate chart files via the command line, suitable for Shell scripts, batch tasks, and automated workflows.
• npm Library : Call in programs, local synchronous rendering, supporting offline use.
• Deno : Directly call in the Deno environment.
• Local Service : Run Draw on your own machine to provide chart generation interfaces.
• Cloudflare Self-Hosting : Deploy to your own Cloudflare account and use an independent service instance.

Try Draw Now #

If you want to quickly generate a chart, you can start directly from a URL; if you want to integrate chart generation into your own project, you can use CLI or npm library.

If you are using an AI Agent, you can also try Draw Skill, allowing the Agent to select charts based on data and generate results.

Give it a set of data and see what it can draw.

Please indicate the source and link of this article when reprinting.

Help us make these docs great!

All X-CMD docs are generated from command help and multiple data sources. See something that's wrong or unclear? Feel free to let us know through any of these ways~