ChatGPT's Canvas: New Collaborative Writing and Coding Tool

ChatGPT's Canvas feature revolutionizes collaboration by allowing users to edit and refine text and code seamlessly.

### ChatGPT's New Canvas Feature: A Game Changer for Collaboration
* 🆕 Just launched, ChatGPT's Canvas feature allows users to **collaborate more effectively** by opening a **separate window for editing text or code**, enhancing the **overall interaction experience**.
* 💻 This feature is currently available to all users with a **pro or Enterprise account**, with plans to **extend access to free users** once it exits beta.
* ✍ Canvas is designed to assist primarily in **writing and coding**, with specialized capabilities such as **suggesting edits**, **adjusting text length**, and **adding comments or logs**.
* 🔧 The unique version of GPT-4 trained to recognize when to use **Canvas** enables targeted content updates, allowing users to **modify specific sections** without redoing entire outputs.
* ⚠ Concerns arise for AI companies built on OpenAI's API, as the introduction of **Canvas signifies a potential competitive threat**, reminiscent of past experiences with **platform risks**.
* 🎮 Testing Canvas with coding tasks revealed its ability to **modify code efficiently**, including **changing libraries and adding comments**, although it sometimes applies changes **more broadly than intended**.
* 📚 For creative writing, Canvas can adjust the reading level and add emojis, although the utility of adding emojis has been questioned, highlighting the feature's **early-stage limitations**.
* 🔍 Overall, while Canvas is still basic, its potential for future development could position it as a **strong competitor in the AI tool landscape**, prompting discussions about **platform dependency and innovation**.

Just yesterday, ChatGPT launched a brand new, pretty incredible feature called Canvas. This feature feels akin to ChatGPT's artifacts, and it could do a whole bunch of stuff. So, that's what we're going to go over today. The way to think about Canvas is a new way to collaborate with ChatGPT. You type a prompt, and instead of it just being in one single chat, it opens up this separate window where you can ask ChatGPT to edit certain parts of text or code. You can ask it to update, you can ask it to add comments, a whole bunch of cool stuff. So, I'm briefly going to tell you about it, then we're just going to play around with it. So, everybody already has access to ChatGPT with Canvas, and what I really like about it is the fact that they didn't say it's coming soon; they just released it the day that they announced it. So, if you click in the drop-down here, it is GPT-4 with Canvas beta, and they said for now everybody with a pro or

Enterprise account will get access to it, and then as soon as it leaves beta, every free user will also get access to it. There are two main use cases that Canvas looks to help with: writing and coding. Obviously, I definitely want to test out the coding aspects, which we will do right after this. One thing I found really interesting is they actually trained GPT-4 to collaborate. So, this is not just the base GPT-4 model with some code wrapper around it; this is actually a different version of GPT-4 that recognizes when it should use Canvas. So, for writing, it includes suggesting edits, adjusting the length, changing the reading level, adding final polish, and adding emojis. For coding, it reviews code, it can add logs, add comments, fix bugs, and port to a different language, which is pretty cool. And as I mentioned, GPT-4 was trained to use Canvas. So, to do that, they developed these core behaviors: triggering the Canvas for writing and coding. So, that's obviously just getting it going, generating diverse content types, making targeted edits, which is super

interesting, so rather than redoing the entire output every time, you can actually just select a certain piece of the content, and it will update that only. All right, so now I just want to test it out and show you what it's like to use it, but before I do that, I actually want to speak to something that I think a lot of companies that are built on chat GPT should be nervous about. Now, OpenAI, as a company, has always described itself as a platform company. They are going to give other developers the tools that they need to build amazing AI applications. But if I'm an AI company and I'm seeing this, I would be a little bit nervous, and this feels very analogous to what I went through at my previous company. So, at my previous company, we built a lot of our infrastructure on top of a company called Twilio. Twilio provides telepan servic, and they were truly a platform company. All they did was provide an API until they didn't, and we built an entire suest software on top of Twilio using

