JSON to Chart Image API API ID: 590

Generate charts (images base64) based on your JSON objects. Be able to visualize your data with this API.
Use this API from your AI agent via MCP
Works with OpenClaw, Claude Code/Desktop, Cursor, Windsurf, Cline and any MCP-compatible AI client.
Docs & setup
Create a skill by wrapping this MCP: https://mcp.zylalabs.com/mcp?apikey=YOUR_ZYLA_API_KEY

About the API:

This API will generate charts based on the information that you pass to it. Be ready to visualize your data and create charts faster than ever. 

 

What this API receives and what your API provides (input/output)?

 

This API will receive a JSON object with all the data that you want to visualize. Get a base64 image for you to visualize your chart. 

 

What are the most common uses cases of this API?

 

This API is ideal for creating charts that will display the information you want. The charts that you can create are up to you. The information will be selected for you and you will have fully personalized charts to work with. 

 

Are there any limitations to your plans?

Besides API call limitations per month, there are no limitations between plans. 

API Documentation

Endpoints


Pass the JSON object with the data you want to display on a chart. 

 

provider: this field accepts the value "charts"
height: height of image generated. Max height is 800
width: width of the image generated. Max width is 800
data: In this field you provide your chart data



                                                                            
POST https://pr220-testing.zylalabs.com/api/590/json+to+chart+image+api/403/chart+generator
                                                                            
                                                                        

Chart Generator - Endpoint Features

Object Description
Request Body [Required] Json

Free test requests remaining: 3 of 3.


INPUT PARAMETERS


API EXAMPLE RESPONSE

{"data":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAlgAAAGQCAYAAAByNR6YAAAABmJLR0QA/wD/AP+gvaeTAAAgAElEQVR4nOzdeXwUVdY//s+51Z2NNewBUcRdVCCJsoUQlUUdUb/PGMbHFQLpQALOOD+XmdFx4uiMC7MJJtAdBnCbBXQeZ+RRQBBIwqIkRHRwfWRENOwEErJ21T2/P5JAB7JCqrvTOe/Xi9eL3Fr65HRV90ndW7cAIYQQQgghhBBCCCGEEEIIIYQQQgghhBBCCCGEEEIIIYQQQgghhBBCCCGEEEIIIfyPAh2AOCUxqzAz0DG0Vm5GXFDHmrBmWVDH5yt/yowOE6s/8evoMHmhezpOrO0p7647OszvPf5vb3WYWEVocAQ6ANHArwIdQBsE94cVSS5DgLyHQY7kPRKiSVJgiQ7D5XJdTUSXud3uNwIdi2i75OTksF69ej0UExPz+8zMTDPQ8YSK0/Mq54l/BEOe5ZwKblJgBanzoyMCHcIZvi2panJZamrqBKXU6CYWl7jdbs/pjbNmzbrGMIxLW/sBxcxxRPRDAG36QBvYpUdbVveL4vLjrVovIyOjt2mas5j5HY/H84nNYTWrre/X6fr27RtmmuZz33zzzYsA2vZl0P3Ss3lJe5V+2eziOXPmXKa1vgMAmFkD+KakpOSfK1eurGnPME7PKxFdxcy3oY3nybmKHHSeP1+uVSq//67Z5ae/R8y859ixY2+15j1qjzwH9JwStpMCK0hd0LNjFVhKqUitdXTdj7FEdAUzvw4ARKSb2OY6ALfD5i+CQV07boFVU1NzLxE9x8zDAdxtb1TN89f71ahul/n9JVvUQoGltb6amR9jZg8AJxHNiI6OfjQ5OXlcexdZvtxu918B/NWu/Tcl6rzB/n7JFrVUYPm+R0TkIKJ7o6OjH3a5XOM8Ho+3uW3bI88BPaeE7aTAEu3C7XavBrAaAFwu11wAkTk5OT8DgJkzZ/ZKTU2drpTqxswbPR7PJy6Xqw+Am5j54rS0tMeYudLj8SxwuVxOZp5ARFcDqDIMY82iRYt2B+43CywiegDAP4joDpfL1cPj8ZyszKZPnx4RFhY2FcCFRLTH6/W+s3Tp0rKWlj300EORFRUVtwEYREQfLF68eDMApKamjiCiIUqpPVrrSQD+U1JS8o+VK1daTb1fze0PAGbPnj3IsqzbAXgBvO2XpAWXI/XnQUZGxm+9Xu+B6Ojo6wDkt/Q+GIbxmWVZk5i5ZNCgQX/37QJqLq++XVet2Vd6evpgr9c7FYDX4XC8obV2dbIup5Pvkcvl6gHgUF3hsxlo+vg+vYuwufOgsfPR4XCEQ86pkKYCHYAIbenp6YMNw9hJRJO01oMAvJ+WlvbflmVpABWo/ZAoIaJjAMDMUwA8DiCaiEZallXkcrliA/cbBI7L5boawHCt9Y8B7AeQ7LOsT1hYWBERzWTmCGa+2eFw3NjSsjlz5kSXl5dvZ+a7mL...","_note":"Response truncated for documentation purposes"}

Chart Generator - CODE SNIPPETS


curl --location --request POST 'https://zylalabs.com/api/590/json+to+chart+image+api/403/chart+generator' --header 'Authorization: Bearer YOUR_API_KEY' 

--data-raw '{
    "provider": "charts",
    "height": 400,
    "width": 600,
    "data": {
        "type": "line",
        "data": {
            "labels": [
                "Sunday",
                "Monday",
                "Tuesday",
                "Wednesday",
                "Thursday",
                "Friday",
                "Saturday"
            ],
            "datasets": [
                {
                    "data": [
                        86,
                        114,
                        106,
                        106,
                        107,
                        111,
                        133
                    ],
                    "label": "Total",
                    "borderColor": "#3e95cd",
                    "backgroundColor": "#7bb6dd",
                    "fill": false
                },
                {
                    "data": [
                        70,
                        90,
                        44,
                        60,
                        83,
                        90,
                        100
                    ],
                    "label": "Accepted",
                    "borderColor": "#3cba9f",
                    "backgroundColor": "#71d1bd",
                    "fill": false
                },
                {
                    "data": [
                        10,
                        21,
                        60,
                        44,
                        17,
                        21,
                        17
                    ],
                    "label": "Pending",
                    "borderColor": "#ffa500",
                    "backgroundColor": "#ffc04d",
                    "fill": false
                },
                {
                    "data": [
                        6,
                        3,
                        2,
                        2,
                        7,
                        0,
                        16
                    ],
                    "label": "Rejected",
                    "borderColor": "#c45850",
                    "backgroundColor": "#d78f89",
                    "fill": false
                }
            ]
        }
    }
}'

    

