YOUR FIRST CHART 1. Install the plugin and place a TanStack Chart element on your page. Give it a visible width and height (for example, 600 × 320 px).
2. Choose Chart type = line, X-axis type = category and Data input = json.
3. Paste this complete example into Data JSON:

{"schemaVersion":1,"points":[{"x":"Jan","y":70000},{"x":"Feb","y":76000},{"x":"Mar","y":82000}]}

4. Preview the page. Hover or tap to inspect a value. You can also focus the chart, use the arrow keys, then press Enter.
5. Add a workflow for this chart's Datum clicked event. Read Clicked X, Clicked Y and Clicked series from the element to update a text, filter a group or drive another workflow.

PREFER A BUBBLE SEARCH?
For category-based Line, Bar and Area charts, choose Data input = native. Set Type of data, bind a list to Data source, and select a text Category field and numeric Value field. Use unique category labels, or aggregate your search first. Combo and the other elements use JSON.

WORKING EXAMPLES
Run the demo: https://nocode-to-knowcode.bubbleapps.io/version-test/tanstack-charts
Inspect the elements and workflows: https://bubble.io/page?id=nocode-to-knowcode&tab=Design&name=tanstack-charts
Element-specific guides and JSON shapes: https://github.com/ricotrevisan/tanstack-charts/tree/main/docs

GOOD TO KNOW
• Start with the sample above, then replace the values with your data. Different elements use different JSON shapes.
• Combo needs Data JSON and Series config JSON. Range navigation is for Line and Area only.
• When constructing JSON from Bubble expressions, apply :formatted as JSON-safe to individual text values, not to the assembled JSON object.
• Invalid updates keep the last valid chart and expose Error message plus the Chart error event. Error messages help identify what to fix.
• Questions or a reproducible issue? Contact r@rico.wtf.