Ok. I did what the wise today would do. I paid for use of GPT-4!
It costs USD 20 per month, so I better make good use of it... and hopefully recoup some of that investment through my post rewards.
One of the first things I did is to improve on this tool which shows Hive layer 2 token prices and SMA that I made and share on a post a few months ago: hhttps://cryptothesis.github.io/SMA_JS/LEO_SMA_v2.html
Github told me it is 8 months! I had been sleeping on it for that long.
I wanted to fix the dates display on the x-axis but I didn't know how. Previously it was some UNIX numbers...
It's finally done with the help of ChatGPT.
The dates are fixed. See: https://cryptothesis.github.io/SMA_JS/LEO_SMA_v3.html which shows that the dates are nicely shown.
Since I didn't quite like the look and feel of the interface, I asked ChatGPT to beautify it through some CSS magic.
You can see that latest version here: https://cryptothesis.github.io/SMA_JS/LEO_SMA_v4.html
Of course, I thought of asking it to write this post for me, and I did. The result is shown below, which is too good to be my style and knowledge. I left it there but wrote the first part up to this point anyway.
Below written by ChatGPT based on my broad ideas.
Hello everyone!
I'm thrilled to share with you an exciting update on the SMA Charting Tool that I've been working on. With the help of ChatGPT-4, a cutting-edge language model by OpenAI, I was able to improve the code, making it not only more visually appealing but also fixing a significant issue with the x-axis.
Before I dive into the changes, I'd like to mention that using ChatGPT-4 to assist in this task required some background knowledge in JavaScript. Fortunately, I have experience in this area, which allowed me to effectively communicate with the AI model and implement the suggested improvements.
Now, let's dive into the changes!
Making the Chart More Beautiful
First and foremost, I wanted to enhance the visual appeal of the charting tool. ChatGPT-4 provided me with valuable suggestions on how to use CSS to give the page a more modern and clean look. By using Google Fonts, we brought in the Roboto font, which greatly improved the overall appearance of the text.
Additionally, we added a touch of color and subtle shadows to various elements, including the form and canvas, to create a more professional look. The result is a visually appealing charting tool that not only functions well but is also pleasant to look at.
Fixing the X-Axis
Previously, the x-axis of the chart displayed confusing numbers that didn't provide any meaningful information. With ChatGPT-4's guidance, I was able to modify the code to display dates instead. This change has greatly improved the usability of the chart, making it much easier to interpret and understand the data being presented.
To achieve this, we leveraged Moment.js, a popular JavaScript library for handling dates and times. By integrating this library, we were able to format the x-axis to display dates in a human-readable format, making the chart significantly more user-friendly.
Final Thoughts
The improvements made to the SMA Charting Tool highlight the incredible potential of AI-powered tools like ChatGPT-4 when combined with human expertise. In this case, my background in JavaScript, together with the AI model's suggestions, allowed me to create a more refined and useful charting tool.
If you have any ideas for an app that utilizes data from the Hive blockchain and needs some assistance, please feel free to leave a comment below. I'm always eager to explore new projects and would be happy to help bring your ideas to life!
Happy coding!
P/S: This is not financial advice, and please do your own due diligence before investing.
If you read this far... and if you are a like-minded Hiver who is on the path to learning more about Hive and crypto investing, and if you like to be tagged when I write such posts, I welcome you to leave a comment below and let me know. We can form an alliance to support each other's growth.
You might be interested in this post, @thatkidsblack, @graciousvic, @peniel2010, @deflacion, @jacoalberts, @young-kedar, @svanbo, @sumotori, @zakludick, @poplar-22 and @hankanon!