My first time with vibe coding

My line of work involves working with notebooks in most of the time. I hardly use VS code off late. I use copilot for fixing the errors and I’m not huge fan of vibe coding.

When today’s sprint ceremony goes slower than usual I got an idea on prototyping. The idea is simple - to have projects split across DE, visualization & AI. As I dont have access to PowerBi, I went with my preferred choice - D3JS.

The fun

As my focus was switching between the meeting & this new idea, I thought of asking copilot some assistance.

I didn’t choose the model, I had no preference. I did tried to lookup, my IT has blocked Claude models (probably billing could be a concern). I recall the model chosen by Copilot is ChatGpt 5.3. Or, I could be wrong. It doesn’t matter.

The action

The prompting is startight forward. You ask in chat what you really want. The answer depends on how precise the question was. The more the details merrirer. It started with ‘draw 3 interwining circles’ It did draw it and there it started. With in 2 hours I was able to build a Venn Diagram with 3 circles and assigned the overlaping areas with their own colors for differentiating.

The Json

I was convinced how powerful the models are. Then I created a json with list of projects. Each of the projects had their own attributes to label in which work zone the project belongs to.

Then I asked the chat to integrate json into JS file and create small circles for each project. I promptly created circles under each of the work zone. I never mentioned the model to orient the circles based on the work zone.

That’s impressive work. If it was a person, he would have lost interest in the midway. One thing I noticed was the model was scanning the whole folder before integrating the json, may be it was scanning the entire folder even before, I didn’t notice.

Whatever said the ability to understand my intention from the matching attributes is worth praising.

Was it error-free?

Not entirely. The mdoel struggled to assign a color to an overlapping area and it kept on coloring the entire circle for more than thrice.

All things considered the prototype was made ready in a span of 3 hours, with 96 % contribution from the LLM. Balance 4% - I chosing the color combination, creating a variable to store various color combinations, filling the overlap areas as per my wishes.

Will I Vibe code the next time?

There is high probability of me trying out vibe coding. I often see the social feeds are filled with Claude and its abilities. Now I wonder what could Claude be doing better than this model. Also, what would the almighty Mythos could do? May be I’m not good enough to lay my hands on the holy grail yet.

But, I’m seeing Gemini is available for 400INR, Claude now available for 2000 INR. Should I pay and get some experience? My bank balance asking me to hold my horses :P.