New ChatGPT Canvas vs. Claude Artifacts: HTML/CSS to WebGL Refactoring

#AI #ChatGPT #ChatGPTCanva #ClaudeArtifacts #CodeEditing #WebGL #AIComparison #AIRevolution #webdevelopment #programming

In this video, I put ChatGPT's new Canvas feature head-to-head against Claude Artifacts in an AI-powered code editing showdown! Watch as I test both tools by converting a CSS/HTML 3D cube into WebGL. Can ChatGPT's pinpoint edits outperform Claude’s live preview? Let’s find out! I also share insights into collaboration, it ability to comment line in the document, and pinpoint vs. full rewrites. Don't miss!

00:00 - Intro
00:08 - What is ChatGPT Canvas
01:03 - How will we test? By comparing
01:39 - Let's convert HTML/CSS/JS to WebGL
02:57 - Canvas does not work in ChatGPT desktop app
05:44 - Pasting code, editing code, comparing to Claude, fixing errors
12:24 - ChatGPT searches the internet for solutions and does pinpoint code editing and comments on code
16:00 - ChatGPT and Claude reach the result approximately at the same time
19:29 - Conclusions
22:09 - One last thing before you leave!

[EduardsRuzga]

Some links:
Original cube:

ChatGPT refactoring to WebGL chat:

ChatGPT Canvas produced cube:

Claude artifact link:

[tresormvumbi]

Hey, thank you for the video, very interesting! I feel we are almost there. Building software requires a lot of planning, and the ability to iterate through a few cycles of review and feedback. With a good agentic system, let’s say an architect agent, product owner, devs, QA; that can go back and forth through many feedback loop and iteration; these systems should be able to build fairly complex software.

[TheReferrer]

Use the back and forward buttons to see the edits.

[SHEMBOBKIPRUTO]

what extension are you using to speak to your computer, looks cool.

seems you have a cool extension list. May be make a video on extensions that you use for developers

[NDIDIAHIAKWO]

That voice command you did, was it a plugin?

[samplesd]

Hey thanks for the comparison - Am I correct i asuming that ChatgPt Canvas currently does not provide the option to preview/articfacts to show the output of the code?

[GalaxyHomeA]

At this stage what should beginners do.Do they continue learning current programming language or wait for some more abstracted programming language to come? In five years time things will get change, so what should we do as of today ?

[cpaps]

I love these comparison videos! I wish it was o1-mini with canvas because I find o1-mini the best coder

[ConicuAutomotive]

I’ll have to give it a go, I used GPT to learn how to create wireframes and react content and then once I understood that, I started to understand the code and now I’m modifying code snippets with GPT.

If this was available then I probably wouldn’t have wasted my time. Thanks for the insights! I can’t wait to explore them

[somlaifischer]

Great video Eduards! can you also do this with multiple files? i mean many web projects need js, css, html combined. If yes, which platform is better with that?

[deepmixer]

Canvas has 'Logs' to track changes.

most missing feature is running the code in the browser

[charliekelland]

I think Claude was ahead on quality of code - the small cubes rotated whereas they did not with ChatGPT. Can you instruct ChatGPT when to do a pinpoint edit? Also, can it insert comments into the code itself?

[Heisenberg]

Great video that clearly shows that AI has a long way to go to replace programmers. PhD level Intelligence is the biggest laugh the AI produced recently. Don't get me wrong. I love the advances AI made. And if used by skilled people it can be very supportive. But the cost benefit ratio is still very bad. Current AI is good for pseudo spectacular demos... but light years away from replacing relevant tasks. It is very good for information retrieval and also the voice assistents are pretty stunning these days. But pretty far away from leaving them alone with my bank credentials or health parameters!!!

[WaveOfDestiny]

doesn't seem like a difference big enough to buy gpt premium, i'm doing fine with small unlimited models and in ide copilots and claude sonnet free daily queries for now. The stuff i'm doing is simple, maybe i'll change my mind when i need something more compex. Breaking down problems and asking for each step makes it easier for them to do it and lets you have control on what you are doing. I'd like to hear if others with more experience think i'm wrong.

[tripleeight]

It doesn’t use the newest 4o 1 models, so it’s a pass for now

[AshWickramasinghe]

Calde hands down. Mostly because of the reasoning capabilities and knowledge of updates libraries.

[AIGuys-Online]

Chat is very very bad. It has you running around in circles with useless code