whoiskatrin / chart-gpt Goto Github PK

Hi @whoiskatrin, cool stuff, congrats. Beautiful page and charts. my 2cents:

• to guarantee data privacy: replace the actual data with placeholders before sending to OpenAI; when the response come, switch again
• to allow people to use the chart in documents: generate a ready-to-download image (svg, jpg, png, etc) instead of a dynamic chart

feel free to delete this issue after reading :)

Cheers,
Anderson

command:
yarn

output :

yarn install v1.22.10
info No lockfile found.
warning package-lock.json found. Your project contains lock files generated by tools other than Yarn. It is advised not to mix package managers in order to avoid resolution inconsistencies caused by unsynchronized lock files. To clear this warning, remove package-lock.json.
[1/4] 🔍 Resolving packages...
error An unexpected error occurred: "=/@FortAwesome%2ffontawesome-svg-core: Invalid URI "=/@FortAwesome%2ffontawesome-svg-core"".
info If you think this is a bug, please open a bug report with the information provided in "/Users/didi/me/chart-gpt/yarn-error.log".
info Visit https://yarnpkg.com/en/docs/cli/install for documentation about this command.

Currently the app allows for empty spaces in the input text area.

There is no validation to prevent users from entering only whitespaces.

We can allow users to enter text if it is not a white space.

@whoiskatrin - I have opened a pull request for this and my bad, I should’ve opened issue before working on it.

I will mention this issue in the PR #52

Tried to convince chartGPT to plot error bars/whiskers on either side of a value but the result either ignored the error bars or threw back an error. Seems like it would need to recognize some standard language associated with error margins (e.g. +/- 3) or understand explicit requests (e.g. "add an error margin band of 12 on either side of the value").

I see the app users Recharts for plotting data. Recharts has an "ErrorBar" component that could accommodate this user case for bar/line/scatter plots --> https://recharts.org/en-US/api/ErrorBar

I have not tried this out, but this is based on this video of the code interpreter plugin for chatGPT.

The idea here is that typing datasets into a chat prompt is tedious. Perhaps we should pass an uploaded data file to code interpreter and then specify a response format suitable for reCharts API.

Can be really cool to be able to run these prompts on data set from DB or similar so the graph can be align with specific data

I guess Header.tsx is no longer actively used. @whoiskatrin

Could you please add a license to this repository?

Hi, cool product!

I created this truly inspirational chart:

However if I change the prompt to

Show a pie chart of the most used hotdog toppings. Use colors that match the toppings.

I will get the same output, as it seems like custom colors are not supported, the received JSON data doesn't contain any additional information. Thought colors in general would be quite fun to have.

Does adding a pre prompt will increase resposne quality ?

There are two main containers in infoSection component.

1. For chart input
2. Info Section

On smaller devices, there were aligned by the same width and today, when I checked, infoSection div is gradually increasing its max-width after 2nd breakpoint
and looks unaligned with its siblings.

Hi @whoiskatrin - Can you please assign this to me? I will finish this today

Here is what I'm talking about:

I thought since this is an AI tool, I can safely trust the I in AI 😀

How wrong I was. This tool doesn't know what the other popular frameworks are, and thus makes no attempt to find them, and has no idea how or what to compare. It only incorrectly claims jQuery to offer more value 😂

In all seriousness, a description clearly isn't what's required. The "description" is more likely a well defined maths-like language, perhaps something akin to latex.

Move the system prompt to the backend. I suggest not exposing it publicly, now basically it's a free GPT API route. By making the system prompt on the backend it will make it less usable for any other people who are not using it as it was planned by the author.

It seems to be(hopefully temporarily) kacked. So when I enter a prompt, I see the loading animation underneath it. After 2-3 seconds, the loading animation disappears and no graph is drawn - as if I hadn't pressed the Draw button yet.

I tried something seemingly simple and concise: compare EUR against USD over the past 10 years and even please draw a line from the bottom left to the top right. Especially the latter one should be lemon squeezy for an AI model.

Thank you very much for the author's contribution. This is a great project! However, I have some questions. In this submission, the address for OpenAI API has been changed, and it seems that withlogging is used for logging. The default deployment of the project may pose risks of API key leaking. Would it be more reasonable to use other methods for logging?

commit:
a86112d

support square history chart like github

The DRAW request triggered a failure with a status code of 500.

The first bar in the series is missing an x-axis label. On hover, the tooltip shows it is New York City.

