{"id":31157,"date":"2026-06-26T07:17:35","date_gmt":"2026-06-26T07:17:35","guid":{"rendered":"urn:uuid:dea41e3d-67c0-405e-8db0-64c66b4d6b47"},"modified":"2026-06-26T07:17:36","modified_gmt":"2026-06-26T07:17:36","slug":"highcharts-chartchooser-mcp","status":"publish","type":"post","link":"https:\/\/www.highcharts.com\/blog\/tutorials\/highcharts-chartchooser-mcp\/","title":{"rendered":"Highcharts Chartchooser MCP"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Highcharts Chartchooser MCP brings Highcharts directly into your AI assistant. Copy\/paste your data, click through a few guided questions, and get an HTML production-ready Highcharts visualization in a few minutes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here is what it looks like in practice.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Chartchooser MCP\" width=\"500\" height=\"375\" src=\"https:\/\/www.youtube.com\/embed\/5L-ndDNVnH0?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Why Chartchooser MCP<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Works inside tools you already use<\/strong>: connect it to Claude.ai or Claude Desktop.<\/li>\n\n\n\n<li><strong>No Highcharts API knowledge needed<\/strong>: Chartchooser handles chart selection and configuration for you, based on your data and your goal.<\/li>\n\n\n\n<li><strong>Guided discovery, not guesswork<\/strong>: instead of requiring a perfect prompt, it asks you the right questions and builds the chart from your answers.<\/li>\n\n\n\n<li><strong>Production-ready HTML output<\/strong>: what you get at the end isn&#8217;t a screenshot or a mockup. It&#8217;s a complete, renderable Highcharts HTML file ready to use.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>How to connect<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Chartchooser MCP is hosted and ready to use, no setup on your end beyond adding the connector.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><em>Remark<\/em><\/strong><em>&nbsp;<\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>For now, Charchooser MCP is supported only on <a href=\"http:\/\/claude.ai\" target=\"_blank\" rel=\"noreferrer noopener\">claude.ai<\/a> and claude desktop<\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Claude.ai<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to <strong>Settings \u2192 Integrations<\/strong><\/li>\n\n\n\n<li>Click <strong>Add integration<\/strong><\/li>\n\n\n\n<li>Enter the URL: <a href=\"https:\/\/chartchooser-mcp.highcharts.ai\/mcp\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/chartchooser-mcp.highcharts.ai\/mcp<\/a><\/li>\n\n\n\n<li>Follow the OAuth prompt to authenticate<\/li>\n\n\n\n<li>Chartchooser MCP will appear in your connected tools<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Your first chart<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Once connected, start a new conversation and trigger the Chartchooser flow. In Claude.ai, try this prompt:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>&#8220;I want to create a chart, use elicitation UI : [paste your data here]&#8221;<\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Chartchooser will walk you through five short discovery questions:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>What do you want to build?<\/li>\n\n\n\n<li>What is your goal?<\/li>\n\n\n\n<li>What is your audience?<\/li>\n\n\n\n<li>How should it open?<\/li>\n\n\n\n<li>How would you like it styled?<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">The elicitation UI lets you click through the questions instead of typing your answers. At the end, you will have a production-ready Highcharts HTML file.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Feel free to try it and share your experience, comments, or questions.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Highcharts Chartchooser MCP brings Highcharts directly into your AI assistant. Copy\/paste your data, click through a few guided questions, and get an HTML production-ready Highcharts visualization in a few minutes. Here is what it looks like in practice. Why Chartchooser MCP How to connect Chartchooser MCP is hosted and ready to use, no setup on [&hellip;]<\/p>\n","protected":false},"author":32,"featured_media":31165,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"meta_title":"Highcharts Chartchooser MCP \u2013 AI-Powered Chart Builder","meta_description":"Paste your data into Claude, answer a few guided questions, and get a production-ready Highcharts HTML visualization. No API knowledge needed. Free to connect.","hc_selected_options":[],"footnotes":""},"categories":[224,210],"tags":[1113,1112,1063,788,1115],"coauthors":[699],"class_list":["post-31157","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-post","category-tutorials","tag-chartchooser","tag-dashboard","tag-data-visualization","tag-finance","tag-llm"],"_links":{"self":[{"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/posts\/31157","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/users\/32"}],"replies":[{"embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/comments?post=31157"}],"version-history":[{"count":5,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/posts\/31157\/revisions"}],"predecessor-version":[{"id":31164,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/posts\/31157\/revisions\/31164"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/media\/31165"}],"wp:attachment":[{"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/media?parent=31157"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/categories?post=31157"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/tags?post=31157"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/coauthors?post=31157"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}