Skip to content
ChatGPT Launches "Canvas" Feature episode artwork

Dec 4, 2024 12 min

ChatGPT Launches "Canvas" Feature

from Hard Fork AI

OpenAI launches "Canvas" as a new way of working with ChatGPT for writing and coding. My Podcast Course: ⁠https://podcaststudio.com/courses/⁠ Get on the AI Box Waitlist: ⁠⁠⁠https://AIBox.ai/⁠⁠⁠ Join my AI Hustle Community: ⁠https://www.skool.com/aihustle/about

Episode details come from the podcast's RSS feed.

Embed this episode

Ready to play

ChatGPT Launches "Canvas" Feature

0:00 12:43
of matches

Transcript Auto-generated, may contain errors

OpenAI has just launched a new feature, which they are calling Canvas. I'm going to break down everything that it's able to do. This is really good for anyone that uses Chatup D4 writing, or developers using it for coding. They have a bunch of new features.

And this is completely changing the way that we are using Chatup D. They just posted over on X. They said, we're rolling out an early version of Canvas, a new way to work with Chatup D on writing and coding projects that go beyond simple chat. Starting today, plus, and Teams users can try it by selecting GPT4 with Canvas in the model picker.

So right on Chatup D4, where you would typically go and hit the dropdown to change what model you're talking with, it's going to appear right there. You're going to be able to go grab it right there. So what it looks like is just this little pop-up module on the side. It's going to be like a little sparkling pencil over on the right hand side.

When you open this up, it's going to open up an entire new screen or panel that you're actually going to start being able to edit what you're working on to the bunch of new features, a bunch of new buttons that are really interesting. So let's get into them. Specifically, I'll talk about anyone using this for writing first. I think this is a really amazing new use case.

And the idea with this is that you're able to essentially better collaborate and write. And some things that you might have been prompts in the past that you use Chatup D4, they're now all going to have shortcuts. The first one is to suggest edits. You can ask Chatup D4 to suggest an edit.

And what's going to be right, it pulls open this whole side panel. You'll be chatting with Chatup D4. It's giving you your answers. It opens this full-on side panel where it's kind of like a document editor, like Google Docs or something else.

You select a piece of the text, and you can then get it to manipulate that text in particular. So they have examples where they're highlighting the title of an article that you got it to generate. And you highlight the article title. There's a little pop-up that comes up, and you type in it.

Make this more creative. And it's rewrite the title to more creative. Instead of having to get Chatup D2 redo whatever your thing is, every single time and try to get one shot, everything perfect, with this really long, elaborate prompt, you're essentially editing and working in real time. They do some really cool things.

They had a demo where you uploaded a document of a bunch of information that you'd saved. And they said, hey, take all this info and write an article to x, y, and z. I was able to do that. They then went and selected the introduction of the article.

And they said, and they can make a bunch of different edits to that. So one of them is adjusting the length. Sometimes you get to actually write something, and it's just like a sentence. And you're like, geez, flush this out.

Make this a paragraph. Or sometimes it writes you three paragraphs, and you're like, no, please, I wanted two sentences on this. So it just has a button that you'll be able to select what you're talking about and get it to redo that. It's nice because sometimes I get it.

Sometimes I'll write a whole chunk of whatever I wanted correctly. But the beginning part is just not good. So you're going to be able to just edit the little pieces of a document that you want. This is amazing for me.

The other thing that it's able to do is change the reading level. So you can adjust it from kindergarten to graduate school. There's a reading level that you're actually able to switch right inside of it, which is going to be awesome. Sometimes I'm like, OK, this is way too complex.

I don't even understand, especially when it's really technical stuff. Like, I don't even understand this. Please just explain it. It's going to a fifth grader.

And then I can understand complex topics better. This is going to be something everyone can do very simple. The other thing is you can add final polish. They just have a button to add final polish.

You can do it to the whole document, to a specific area. It's going to check with things like grammar, clarity, and consistency, which is great. Sometimes if you're manually editing stuff, right? I find a lot of times I get to write something, then I go and change something.

I don't like this paragraph. I delete it. And then by the end of it, I'm like, is this whole thing really consistent? Is my writing style the same as it?

It's like, how do we fix that? So that's what this final polish button is going to do. The last thing that they can do, they have a button specifically to add emojis. Any relevant emojis that they say you can add emphasis in color?

Probably not something I use a lot because I'm always telling it to please, never use any emojis. But that's just me. So maybe there's other people that are a little bit different. So that's some of the writing features that are absolutely fascinating.

And I'll show you what that's actually looking like in a second. I want to talk about what, even if you're not a developer, but if you aren't, it's going to be interesting. But what they're doing with coding in Canvas. So what was previously done was enthropic, the biggest competitor to Chet-Pering out for Cloud Model, it had some called artifact, which is similar, but it honestly seems like a bit of a nerf diversion after seeing what the coding function can do here.

And you're able to essentially have a side panel that would help you with your code. So the new coding shortcuts that they're adding with their new Canvas, number one is to review the code. So Chet-Pety can give some suggestions to improve your code. Again, you can select a certain line of code and have it work on that or the whole thing.

It can add a log. So it can insert print statements to help you debug and understand your code. So that's very, very useful. And then it can add comments.

This is something that developers on my projects that I'm working on. They use this all the time. Sometimes when someone writes the code and a new person comes in, it's hard to understand. It's hard.