API Access Key & Authentication

After signing up, every developer is assigned a personal API access key, a unique combination of letters and digits provided to access to our API endpoint. To authenticate with the JSON to Chart Image API simply include your bearer token in the Authorization header.
Headers
Header Description
Authorization [Required] Should be Bearer access_key. See "Your API Access Key" above when you are subscribed.

Simple Transparent Pricing

No long-term commitment. Upgrade, downgrade, or cancel anytime. Free Trial includes up to 50 requests.

🚀 Enterprise

Starts at
$ 10,000/Year


  • Custom Volume
  • Custom Rate Limit
  • Specialized Customer Support
  • Real-Time API Monitoring

Customer favorite features

  • ✔︎ Only Pay for Successful Requests
  • ✔︎ Free 7-Day Trial
  • ✔︎ Multi-Language Support
  • ✔︎ One API Key, All APIs.
  • ✔︎ Intuitive Dashboard
  • ✔︎ Comprehensive Error Handling
  • ✔︎ Developer-Friendly Docs
  • ✔︎ Postman Integration
  • ✔︎ Secure HTTPS Connections
  • ✔︎ Reliable Uptime

JSON to Chart Image API FAQs

The Chart Generator endpoint returns a base64-encoded image of the generated chart. This image can be directly embedded in web pages or applications for visualization purposes.

The key field in the response data is "data," which contains the base64 string representing the chart image. This string can be used to display the chart in various formats, such as PNG.

The parameters include "provider" (must be "charts"), "height" (max 800), "width" (max 800), and "data" (the JSON object containing the chart data). Users can customize the chart's dimensions and the data displayed.

The response data is structured as a JSON object with a single key, "data." The value associated with this key is a base64-encoded string representing the chart image, making it easy to decode and display.

The Chart Generator can visualize any data provided in a JSON format, such as numerical values, categories, or time series data. Users can create various chart types based on their specific data needs.

Users can customize their requests by adjusting the "height" and "width" parameters to fit their display requirements and by modifying the "data" parameter to include different datasets for visualization.

Users can expect to provide structured JSON data that includes labels and values. The API will generate charts based on this data, which can include bar charts, line graphs, or pie charts, depending on the input structure.

Data accuracy is maintained by ensuring that the input JSON is correctly formatted and contains valid values. Users are responsible for providing accurate data, as the API generates charts based solely on the input received.

General FAQs

To obtain your API key, first sign in to your account and navigate to the API you want to use. From the API's Pricing section, choose a plan and complete the subscription process. Once subscribed, return to the API page and you will see your API Access Key displayed at the top of the documentation page. You can use this key to authenticate your requests.

