ChatGPT-Based Tool for Visualization Design

Overview

The ChatGPT-Based Tool for Visualization Design is a web application that allows users to generate p5.js codes and corresponding images or visualizations based on their descriptions. The tool uses OpenAI's ChatGPT API to interpret the user's input and generate a suitable p5.js code and image or visualization based on the user's input. The tool also includes an error page to notify users in case their input is invalid or not interpretable by the ChatGPT API.

Usage

1. Run the file by typing python3 app.py (Mac) / python app.py (Windows) on the terminal.
2. Open your web browser and go to http://localhost:3000/.
3. Enter your description in the input box and click the "Submit" button.
4. Wait for the tool to generate the p5.js code and image or visualization based on your input.
5. If the tool encounters an error, it will display an error page asking you to try again.

Acknowledgements

The tool is built using the following technologies and libraries:

• Python Flask
• OpenAI's GPT API
• HTML,JavaScript,p5.js
• Bootstrap