SMS and phone calls and other things. And then one day, Twilio started competing with us. They started building on top of their own platform. And so, if you've watched this channel at all, you know I've talked about platform risk in the past. If you build your entire business on top of somebody else's API, you are at platform risk. If they decide to change their policies, increase their price, compete directly with you because they saw a really successful business model, they will do that. There is nothing actually preventing them from doing that. And in fact, they get all of this incredible data. They get to see what all of these companies build on top of their platform, and then they can cherry-pick the best ones and recreate it. This is a tried-and-true model for platform companies. And so now, with Canvas, I'm looking at Continue and other AI-based ideas, and they should be nervous right now because this is essentially the first step in the direction to compete with those companies. All right, so enough of that. Let me know what you think of

platform risk building on top of Open AI in the comments. All right, so we have GPT-4.0 with canvas. Let's just play around with it first, of course. Let's get it to write the snake game. Now, one thing that canvas doesn't do is execute code, and I believe artifacts does do that, so that's one thing that it's missing. All right, so here it is. So, it popped open a separate little area of the window, and it looks like a code editor. We can delete stuff, we can add it back easily. Here's the actual conversation over here, but it removed a big part of what would have been there, which is the code, and placed it in the separate window, which I love. So, we have the game Snake. We can't execute it, plus that's not the point of this video, so I'm not going to do that. But let's see rather than these colors, so we simply highlight, then down in the right corner, we have all of the different options. So, add comments, add logs, fix bugs, port to a different

language and code review. So, instead of doing that, I'm just going to highlight it, click ask chat GPT, and I'm going to say, Change these colors to something else. So, it should, yep, look at that. That's really cool. So, it just changed these colors. Everything else stayed the same. You see the little editing update right here in the actual chat window. And that's it. I've updated the colors to new shades for better variation. All right, so that's how the basics work. So, what I could also do is highlight p game and ask it to use a different library, which would really change the entire application. So, use a different library. And I love, so now it's using turtle, and it actually has to change a lot of things in the code, and it knew to do that, which is fantastic. And I love the little animation that it has where it's just highlighting the code as it's changing it. So, I've updated the code to use the turtle library inside of p game. Let me know if you need further modifications. All right, so that's what

that looks like, but there's not many comments in this code right now, so let's ask it to add comments. So first, let's ask it to add comments to this set of lines of code right there. So I'm simply going to come over here, and I'm going to click add comments. And actually, I was wrong; it automatically adds comments to the entire document, which is kind of weird 'cause I only highlighted these, but now it's adding a ton of comments. But let's say we don't like this. Let's say we don't like Python, so let's port it to a different language. So I'm going to click port to different language. And look, we have a slider: PHP, C++, Python, Keep Current, JavaScript, TypeScript, Java. Let's do JavaScript. So I simply select that, and it should rewrite it in JavaScript. So easy. So it's done. Now it's in JavaScript. Now let's try porting it to something like C++. Yep, this looks like C++ all right. Thanks to the sponsor of this video, Vulture. Reap the benefits.

of the world's largest independent cloud provider. When you bring your GPU workloads over to Vulture, they have the latest Nvidia GPUs spanning 32 locations across six continents. Vulture delivers industry-leading price to performance and serious accessibility and reliability. Vulture's global fully composable cloud infrastructure moves your applications closer to your users and frees you from vendor lock-in, allowing you to bring your own networking and database solutions. And if you need to scale beyond just a single cluster, Vulture's Kubernetes engine allows you to take full control over your deployment, offering up a 100% free control plane. So if you're tired of waiting for GPUs from other providers, make sure to use Vulture. You can deploy at any scale immediately, and they have H100s, L4s, and more available right now. And you can get a fraction of a card or fully dedicated bare metal systems, which gives you full control over your hardware and your throughput. They also have one-click installation of all the applications you might need for advanced

machine learning workloads, allowing you to get up and running in minutes, not hours. So, experience the Vulture difference. Don't get bogged down by severe wait times or limited locations. Try it free today with a $300 credit for your first 30 days when you visit getvulture.com/burman and make sure to use code Burman300 at checkout to get that credit. Thanks again to Vulture for sponsoring this video. All right, now let's try fixing bugs. So, I'm actually going to switch it back 'cause I don't know C++ very well at all. I'm going to switch it back to Python. Now, let's add some bugs. So, right here for the move snake, I'm going to use up twice and let's see if it's able to catch that. So, I go over here again and I look for the fix bugs icon. I click that and let's see what it says. So, it's interesting. It's actually changing a lot of the code already, which I don't know why it would have to do that to fix

