This guide provides step-by-step instructions on how to use FluxPrompt to generate HTML graphs using Claude 3.5 (Anthropic).
Instructions
Generate a Chart:
- Prompt the Ai Text Generator with: "Give me a nice chart using HTML5 graphs and layout."
- Specify: "Only return the HTML; don't respond with any other text."
View the Chart:
- Copy the generated HTML code.
- Open an HTML viewer or a website that allows you to paste and view raw HTML code.
- Paste the copied HTML code into the viewer and refresh the page.
- Review the displayed graph showing each state's population.
Add Data:
- Prompt the AI with: "Add to it population of every state versus their electoral votes. Include a bar chart that shows both variables."
- Ensure you specify again: "Only return HTML."
- Wait for the updated code from the AI.
Troubleshooting
- Check if there is an incomplete table embedded within your copied HTML; remove it if necessary before pasting into your viewer again.
- Re-prompting might be needed if data truncation persists due to input constraints or limitations within Claude’s processing abilities.
Using these steps, you'll be able to dynamically generate and visualize complex datasets..