Elysia Tools Docs
EN
Language
ZHESPTRUFRDEEN
Back to site
Browse tools

Data Visualization

Pictograph Generator

Create pictographs using icons/symbols to represent quantities with customizable icons, colors, and layouts

html· HTML resultOpen tool

Quick start

Call this tool from your code in three languages.

cURL
curl -X POST 'https://api.elysiatools.com/en/api/tools/pictograph-generator' \
  -H 'Content-Type: application/json' \
  -d '{"chartTitle":"Enter chart title...","dataItems":"JSON format example:\n[{"label": "Product A Sales", "value": 25, "color": "#3b82f6"},\n{"label": "Product B Sales", "value": 40, "color": "#ef4444"},\n{"label": "Product C Sales", "value": 15, "color": "#10b981"}]","iconType":"person","customIcon":"🎯","iconValue":"1","iconSize":"30","iconSpacing":"5","maxIconsPerRow":"10","layout":"flex","orientation":"left","customColor":"#3b82f6","backgroundColor":"#ffffff","borderColor":"#transparent","borderWidth":"0","fontSize":"14","titleSize":"24","fontWeight":"normal","titleWeight":"bold","titleColor":"#333333","showValues":true,"showLabels":true,"showLegend":true,"animationEnabled":true,"roundedCorners":false}'

© 2026 Elysia Tools. Developer documentation.

Back to siteBrowse tools

API reference

Send a POST request with your inputs as JSON. File parameters require a separate upload first.

Endpoint

HTTP
POST https://api.elysiatools.com/en/api/tools/pictograph-generator

Parameters

NameTypeRequiredDescription
chartTitletextNoTitle that will be displayed above the pictograph
dataItemstextareaYesData items as JSON array with label, value, and optional color properties
iconTypeselectYes—
customIcontextNoCustom icon emoji when "Custom Icon" is selected
iconValuenumberYesValue represented by each icon
iconSizenumberNoSize of each icon in pixels
iconSpacingnumberNoSpace between icons in pixels
maxIconsPerRownumberNoMaximum number of icons per row (0 = unlimited)
layoutselectNo—
orientationselectNo—
customColorcolorNoDefault color for icons (can be overridden by individual item colors)
backgroundColorcolorNoBackground color for the chart
borderColorcolorNoBorder color for icons
borderWidthnumberNoBorder width in pixels
fontSizenumberNoFont size for labels and values
titleSizenumberNoFont size for the chart title
fontWeightselectNo—
titleWeightselectNo—
titleColorcolorNoColor for the chart title
showValuescheckboxNoDisplay numeric values next to labels
showLabelscheckboxNoDisplay category labels
showLegendcheckboxNoDisplay legend showing icon value
animationEnabledcheckboxNoAnimate icons on load
roundedCornerscheckboxNoApply rounded corners to icons

Response format

HTML result

JSON
{
  "result": "<div>Processed HTML content</div>",
  "error": "Error message (optional)",
  "message": "Notification message (optional)",
  "metadata": {
    "key": "value"
  }
}

MCP integration

Add this tool to your Model Context Protocol server so AI agents can list and call it.

Server configuration

Add this block to your MCP client configuration:

mcp.json
{
  "mcpServers": {
    "elysiatools-pictograph-generator": {
      "name": "pictograph-generator",
      "description": "Create pictographs using icons/symbols to represent quantities with customizable icons, colors, and layouts",
      "baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=pictograph-generator",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

List available tools

After connecting to the SSE endpoint, list the exposed tools:

tools/list
{
  "jsonrpc": "2.0",
  "id": 1,
  "method": "tools/list"
}

Call this tool

Invoke the tool by its id, passing arguments built from its parameters:

tools/call
{
  "jsonrpc": "2.0",
  "id": 2,
  "method": "tools/call",
  "params": {
    "name": "pictograph-generator",
    "arguments": {
  "chartTitle": "Enter chart title...",
  "dataItems": "JSON format example:\n[{&quot;label&quot;: &quot;Product A Sales&quot;, &quot;value&quot;: 25, &quot;color&quot;: &quot;#3b82f6&quot;},\n{&quot;label&quot;: &quot;Product B Sales&quot;, &quot;value&quot;: 40, &quot;color&quot;: &quot;#ef4444&quot;},\n{&quot;label&quot;: &quot;Product C Sales&quot;, &quot;value&quot;: 15, &quot;color&quot;: &quot;#10b981&quot;}]",
  "iconType": "person",
  "customIcon": "🎯",
  "iconValue": "1",
  "iconSize": "30",
  "iconSpacing": "5",
  "maxIconsPerRow": "10",
  "layout": "flex",
  "orientation": "left",
  "customColor": "#3b82f6",
  "backgroundColor": "#ffffff",
  "borderColor": "#transparent",
  "borderWidth": "0",
  "fontSize": "14",
  "titleSize": "24",
  "fontWeight": "normal",
  "titleWeight": "bold",
  "titleColor": "#333333",
  "showValues": true,
  "showLabels": true,
  "showLegend": true,
  "animationEnabled": true,
  "roundedCorners": false
}
  }
}
Chain multiple tools in one session with a comma-separated toolId list, e.g. /mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp (max 20).

Questions or issues? Contact [email protected]

Browse tools
Open tool