the bugs because there was really only one bug. Let's see if it's able to fix that one, and it did. Okay, the down movement direction was incorrectly assigned to up. Now, something interesting is, as I mentioned, it changed a lot of the code, which is not exactly what I wanted, but that's fine. Let's see what happens if we just do fix bug one more time. Let's see if it just keeps finding bugs and maybe the way it was programmed, it will just always find a bug with it. Yeah, so it's definitely changing the code again just a little bit, but it is changing it, especially down here in the main game loop. It is changing it quite a bit. I reviewed the code, fixed a bug where the game did not reset properly upon wall collision. Okay, so it looks like maybe it's thinking iterative improvements to the game is the same as a bug fix. That's okay. All right, now let's add some logs. First, let's just try to add logs to something that I highlight. I wonder if it's going to do

that nope. It's adding logs to everywhere, so it doesn't seem like just highlighting the code does anything unless you are using that as a GPT feature. So, it added a bunch of logs. Now, let's see if I can remove the logs. Now, remove the logs. Okay, yeah, so it is removing the logs. All right, I mean, this seems pretty cool. I think this is very basic to start with, but I like it, and it's definitely much better to kind of go through the iteration process of the code here and then paste it into VSS code. But honestly, this is kind of what Continue and other IDE AI coders already do, so they still have a long ways to go, but it seems clear that they are definitely heading in the direction of competing with AI coding assistant. All right, now let's try some creative writing, and let's see what it does. So, I'm going to start a new chat. So, write me a story about strawberries becoming intelligent. Intelligence, I miswrote that. Okay, so we have a story, and just like I expected, it should have

output a new canvas area of the page. So, does this story capture the essence of what you imagine? Let me know if you'd like to make any changes. So, just like normal, we can come in here, we could delete stuff, we could add, remove. This is fully editable. And just like normal, you can highlight certain areas and do ask Chat GPT just like that. But we're going to wait on that. Let's go down to the options we have. So, suggest edits, adjust the length, reading level, add final polish, and add emojis. So, let's first do suggest edits. This is really cool. Okay, so it's going to highlight different areas, and kind of similar looking to Google Docs, it gives you little comments that you can actually accept or decline. So, here consider adding more vivid description of the setting to draw the reader in more effectively and create a stronger atmosphere. So, let's do that. So, it should rewrite that part there. We go really good. Let's do it again right here. So, this says the Nanobots were designed to

enhance neural connections in living organisms, and they worked their way into the strawberries, nesting in amongst the seeds that dotted their red skin. This sentence could benefit from a bit more explanation about why the Nanobots were designed this way. Okay, let's try it. All right, now it says originally intended for medical research to improve brain function, so it gives more background story, so that's great. So I'm going to decline these other ones, and now let's adjust the length. And again, we have another slider, so I want it to be shorter, and it should rewrite the whole thing. It's really cool, the little subtle animations that they have. So here we go, much shorter. Let's see if we go even shorter than that. So I'm going to go shortest. All right, and what happens if we do it again? Let's find out. So I'm going to adjust the length again and go shortest again. I wonder if it's going to go shorter or just keep it at the same length. Okay, so it did go a little

shorter. Let's try to go shorter again. Just want to see where the limits of the functionality are. Yeah, so it'll keep actually just shortening it. So now let's go longer. Okay, great. Let's try something else right now. I don't know the current reading level, but it's going to keep it there. Let's go to the kindergarten level. So it's going to rewrite everything and just use simpler words, easier grammar to read, etc. So one day, special rain fell on some strawberries. Yeah, so this looks very good. Now let's change the reading level to graduate school. Yeah, so they're definitely using longer, more sophisticated words. Definitely looks like this would not be possible to read by a kindergartener. So that's really cool. Now let's go back to a kindergarten level, and let's see what happens if we select kindergarten level after selecting kindergarten level. So there we go. And let's select kindergarten level again. Yeah, it looks about the same. So it just kind of rotated, didn't necessarily

