Coding with Cursor - 🤯
TL;DR: impressive 🤯
I wanted to play with D3 to create a visualization, so I picked an example (Bubble chart) and then started hacking at it (literally) in VS Code. Before long, I realized I had just downloaded Cursor, but not had an occasion to try it out. I thought this might be as good as any.
Opened the project folder and its one HTML file, then stated prompting away. It got all the modifications right:
- add axis labels
- add labels to the bubbles
- change the tooltip to show all the data of the particular record; one of the attributes is confidence and goes from 0 to 1: Cursor guessed it is a percent and formatted it as such!
- added a line showing the break-even point
Cursor edited the file for me, and I just had to accept the change, save, reload in the browser. Made some tweaks myself where it was simple enough. Much better than copying and pasting in the chat.
Where it blew my mind was when I resized the chart and added a section below which I titled "Explanation:". As soon as I did that, at each <tab> Cursor suggested an explanation for every aspect of the chart. I did not even have to ask, it guessed what I wanted based on the title. Amazing!
I repeat: I wrote Explanation: and then when I tabbed to get the next <p>, Cursor suggested one explanation at the time for each of the chart characteristics (including the break-even line).