whoiskatrin / chart-gpt Goto Github PK
View Code? Open in Web Editor NEWAI tool to build charts based on text input
Home Page: https://www.chartgpt.dev/
License: Apache License 2.0
AI tool to build charts based on text input
Home Page: https://www.chartgpt.dev/
License: Apache License 2.0
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.
support square history chart like github
the chart is not generating and also when I write command yarn install it gives output zsh:no command found.
Could you please add a license to this repository?
There are two main containers in infoSection component.
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:
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."
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
whatever I do i end up with this screen. if i upload ONS data, if I use one of your examples etc. Nowhere on the site does it say how many credits are needed for a graph? I have 23, is that enough?
How do I solve this problem please? I've tried different browsers. Set up different accounts. Asked it simpler questions. given it basic datasets and nothing has worked.
Your creation has astounding potential. A few changes here and there. You an see by the site that you're determined to make it work perfectly.
best
Leighton
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.
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. :)
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
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 :)
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%.
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.
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.
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.
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 ๐
Ran this in codespace, but sets a AxiosError: Request failed with status code 500 when the DRAW request is triggered.
I guess Header.tsx is no longer actively used. @whoiskatrin
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?
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.
Does adding a pre prompt will increase resposne quality ?
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
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
Hi @whoiskatrin, cool stuff, congrats. Beautiful page and charts. my 2cents:
feel free to delete this issue after reading :)
Cheers,
Anderson
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
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
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.
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.
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
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.
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.
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.
is there any way to have the chart exported as code I can import into another project?
Thinking of including them in my videos.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.