make it even more basic, and that would make sense. So let's go back, and let's do high school level. All right, there we go. Now let's add emojis. Now, funny thing about the ad emojis feature: it's pretty much useless. I mean, unless that is exactly what you're looking for it to do, but why would you do that? And Sam Altman posted a funny poll on Twitter yesterday: Is ADD emojis and canvas the best feature OpenAI has ever shipped? Yes and yes. And so, of course, the answer is yes. So there we go, it added emojis. Now I'm going to say remove the emojis over here. Oh, I see a lot of errors, actually. So here's rain just out of nowhere. I think I saw a misspelling somewhere in here, but I'm not seeing it now, so maybe it corrected it. And let's go to add final polish now. Hopefully, it corrects this rain at the beginning. It did okay, good. And it added a title now, so this is really cool. So I've come to adore. comom

and I'm going to give it some problems. I'm going to have it fix bugs, so I'm going to highlight the code that they have. I'm going to copy it, and the problem is uninitialized variables and fields. So, let's switch back to Canvas, and I'm going to say fix bugs in this using canvas. I don't know if I actually have to do that. We'll see. Yep, okay, so it did open it up. Contact bug fix. So, let's see. It's writing the code out first. Good, and it didn't actually tell me what the bugs were. Here we go. I've addressed a few issues in the original code: initialization of done in the complete procedure. Done was not being explicitly initialized to false. Null contact definition and get by name initialization. So, these seem like what needed to be fixed. So, I think it did catch this c. name length on line 86. The contacts. complete not initialize. Let's look. Yeah, the complete procedure. I think that fixed it. Obviously, I'm not checking exactly, but it seems like it definitely

identified it. So, that's the new feature. Chachi PT with canvas looks very cool, still very basic, but I think if they continue to iterate, they're going to be competing with a lot of other AI products built on top of them. Either way, let me know what you think of canvas. Let me know what you think of platform risk of being a company built on top of OpenAI's API. And if you enjoyed this video, please consider giving a like and subscribe, and I'll see you in the next one.

Huge ChatGPT Upgrade - Introducing “Canvas”

Artificial Intelligence (AI), Open Source, Generative Art, AI Art, Futurism, ChatGPT, Large Language Models (LLM), Machine Learning, Technology, Coding, Tutorials, AI News, and more

** Exclusive Pinecone Partner **

Matthew Berman

ChatGPT has launched a new feature called Canvas, which allows for collaborative editing of text and code in a separate window.

The feature is currently available to pro and enterprise account users, with plans to extend access to free users after the beta phase.

Canvas aims to assist with writing and coding by suggesting edits, reviewing code, and making targeted updates, all while using a trained version of GPT-4.

The Impact of Platform Risk and Canvas' Features

Twilio's competition and platform risk highlight the dangers of building a business on someone else's API.

0, offers a unique code editing experience for building applications like the Snake game.

Its features include changing code, using different libraries, and providing real-time updates, but it lacks code execution.

The tool automatically adds comments to the entire document, not just the highlighted lines.

It offers a slider to port code to different languages, making the transition seamless.

The sponsor, Vulture, provides GPU workloads with industry-leading price to performance and offers a $300 credit for the first 30 days.

AI's Iterative Bug Fixing and Creative Writing

The AI successfully fixed a bug in the code, but it also made significant changes, leading to iterative improvements.

It added and removed logs from the code, showcasing its ability to iterate through the development process.

In creative writing, the AI generated a story about intelligent strawberries and offered editable suggestions for improvements, similar to Google Docs.

Enhancing Neural Connections with Nanobots

Nanobots were originally designed for medical research to improve brain function and ended up nesting in strawberries.

The bots' unique placement among the seeds aimed to enhance neural connections in living organisms.

The tool offers features to adjust length, reading level, and even add or remove emojis for a personalized touch.

The speaker is using Canvas to fix uninitialized variables and fields in the code.

The tool successfully identifies and addresses issues such as the initialization of the "done" variable and null contact definitions.

The speaker finds Canvas's bug-fixing feature impressive and believes it has the potential to compete with other AI products.