Chart not found

`;\n }\n\n return `\n\n\n \n HTML chart\n \n \n \n\n\n\n

\n\n \n\n`;\n}",[],[159,207],"25501abc-020f-11f1-a5f1-42dde27851f2","html-chart.md","019c2a85-fc2e-75fb-8ae5-5ee9e0eaa465",["D",1770239949786],"Return a valid Highcharts options object as JSON.\n\n**Critical Rules:**\n\n1. Data format must match chart type:\n - Bar/Column with categories: \\`xAxis.categories\\` + simple numeric array\n - Scatter/Bubble: Array of objects with {x, y, name} properties\n - Line/Time: Datetime xAxis + [[timestamp, value]] pairs\n2. Never mix simple arrays and object notation in same series\n3. JSON must be syntactically valid (no trailing commas, proper quotes/braces)\n4. Follow the charting principles and data format rules provided.\n\nImportant: Return valid JSON. A screenshot will be automatically captured for\nyour review.\n\n## Example working output\n\n```\n{\n \"chart\": {\n \"type\": \"bubble\",\n \"plotBorderWidth\": 1,\n \"zoomType\": \"xy\"\n },\n \"legend\": {\n \"enabled\": false\n },\n \"title\": {\n \"text\": \"Relationship Between Diet and Obesity across countries\"\n },\n \"subtitle\": {\n \"text\": \"Daily fat and sugar intake compared to adult obesity rates across 15 nations\"\n },\n \"xAxis\": {\n \"gridLineWidth\": 1,\n \"title\": {\n \"text\": \"Daily fat intake\"\n },\n \"labels\": {\n \"format\": \"{value} gr\"\n },\n \"plotLines\": [\n {\n \"color\": \"black\",\n \"dashStyle\": \"dot\",\n \"width\": 2,\n \"value\": 65,\n \"label\": {\n \"rotation\": 0,\n \"y\": 15,\n \"style\": {\n \"fontStyle\": \"italic\"\n },\n \"text\": \"Safe fat intake 65g/day\"\n },\n \"zIndex\": 3\n }\n ]\n },\n \"yAxis\": {\n \"startOnTick\": false,\n \"endOnTick\": false,\n \"title\": {\n \"text\": \"Daily sugar intake\"\n },\n \"labels\": {\n \"format\": \"{value} gr\"\n },\n \"maxPadding\": 0.2,\n \"plotLines\": [\n {\n \"color\": \"black\",\n \"dashStyle\": \"dot\",\n \"width\": 2,\n \"value\": 50,\n \"label\": {\n \"align\": \"right\",\n \"style\": {\n \"fontStyle\": \"italic\"\n },\n \"text\": \"Safe sugar intake 50g/day\",\n \"x\": -10\n },\n \"zIndex\": 3\n }\n ]\n },\n \"tooltip\": {\n \"useHTML\": true,\n \"formatter\": \"function() { return this.value + '%'; }\",\n \"headerFormat\": \"\",\n \"pointFormat\": \"\",\n \"footerFormat\": \"

{point.country}
Fat intake:	{point.x}g
Sugar intake:	{point.y}g
Obesity (adults):	{point.z}%

\",\n \"followPointer\": true\n },\n \"plotOptions\": {\n \"series\": {\n \"dataLabels\": {\n \"enabled\": true,\n \"format\": \"{point.name}\"\n }\n }\n },\n \"series\": [\n {\n \"data\": [\n {\"x\": 95, \"y\": 95, \"z\": 13.8, \"name\": \"BE\", \"country\": \"Belgium\"},\n {\"x\": 86.5, \"y\": 102.9, \"z\": 14.7, \"name\": \"DE\", \"country\": \"Germany\"},\n {\"x\": 80.8, \"y\": 91.5, \"z\": 15.8, \"name\": \"FI\", \"country\": \"Finland\"},\n {\"x\": 80.4, \"y\": 102.5, \"z\": 12, \"name\": \"NL\", \"country\": \"Netherlands\"},\n {\"x\": 80.3, \"y\": 86.1, \"z\": 11.8, \"name\": \"SE\", \"country\": \"Sweden\"},\n {\"x\": 78.4, \"y\": 70.1, \"z\": 16.6, \"name\": \"ES\", \"country\": \"Spain\"},\n {\"x\": 74.2, \"y\": 68.5, \"z\": 14.5, \"name\": \"FR\", \"country\": \"France\"},\n {\"x\": 73.5, \"y\": 83.1, \"z\": 10, \"name\": \"NO\", \"country\": \"Norway\"},\n {\"x\": 71, \"y\": 93.2, \"z\": 24.7, \"name\": \"UK\", \"country\": \"United Kingdom\"},\n {\"x\": 69.2, \"y\": 57.6, \"z\": 10.4, \"name\": \"IT\", \"country\": \"Italy\"},\n {\"x\": 68.6, \"y\": 20, \"z\": 16, \"name\": \"RU\", \"country\": \"Russia\"},\n {\"x\": 65.5, \"y\": 126.4, \"z\": 35.3, \"name\": \"US\", \"country\": \"United States\"},\n {\"x\": 65.4, \"y\": 50.8, \"z\": 28.5, \"name\": \"HU\", \"country\": \"Hungary\"},\n {\"x\": 63.4, \"y\": 51.8, \"z\": 15.4, \"name\": \"PT\", \"country\": \"Portugal\"},\n {\"x\": 64, \"y\": 82.9, \"z\": 31.3, \"name\": \"NZ\", \"country\": \"New Zealand\"}\n ],\n \"colorByPoint\": true\n }\n ]\n}\n```\n\n## Syntax and Data Format Rules\n\n### Data Format Requirements\n\n- For bar/column charts: series.data should be a simple numeric array when\n xAxis.categories are defined.\n- **Bar/Column:** \\`xAxis.categories\\` with simple numeric array in series.data\n- **Scatter/Bubble:** Objects with x, y properties: \\`{x: 10, y: 20, name:\n \"Point\"}\\`\n- **Line/Time series:** Datetime xAxis with \\`[[timestamp, value], ...]\\` format\n\n**Axis Configuration for Bar Charts**\n\n- For HORIZONTAL bar charts (type: 'bar'):\n - xAxis = categories (treatment names, etc.)\n - yAxis = values (metrics, measurements)\n- For VERTICAL bar charts (type: 'column'):\n - xAxis = categories (treatment names, etc.)\n - yAxis = values (metrics, measurements)\n\n**Critical**: Do NOT swap xAxis and yAxis definitions when switching chart\ntypes. Whether using type: 'bar' (horizontal) or type: 'column' (vertical),\nALWAYS configure: xAxis.categories = your dimension/grouping (e.g., treatment\nnames) yAxis.title = your metric name (e.g., 'Brand Lift') series.data = numeric\nvalues Highcharts automatically handles the visual rotation—only the chart type\nchanges, not the axis definitions.\n\n### Data Structure Examples by Chart Type\n\nBar/Column with categories:\n\n```\n{\n \"xAxis\": {\"categories\": [\"A\", \"B\", \"C\"]},\n \"series\": [{\"data\": [10, 20, 30]}] // Simple array\n}\n```\n\nBar/Column with custom properties:\n\n```\n{\n \"xAxis\": {\"type\": \"category\"},\n \"series\": [{\n \"data\": [\n {\"y\": 10, \"name\": \"A\", \"color\": \"#fff\"},\n {\"y\": 20, \"name\": \"B\", \"color\": \"#fff\"}\n ]\n }]\n}\n```\n\nScatter/Bubble with multiple values:\n\n```\n{\n \"series\": [{\n \"data\": [\n {\"x\": 10, \"y\": 20, \"z\": 30, \"customProp\": \"value\"}\n ]\n }]\n}\n```\n\nFormatter Functions: When using Highcharts formatters (e.g., tooltip.formatter,\ndataLabels.formatter), output the function as a STRING. For example:\n\n```\n\"dataLabels\": {\n \"enabled\": true,\n \"formatter\": \"function() { return (this.y >= 0 ? '+' : '') + this.y.toFixed(1) + ' p.p.'; }\"\n}\n```\n\nFormat Strings vs. Formatters: Do NOT use printf-style format strings like\n{y:+.1f} in the format property—this is not valid Highcharts syntax. Use format\nONLY for simple Highcharts format syntax like {value}, {point.name}, or\n{point.custom}. For complex number formatting, use a formatter function as a\nstring instead.\n\n### Common Syntax and Data Format Errors to Avoid:\n\n- ❌ Mixing simple arrays with object notation in same series\n- ❌ Defining xAxis.categories AND using \"x\" properties in data points\n- ❌ Adding custom properties to data without corresponding tooltip formatter\n- ❌ Using custom properties in formatters without quotes/brackets\n- ❌ Using legends when showing a single series\n- ❌ Showing data labels on axes when data labels are present on data points\n (redundant axis labels)\n- ✅ When categories exist, map data by position (index), not by property\n- Confusing format: \"{y:+.1f} p.p.\" (invalid) with formatter: \"function() {\n return (this.y >= 0 ? '+' : '') + this.y.toFixed(1) + ' p.p.'; }\" (valid).\n\n## Charting principles\n\n- Use the largest feasible font sizes so the chart is readable easily.\n- Use charting principles from Edward Tufte and Gene Zelazny\n\n## Layout preferences\n\n- Prefer data labels on the data points rather than the legend, unless the chart\n is too crowded.\n- Grid lines should be very light, and dotted.\n- Axis titles should be clear, and include the unit of measurement.\n- If you are plotting multiple charts, align the axes to the same scale.\n\n## Common chart types\n\n- For marketing funnel analysis, use funnel chart type.\n- For comparisons of treatment effects, use bar chart type.",[],[159,214],["D",1770239949786],[175,176,177,178],[159],["D",1770239949786],["D",1789607492128],{"_16":17,"_89":85},{"_16":17,"_83":-5,"_84":85,"_34":35,"_86":87,"_88":26},{"_67":68,"_20":69,"_18":70,"_71":19,"_72":73,"_74":75,"_76":28,"_77":78,"_79":80,"_81":21,"_82":17},"ctx",{"_60":-5,"_112":261,"_262":263,"_264":265,"_266":26,"_267":26,"_268":26,"_269":110,"_270":-5,"_271":-7,"_272":-7,"_273":41,"_274":26,"_275":26,"_276":-5,"_277":26,"_278":26,"_279":26,"_280":-5},"ENV",{"_232":233,"_234":235,"_236":69,"_237":238,"_239":240,"_241":242,"_243":244,"_245":246,"_247":248,"_249":250,"_251":252,"_253":254,"_255":256,"_257":258,"_259":260},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","5a94df3abe1fc7a20cd77b19bfb04bf16e60a929","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Chart not found

{point.country}

Search