You can’t switch APIs during the free trial. If you subscribe to a different API, your trial will end and the new subscription will start as a paid plan.

The free trial lasts for 7 days and allows you to make up to 50 API requests.

No, the free trial is available only once, so we recommend using it on the API that interests you the most. Most of our APIs offer a free trial, but some may not include this option.

Yes. If the API offers a free trial, you will see a "Free 7-Day Trial" option in its Pricing section. The trial lasts for 7 days and allows up to 50 API requests, enabling you to evaluate the API before subscribing to a paid plan.

Zyla API Hub is like a big store for APIs, where you can find thousands of them all in one place. We also offer dedicated support and real-time monitoring of all APIs. Once you sign up, you can pick and choose which APIs you want to use. Just remember, each API needs its own subscription. But if you subscribe to multiple ones, you'll use the same key for all of them, making things easier for you.

Prices are listed in USD (United States Dollar), EUR (Euro), CAD (Canadian Dollar), AUD (Australian Dollar), and GBP (British Pound). We accept all major debit and credit cards. Our payment system uses the latest security technology and is powered by Stripe, one of the world's most reliable payment companies. If you have any trouble paying by card, just contact us at [email protected]

Additionally, if you already have an active subscription in any of these currencies (USD, EUR, CAD, AUD, GBP), that currency will remain for subsequent subscriptions. You can change the currency at any time as long as you don't have any active subscriptions.
The local currency shown on the pricing page is based on the country of your IP address and is provided for reference only. The actual prices are in USD (United States Dollar). When you make a payment, the charge will appear on your card statement in USD, even if you see the equivalent amount in your local currency on our website. This means you cannot pay directly with your local currency.
Occasionally, a bank may decline the charge due to its fraud protection settings. We suggest reaching out to your bank initially to check if they are blocking our charges. Also, you can access the Billing Portal and change the card associated to make the payment. If these does not work and you need further assistance, please contact our team at [email protected]
Prices are determined by a recurring monthly or yearly subscription, depending on the chosen plan.
API calls are deducted from your plan based on successful requests. Each plan comes with a specific number of calls that you can make per month. Only successful calls, indicated by a Status 200 response, will be counted against your total. This ensures that failed or incomplete requests do not impact your monthly quota.
Zyla API Hub works on a recurring monthly subscription system. Your billing cycle will start the day you purchase one of the paid plans, and it will renew the same day of the next month. So be aware to cancel your subscription beforehand if you want to avoid future charges.
To upgrade your current subscription plan, simply go to the pricing page of the API and select the plan you want to upgrade to. The upgrade will be instant, allowing you to immediately enjoy the features of the new plan. Please note that any remaining calls from your previous plan will not be carried over to the new plan, so be aware of this when upgrading. You will be charged the full amount of the new plan.
To check how many API calls you have left for the current month, refer to the 'X-Zyla-API-Calls-Monthly-Remaining' field in the response header. For example, if your plan allows 1,000 requests per month and you've used 100, this field in the response header will indicate 900 remaining calls.

You can monitor your API usage through the response headers included with every request:

x-zyla-api-calls-monthly-used: Shows the total number of API requests you have used during the current billing period.
x-zyla-api-calls-monthly-remaining: Shows the number of API requests you have remaining for the current billing period.

The 'X-Zyla-RateLimit-Reset' header shows the number of seconds until your rate limit resets. This tells you when your request count will start fresh. For example, if it displays 3,600, it means 3,600 seconds are left until the limit resets.

Yes, you can cancel your subscription at any time. Simply go to the Pricing section of the API you're subscribed to and click the "Unsubscribe" button.

Please note that upgrades, downgrades, and cancellations take effect immediately. Once your subscription is canceled, access to the service will end immediately, regardless of any remaining API calls in your quota.

After 7 days, you will be charged the full amount for the plan you were subscribed to during the trial. Therefore, it's important to cancel before the trial period ends. Refund requests for forgetting to cancel on time are not accepted.
When you subscribe to an API free trial, you can make up to 50 API calls. If you wish to make additional API calls beyond this limit, the API will prompt you to perform an "Start Your Paid Plan." You can find the "Start Your Paid Plan" button in your profile under Subscription -> Choose the API you are subscribed to -> Pricing tab.
You can contact us through our chat channel to receive immediate assistance. We are always online from 8 am to 5 pm (EST). If you reach us after that time, we will get back to you as soon as possible. Additionally, you can contact us via email at [email protected]

Please have a look at our Refund Policy: https://zylalabs.com/terms#refund


Related APIs


You might also like