Hi @whoiskatrin, Is it possible to use the app locally with just providing our openai api key only ?
I followed the instructions provided in the repo, but got the error which is attached as screenshot. Do we need to provide other variables other than openai api key in .env file ?

Thank you for your contribution. I was planning to create a youtube video about this but got confused on how to use it locally.
A better documentation would help users trying to use the app locally.

After cloning this repository most of the apis are failing, do we need to add only Open AI key or all the keys mentioned in .env file?

Love the premise of Chart GPT. There's a solid gap between graphic output of BI tools / Excel / Tableau / interactive custom-made graphics (D3 etc) and literally making a chart design (Figma, etc).

This is from a marketing perspective. And feel free to ignore. But I think this would be true in many situations: the workflow for many genAI tools is they get you "80% there" then you fine-tune (often manually).

A similar ability for Chart GPT might be something like an edit button that appears when a chart is rendered. Depending on the type of chart the user then has a series of inputs corresponding with everything that can be edited about the chart via Recharts.

If the chart comes out perfect the first time, great. If it's all there except one label that needs to be moved, or you would like to change the font, a downloaded PNG or copied SVG code is actually a bit of a hassle to then edit and get a chart from 80% to 100%.

Ran this in codespace, but sets a AxiosError: Request failed with status code 500 when the DRAW request is triggered.

I created a couple bar charts today and the legend defaults to "value". More accurately, the legend should show the name of the data type. In this example, the legend should say "Shootings"

Currently, all the text in the div is aligned to the centre and list items are also aligned to the centre which is not looking nice. We could make this left aligned for a better look and feel.

@whoiskatrin Can you please assign this to me? I will merge the changes today. I'm so excited to be a part of this and wanted to contribute in anyway possible.

Below is the thing I was mentioning 👇

Draw a box plot with maximum, minimum, median, first quartile, third quartile values for the given data set: 23, 42, 12, 10, 15, 14, 9 didn't provide expected results

Thank you for your wonderful effort!

It would be fantastic to see the tool evolving to be more accessible for keyboard/screen reader users, and support imports for Excel sheets or any other spreadsheets.

Besides, I would love the tool to ask users for a specific need that a chart needs to meet — showing comparison, composition, distribution, relationship or change — and then suggest a type of visualization that would fit best. Once the result is there, we could perhaps use some knobs to tweak the outcome slightly without rewriting the prompt entirely.

I really do like your package, great work. :)

However, I wonder whether it is possible to use other LLMs from Huggingface for accomplishing the same feat. :)

is there any way to have the chart exported as code I can import into another project?

Thinking of including them in my videos.

How do we implement this interface in our code every time we request it? Is it also for chatgpt to tell us what kind of chart is suitable for

https://www.chartgpt.dev/api/get-type

Would be more than willing to make a pull request on this and merge it around June after much refinement and testing. Please assign me to this issue. Thanks

Hey there,

I get a 500 on any request, on both domains (chartgpt.dev and chart-gpt-blush.vercel.app).

The API call that fails is POST /api/get-type.

Hello, I created a project on the fork of ChartGPT that can create roadmaps for any desired field. If you'd like, you can add this project as a branch to your main project. However, I couldn't find the steps to do this, so I think I need a roadmap too :)

https://github.com/mrna0/chart-gpt/tree/roadmap

When visiting the demo site: https://www.chartgpt.dev/

I want to try it but it's a bit overwhelming giving me such a blank canvas.

I don't know what I can do with it.

• Can it just make a bar chart, or can it do line charts?
• How much data can I reasonably add to it?
• Can I add multiple values and change the appearance?
• What kind of questioning leads to the best results?
• Whats the best format to input for long-form content?

Etc, etc. Adding some examples would help people want to try it and see if it's right for them.

Also not many people have some random data they could toss in on-hand, so providing some templates would be helpful.

Hi Kate,

awesome tool you created and thanks for using tremor for some charts. One suggestion that might be very helpful is to allow formatting via the prompt interface, e.g.:

"Show me an area chart with Running data for Monday - 10km, Tuesday - 20km, Wednesday - 12km, Thursday - 9km, Friday - 11km. Format data and y-axis with "km"-suffix."

the chart is not generating and also when I write command yarn install it gives output zsh:no command found.

Dear chart-gpt developer,

Greetings! I am vansinhu, a community developer and volunteer at InternLM. Your work has been immensely beneficial to me, and I believe it can be effectively utilized in InternLM as well. Welcome to add Discord https://discord.gg/gF9ezcmtM3 . I hope to get in touch with you.

Best regards,
vansinhu