You've got to go figure the whole thing out. It's something that my developers have been doing when code gets switched from one developer to another. Is they'll use Chet-Pety to go and just comment the entire code trying to read the whole thing. So the next thing you can do is it can fix bugs.

This is really useful. Obviously code is not perfect, especially when it gets out of a different AI model. And so just the ability to have this thing go through and fix any bugs that are in it is awesome. And essentially, I've seen the demos of this.

It looks at every single line of code. And it goes and it verifies that everything is running smoothly on those, which is fantastic. The last thing is that you can actually put this to a new language. Sometimes people will be like, hey, write me a code that can do x, y, and z thing.

And it writes it in JavaScript. You're like, oh, no, I need this thing to be in Python. So you have a very simple way to change the actual coding language from JavaScript to TypeScript to Python to C++, PHP, whatever you're actually trying to work in. So this is very, very interesting.

So how does this thing actually work? How does this panel get triggered? Is it manual? I believe there's going to be a manual button right on the side that you can click on.

It should be on chat GPT. But I'm watching this. It should be right in the bottom right hand corner of chat GPT. You click on that to open up a panel.

But alternately, you can add to your prompt that you're saying use Canvas. So this is kind of awesome. If you're like, OK, I'm going to be needing a canvas. Now, they tried to build in some automatic triggers to make this thing pop up.

So to essentially know when to make this pop up. And the thing that they tried to get us to do is to trigger the canvas for writing and coding, generating a bunch of different content types, making targeted edits, rewriting documents, and providing inline critiques. So if you're working on any of those things, they're going to try to trigger the canvas to open up in the site. So the problem is this could be annoying if you're just trying to get this thing to write a recipe or help me with a recipe.

You don't need to edit this thing or work on this thing. You just want it to be the information you don't want to hold canvas pop up. So they said a key challenge was defining when to trigger canvas. We taught the model to open a canvas for prompts write a blog about the history of coffee beans.

While avoiding over triggering for general Q&A's like, help me cook a new recipe for dinner. So they tried to really work on this. And they had, I believe they measured progress with over 20 automated internal evaluations to try to get this working correctly. They said for writing tasks, we prioritize improving correct triggers at the expense of non-correct triggers.

So it's about 83% compared to a baseline 0 shot GPT4 with prompted instructions. It's fairly good. It's not perfect. It's getting there.

But honestly, if you need it, you can click on the button that's going to automatically trigger. I think it's better that it under triggers when you can click the button if you need it versus over triggers. So everything that you don't want it to open, it's going to be open. OK.

All of that out of the way, I think this is absolutely a fascinating new use case. And people are talking about this all over Twitter with the big introduction that they gave. People are already opening eye developers. The official account over on X is showing a demo of what this would actually look like in the wild.

And I thought it was fascinating because essentially, they're able to, someone's asking it to, I have a 3D model, and I want it to display in the 3D scene. I have a lot of to do with longitude. I would like to translate this into X, so as you can write the code for me. So they essentially are saying this.

Now, nowhere in there doesn't say to open up the specific side panel, but it understands that this is what it needs. So it opens up the canvas. Now, while they're doing this, they simply click on the button on the right hand side. And they want to put it into a new language.

So there's a little adjuster where they say, switches to JavaScript, immediately it adjusts the entire thing into JavaScript, which is super, super useful. Then they're like, OK, this is cool, but I need to do a specific geolocation to Earth that I want to keep it at. So they go and add a little bit of code. And as soon as the code is edited, now not everything's perfect.

So they're going to just go ahead and select the chunk of code. Afterwards, they just ask chat GPT. I want this to be relative to Earth. And boom, it takes that code.

And it goes through the entire document, line by line of code to make sure everything's good. It rewrites the piece in question. Now, I think the best feature of all of this that I'm really excited for is the fact that it is essentially able to select one line of code or one line of your document and go and just edit that specifically. So overall, very, very excited for that.

The responses on X have been quite positive. People, someone said interesting exactly what I use cursor for, any specific differences. Why I should use this feature? I would say, chat GPT is probably just going to keep developing this feature.

It's kind of rough for cursor. This week, we had a whole bunch of VS code for projects, one in particular, got into Y Combinator, got $500,000. Everyone was roasting them because they just copied an open source library. And there's a lot of memes right now that those code editors are really sweating because this is obviously going to kill a lot of startups.

So even as I'm scrolling down through the comments, I'm seeing someone that says, if they add multi-file edits and testing environments, my app and 50 other startups are cooked. So again, it's kind of rough. Every time opening eye comes up with a new feature, a lot of people are going to complain about the repercussions on the startup ecosystem because it does impact a lot of people working on these types of projects. I'll keep you up to date on everything else rolling out.

This is an amazing new feature. I'm really excited to try and get started with. Let me know what you think in the comments. If you like the video, let me know.

And if you're interested in making money online with AI tools, I would love to have you join my AI hustle school community, where I do an exclusive piece of content every single week. I make a video showing exactly what AI tools I'm using and the side hustles that I do. So that sounds interesting to you. You can check out the link in the description to my AI hustle school community.

Hope you have an amazing rest of your day.

Frequently asked questions

How long is this episode of Hard Fork AI?

This episode is 12 minutes long.

When was this Hard Fork AI episode published?

This episode was published on December 4, 2024.

Is there a transcript available for this episode?

Yes, a full transcript is available for this episode. You can read the complete transcript on the episode page.

Can I download this Hard Fork AI episode?

Yes. Use the download control on the episode player to save the publisher-provided media file.