Everyday AI Podcast – An AI and ChatGPT Podcast - EP 401: ChatGPT’s Canvas Mode overview: What’s new and how you should use it.

Episode Date: November 13, 2024

Why is no one talking about this ONE feature of Canvas? OpenAI announced Canvas, a new ChatGPT mode and way to code and write. Everyone's trying to compare this to Anthropic's popular Artifacts feature inside of its Claude chatbot. But almost everyone's missing the point by simply comparing it to Artifacts. We'll break it down and tell you 5 things you need to know about OpenAI's new Canvas mode.Newsletter: Sign up for our free daily newsletterMore on this Episode: Episode PageJoin the discussion: Ask Jordan questions on ChatGPT's CanvasUpcoming Episodes: Check out the upcoming Everyday AI Livestream lineupWebsite: YourEverydayAI.comEmail The Show: [e-mail] with Jordan on LinkedInTopics Covered in This Episode:1. Overview of Canvas Mode2. Technical Details of Canvas Mode3. Using Canvas Mode for Coding4. Live demo of Canvas mode5. Canvas Mode Feature ComparisonTimestamps:02:00 Daily AI News05:50 ChatGPT's Canvas feature08:20 Canvas is based on OpenAI's newest model.13:20 Use GPT-4 Canvas, integrates with other tools.16:19 OpenAI first with split interface, November 2022.17:49 AI feels smart but requires constant correction.22:18 Stop comparing; similar interfaces aren't identical.26:13 Ensure GPT-4o with Canvas is selected first.28:30 Large language models give varied responses often.32:11 Basic features of a text editor demonstrated.36:07 Demo of inline editor for live podcast.38:11 New interface enhances large language model experience.41:51 Button polishes writing for clarity and consistency.47:30 Curious about ChatGPT's bug-fixing process.50:20 Prompt engineering is easier with Canvas mode.54:17 Rendered output reveals coding errors effectively.56:01 Sizable step toward future AI-human collaboration.Keywords:OpenAI, Canvas Mode, ChatGPT, Anthropic's Claude Artifacts, human-AI collaboration, GPT-4o, AI News Updates, Gemini’s AI, Google, NVIDIA, Taiwan's largest supercomputer, Geoffrey Hinton, John Hopfield, Nobel Prize in Physics, Microsoft WorkLab podcast, Internet-connected GPT, browsing with Bing, Replit, coding, Augmented Intelligence, inline editor, Large Language models, real-time collaboration, language models, GPT-4, Claude 3, Llama 3.1, Gemini 1.5, AI-generated content, Augmented intelligence conceptSend Everyday AI and Jordan a text message. (We can't reply back unless you leave contact info) Start Here ▶️Not sure where to start when it comes to AI? Start with our Start Here Series. You can listen to the first drop -- Episode 691 -- or get free access to our Inner Cricle community and all episodes: StartHereSeries.com Also, here's a link to the entire series on a Spotify playlist. 

This is the Everyday AI Show, the Everyday Podcast where we simplify AI and bring its power to your fingertips. Listen daily for practical advice to boost your career, business, and everyday life. Meet Firefly AI Assistant, now live in Adobe Firefly, the All In One Creative AI Studio. Just describe what you want to create and the assistant handles the rest, orchestrating multi-step workflows across Photoshop, Premiere Express, and more in one conversational interface. You direct the outcome. The assistant accelerates execution. Canvas is a new mode inside of chat GBT that changes and I think improves a way,

like how you and chat GBT can write and code together. But I think everyone's caught up on comparing it to a similar collaborative feature in Anthropics Claude called Claude Artifacts. And in doing so, I think everyone's missing the bigger picture with Canvas. It's actually a significant step forward and how humans in AI will work together. So I'm going to show you that and tell you the five most important things that you need to know about this new canvas feature inside of chat GPT. What's going on, y'all? My name's Jordan Wilson and welcome to Everyday AI.

Like I said, my name's Jordan and this Everyday AI thing is for you. This is a daily live stream podcast and free daily newsletter helping us all learn and leverage generative AI to grow our companies and to grow our careers. And if I'm being honest, I think chat GPT's Canvas mode is a great place to do that. I have been very impressed. And like I said, we're going to get started here in a minute and tell you everything that you need to know about it. Let's get straight into it and talk about chat GPT's new Canvas mode. We're going to do an overview, talk about how it compares to clawed artifacts. But more than anything, I'm going to tell you the five things that you really need to know because I think people are overlooking what this actually

means. I think people have really just been caught up on comparing it to a feature inside of Anthropics Claude called Artifacts. And I think everyone's missing the point. All right. So let's get into it. Hey, thanks everyone for joining. So Jackie and Jason Sabatical Life, Stephen, Rolando, Tim, Josh, I'm not AI, although I do have an AI clone. from hour one. All right, but if you guys have question about this new Canvas mode from chat, GBT, please let me know. And you guys wanted this. I asked in my newsletter said, hey, what is tomorrow's hot take Tuesday show going to be? You all said you wanted to hear this. So here we go. Here is Canvas. All right. So this was just released a couple of days ago. And I'm going to read

just a couple excerpts from OpenAI's website. I'm going to give you all the kind of marketing speak and then I'm going to cut through it and tell you how it actually works and you know, we'll probably actually do something live here too. So here's Canvas. OpenAI says we're introducing Canvas a new interface for working with ChatGPT on writing and coding projects that go beyond simple chat. Canvas opens in a separate window, allowing you in ChatGPT to collaborate on a project. This early beta introduces a new way to.

of working together, not just through conversation, but by creating and refining ideas side by side. Canvas was built with GPD 4-0 and can manually be selected in the model picker while in beta. Starting today, we're rolling out Canvas, so this is last week, starting today, we're rolling out Canvas to chat GPT Plus and teams users globally. Enterprise and ED users will get access next week. We also plan to make Canvas available to all chat GPT free users when it's out of beta. All right. And here is, I think, something that people are kind of overlooking. So a little bit more on the page. They said, we trained GPT40 to collaborate as a creative partner. The model knows when to open a canvas, make targeted edits, and fully rewrite. It also understands broader context to provide precise feedback and suggestions. So that should tell you a pretty decent amount there, just the marketing speak from Open AI. But one thing to pull out there. This is not just GPT-40 with a little feature on top.

It has been trained seemingly from the ground up. Yes, it is based on Open AI's kind of newest model, their newest general purpose model, GPT-40. That's important to make a distinction here because a lot of people are wondering like, oh, what about the, you know, the newest model, the reasoning model, strawberry called 01 Preview 01 Mini. Well, it's not really what Canvas is for, and I think people are kind of missing that point. I think that we're not going to see, right? All of these new chat GPT features, I do not expect most of them to ever work with the new

01 model. It's because it's a different class, right? This is not a GPT model, the 01 model. It is the open AIO1 model. So so many of these tools that we talk about, right, browse with Bing, advanced data analysis, and now Canvas are not going to be available and can't be used in the 01 model. So keep that in mind, GPT40 is still, by all benchmarks, the most capable model in the world, right? Aside from the 01 model, but it is the most capable general purpose model in the world.

All right. So the biggest thing here that OpenAI and everyone is really pushing is better coding in content creation. But I think it's so much more than that. It's not just about you, the human, creating something, right? We've had chat GPT and other large language models now for almost two years, right, since the chat GPT moment of November 2022, and then everything else kind of shortly followed thereafter. So I don't think this is necessarily even about better coding and content creation.

I think the biggest thing of what people are missing here is this is a huge step, in my opinion, toward this concept of augmented and intelligence, right? We talk about, you know, human intelligence, artificial intelligence, and then that thing that happens in between augmented intelligence. And I think by default, to get augmented intelligence, it's been a little tricky with traditional large language models because of the interface and how they work. Essentially, it's more of a back and forth. It's not truly collaborative, right? If you prompt something inside of chat GPT as an example, maybe you need an outline for a marketing case study that you're working on.

And you need an outline and you're uploading a transcript and you need an outline, right? And it got pretty much everything right. And there's 10 points in the outline, but number two's wrong. Number seven needs updated, right? So generally what you would have to do is you would have to explain that to chat, GPT or any other large language model. And what would generally happen is it would cause either a lot of back and forth or you maybe copy that information.

You paste it into a word processor, right? Microsoft Word, Google Doc, something like that. You got to change all the formatting. And then you from there, you're like, okay, well, I'm just going to manually change this. Some of these things are wrong. So in the end, you know, people are always like, well, was it even faster? Right. So this new inline editing, I think is the biggest thing inside of chat GPT's canvas.

and we're going to show you examples of actually what that means, and we're going to do this live. But let's start with some facts. All right. I don't know. Hey, question here. I don't know when chat GPT will get the Nobel Prize. We'll see. All right.

So let's go over the five things you need to know. So talked about one of these things already. But number one, right now it is available to all chat GPT plus users and maybe free users will get access after beta, right? You know, take all that with a grain of salt. You know, opening eyes rollouts can be very slow, right? We've all seen that. So if you're a free user of chat GPT, I honestly would not expect this anytime soon. So if you want to use it, you might as well just get on the paid plan.

The second thing that you need to know, Canvas is its own mode. Okay? You can't be, like I said, you can't use Canvas inside when you're using ChatGBT-GBT-O-1 model. you can't start a conversation in a different mode and then switch it over and say, oh, I want to use Canvas. If I'm being honest, I haven't seen a downside yet. I don't see a reason not to just move all of your chats or to start all of your new chats in the new GPT4 with Canvas mode.

Like I said, unless you are using and you want to use the new reasoning model, the Strawberry Model, O1 Preview, 01 Mini, in which case you would start a chat there. But otherwise, I do believe that you would just always start your chats with Canvas, whether you think that you're going to need them or not, versus using, right, the legacy model GPT4- or using even the newest model GPT-40. To me, there's no reason to use the GPT-40 mode when you should probably just be using the GPT-40 with Canvas for everything. All right. Here's the other part that you have to keep in mind. It works with other tools. And this is where I think ultimately, chat GPT has separated itself from Anthropic Claude,

from Google Gemini, and even from its kind of brother technology in Microsoft copilot, at least copilot for the web. It's because it can use all of these other features, and it does it very well. So browse with Bing, the availability to browse the internet and direct it to browse the internet, right? Because when you're using chat GPT, you need to make sure all the information that you're using is up to date and not from 2023 or 22 or even earlier. So being able to still use browse with Bing, advanced data analysis, Dahl-E, etc. Being able to use all of these inside of the new canvas mode is pretty big and do not forget about that. Number four, the fourth thing you need to know.

This is not a carbon copy. of Anthropic Claude's artifacts. All right, let me just put the facts out now. Everyone's like online, oh, Open AI's copying Anthropic Claude. Not really. You want receipts, y'all? The new artifacts feature from Claude, it's fantastic, right? And essentially, it is a side by side editor

where you can talk with chat GPT or in the fact, or in the case of artifacts, you can talk with the model on the left hand side, and then on the right hand side, In addition to carrying the conversation on the left hand side of the chat window, it's going to execute an action on the right side. So in the case of Anthropic Claude, the biggest differentiator there is it can render code. And that's huge. And Canvas cannot render code, right? It can write code.

It can collaborate. It can debug code. It can do all those things, but it cannot render it. Whereas in artifacts from Claude, you could as an. example, write an entire website, right? You could drop in a screenshot of a website. You could say write this in, you know, HTML, CSS, and JavaScript, and then render it. And then the website will actually be there. Like you just built an entire website. So that is what I think is a main differentiator when people are making this comparison. And let's also call a spade a spade here, y'all.

ChatDB is not copying Anthropic Claude with this feature because receipts. Who was technically first? with this split interface, right, with interacting with a model on the left side and carrying on a conversation and that on the right side, the model does something for you. Oh, that was Open AI with their GPT builder back from November. Why is everyone forgetting about that, right?

Everyone's blindly saying, oh, opening eyes, they're just a copycat. They just copy and pasted everything from Anthropic. It's two different tools, number one. And number two, opening I was first to this kind of left, right, and having the AI build something for you while you talk to it on the left side.

That's been there in the GPT builder since November 22. It's so funny. People go wild on the internet and make all these wild accusations. And it's like, y'all, like this wasn't a secret. This has happened, right? The GPT builder has been there for like a year. All right, so this is not some carbon copy.

All right, and then number five, which I think is the biggest one. The inline editor. The inline editor is what I think puts chatGBT in a league of its own. This is what I think, at least for the big large language models, this is, I think, the biggest first step toward this concept of augmented intelligence.

I know I hate the concept. It's a cheesy word, but it's the truth, right? Because every other large language model, essentially, it's just you and the model screaming back and forth at each other. Even in clawed artifacts, I was using artifacts last night. Don't be wrong. I love it.

But it kept making these small little mistakes. And then you have to do essentially a bunch of prompt engineering, so much extra typing, a lot of extra copying and pasting because it feels like, oh, this AI is so smart, but it's getting this one thing wrong. Right. Because in certain aspects of the word collaboration, you're not actually collaborating. You're just directing. Right. And then the model spitting things out where this inline editor in being able to literally work alongside in real. time with chat gbt i think in the canvas mode is the biggest step toward augmented intelligence

all right let's quickly go over uh let's uh hey hey philip let me know uh philip said chat gbt can't do this you might have been responding to someone else but let me know what you're what you're talking about there all right so here is the mode selector so for our podcast audience very simple uh when you go into your chat gptt account again assuming you you are on a plus account, you're going to see a new model selection screen. So like I said, for the most part, I don't see a reason to ever not start in 4-0 with Canvas versus just 40. So make sure you always start with the right model when you get going. All right.

So that's kind of a combination of number one and number two. It's available right now to all chat GPT plus users and it is its own mode. number three. So I have an example here. All right. So I'm using now chat GPT4O with Canvas. I have a screenshot here. And I said, please use Browse with Bing to find the 10 most popular cities in the US in 2024. All right. And you'll see here, this is an example of using the other tools. And that's important mainly because at least if you're comparing trying to compare apples and banana chips here with Claude artifacts, Claude can't really use any other tools aside from It can't access the web.

There's no image generation. There's a lot of essentially tools that ChatGPT has, that Claw doesn't. All right, so you'll see in this case, even in the Canvas mode, it went and used Browse with Bing. It pulled a list of the 10 most populous cities. All right, let's get back to it. Number four. So it is not a carbon copy. Canvas is not a carbon copy.

I already talked about this, but I wanted to show an example of something you can do inside of Claude artifacts because it has, obviously, its own benefits that Canvas mode does not have. So in this example, I took this same information, right? We're just doing a simple, a simple explanation here, where we're taking these 10 cities, right, the 10 most populous cities in the U.S. And I also think, by the way, if you ask Claude, you get something different because it's using old information. All right. And then I essentially say, use Claude Artifacts, please create an interactive graph with this data that you can click around on. Right.

Nothing crazy, but essentially what Claude Artifax can do is it can do a lot of business intelligence. It can create interactive dashboards. It can create, you know, it can render code, right? You can run Python code. You can create websites. You can do so many things by rendering code. That is the main benefit of artifacts.

There is no collaborative, true collaborative. feature. There is no ability to add it in line. That's why I think artifacts and canvas are two completely different things. If I'm being honest, I only put this in the title so I could set the record straight. These are two very different things. So we should probably stop after you listen to this. We should probably stop comparing them just because they share a left to right, you know, interface and you can kind of direct the model to go do something while still continuing to chat with it separately on the left hand side that does not make these two things the same all right in anyways claude artifacts created a nice little interactive graph right where i can scroll you know it gave me the top

ten cities and i can hover over and it does this little animation and then it pops out right i hovered over chicago and then it you know gave me chicago's actual uh you know population so that's essentially what artifacts does that is not canvas all right so let me give an example of canvas and then we're going to jump in live. And again, if you have questions, if you have questions, let me know. All right, I think Philip, I finally got your question. Sabatical life, I'll get yours too. Don't worry. All right. So here's an example of using Canvas and how I think this is completely different in a very refreshing feature for working with AI. So in this exact same example I did earlier where I said, hey, give me the 10 most popular cities, use browsed with Bing, it spit it out.

Now I can go in there and I can edit it, right? Whereas before and with every other large language model, you can't go in and click and start typing yourself, right? So essentially what we get with Canvas is, well, we get a canvas, right? It is aptly named. You get a canvas you can go write on. You can go collaborate. You can essentially, you know, leave a note to, you know, the way I do it is I leave a note to chat, GBT, I copy it, and then I paste it in. So in this example, you know, you do have to FYI in order to highlight something. Something has to be there. So you can't just have blank space. So you can put a couple words or a couple symbols, but then you can highlight it, all right, in the middle of the content. So here in this example, it wrote something short about Chicago. I'm from Chicago, right? So I'm like, hey,

this list needs some improvement. So I just typed a little something. Then I said to ChatGBTGPT, I essentially said, awesome. Let's make sure people know that Chicago is way better than these other cities. I said mention the Deep Dish Pizza and that Chicago was voted Best City for eight years in a world from Condé and S Travelers. All right. So then when I click Enter, everything else stays the same. Go back to that theoretical example I gave you, right?

you're using chat GPT or any other large language model to outline a marketing case study for a client, right? And it has 10 points and it gets a couple of them wrong. So you either have to do a lot of prompt engineering and say, oh, you know, please keep everything else the same. Number two is wrong. Let's update 8 in this way. But it might spit out a lot of different things, right? Or like I said, you have to manually go in and then, you know, change everything by hand and maybe you're just wasting time. So by just being able to highlight and do inline editing and to work with chat GBT in the canvas or in the body, that's huge.

Right. And then chat GBTs spit this out. Again, it kept everything else the same. It didn't re-render everything. And then it put in there, it said, you know, talked about some of the updates that I made. All right. So, hey, Josh, Josh is saying, thanks for joining from YouTube, Josh. Josh is saying fantastic breakdown.

This will actually save me so much back and forth between GPT. Yeah. All right. So let's look live, y'all. Let's do this. Hey, if you have a suggestion, let me know. I'm just going to go with whatever's on the top of my head unless you get something here in the next 10 seconds of something that we want to work with here inside of chat GBT.

So as an example in podcast audience, I already talked about this. But, you know, usually chat GPD will default to the last mode that you use. All right, so make sure that you go in when you're starting a new chat here and go to GPT4A with Canvas. All right. And then everything is pretty much the same. All right. I don't see anything yet in the live stream comments. So here we go.

I'm going to say, you know, please give me a list of the 10 most popular large language models in 2024. And I'm going to say, please use browse with Bing and, uh, visit at least eight different sites, all from unique domains. There's nothing more I hate than typing and talking live on the stream because, you know, I got my dinosaur arms to, you know, type like this. I got a type like this because how my desk is set up. All right. So now you'll see I gave you an example.

I went in. I'm starting a chat. Let's just say for whatever reason, you're writing a blog post for the 10 most popular large language models. in 2024, right? So I told it to use Browse with Bing because I want up to date and accurate information. I told it to go to 10, you know, or look at eight different sites, get information from 24.

I can click down. People don't know this. If you're an avid everyday AI listener, you already got this tip, you know. Chad, TBT is essentially a perplexity light if you know how to prompt it correctly, right? If you tell it, the most that I've seen it do consistently is about eight. So let's see. It did one, two, three, four, five, six, seven. It went to seven different sites here, not bad.

So now it said, based on an extensive review of multiple sources, here's a list of the 10 most popular large language models in 2024. So gave me a list here. So it said, Adobe just introduced an entirely new way to create, bringing the power and precision of its creative suite into one conversational experience. Meet Firefly AI Assistant, now live in the Adobe Firefly. app, the all-in-one creative AI studio.

Powered by Adobe's creative agent, Firefly AI assistant lets you start with your vision, just describe what you want, and shape the outcome as it takes form with the assistant. The assistant orchestrates multi-step workflows, drawing on 60 plus pro-grade tools across Adobe Creative Cloud apps, including Photoshop, Illustrator, Premiere, Lightroom Express, and more to help bring your ideas to life.

You can also get started with creative skills, a growing library of pre-built workflows for common creative tasks, like batch editing photos, creating mood boards, portrait retouching, and creating social variations. Every step the assistant takes is visible, so you can refine, redirect, or take over at any time. You stay in the driver's seat as the creative director. Adobe Firefly AI assistant now in public beta.

See it today at firefly.adobie.com. All right. And now my, okay. So it said, GPT4, Oh, Claude 3, Lama 3.1, Gemini, 1.5, Palm 2, mixtral, orca, Lambda, Lambda, Galactica, Bert. All right, so here's, so you might be saying like, okay, well, where is this? This is why I tell you guys, you know, hey, here's the marketing speak from OpenAI, and here's how to actually use it. Because in this case, even though I'm in Canvas, it didn't use Canvas. because the model decided that for my prompt of the 10 most popular large language models in

24 that it didn't need to use Canvas. Okay. So you still in many instances need to call out the model, all right, or the mode, even though I'm in Canvas. So I'm starting a brand new chat. And so at the end, and I wanted to show you this because the thing that people don't understand, large language models are generative. You can run the exact same prompt 10 times. You might get nine different responses. You might get the same pretty much similar thing over and over. So you could run that same prompt inside of Canvas mode. You might get Canvas to show up once. You might get it to show up eight times. But if you call out to it, it will show up. So now I'm just doing the exact same prompt. And then at the very end, I'm going to say use Canvas for this chat. And now, at least in my testing,

nine times out of 10, when you say that, it will actually use the canvas mode. Obviously, chat, knows. It knows I'm on a live stream now and it's giving me some problems. All right, here we go. So now our live stream audience, you'll see this. And let me describe this for our podcast audience at home. So if you're an avid user of chat GPT, you'll kind of understand kind of the setup here. All right. So I'm going to go compare this in a normal chat because it can be easy to miss. Okay, it can be easy to miss. So when you are in a normal chat, it depends on if the sidebar is out or not. All right, but otherwise, you just have kind of this middle zone and then you can toggle the sidebar out, which has all your most recent chats. But when you are in Canvas, it does look a little

bit different. I wish there is actually a little bit more kind of UI, UX, to kind of quote, unquote lets you know that you're in Canvas, but essentially now my bar to chat with chat GPT has shrunken. Okay. And normally you are kind of quote unquote chatting with chat GPT in the middle, in the big area. When you activate Canvas, so now when I said, you know, at the end of this prompt, I said use, I said use Canvas for this chat. It did bring up Canvas. Okay. A couple things. So I can go in close out of Canvas mode and keep this chat going. Okay, so when you close out of Canvas mode, you'll see now, I'm in the normal chat view, and then I can just click back on Canvas. It does look similar to Claude artifacts and how you can click on an artifact to then launch it. Again,

I wish there was a little bit more kind of a UI, U.S. hint that, oh, you know, especially for new people, here's where your canvas is, all right? But then I can just click back on it. All right. And now I can speak with chat GPT on the left and I can have it update or the big thing here. Okay. So now I'm back. And hey, it did give me some different models on the second run, right?

So now it gave me Sonar 3.1 from perplexity as an example. But you'll see. Okay. Now I have a canvas. And I can go over here. So as an example, GPT40. Okay. So I noticed that it didn't bring in 01.

Okay, so I'm going to click Enter. And the great thing is this even works better than some text editors, right? So I went to the end of point one, which was GPT40. I hit Enter and then it automatically made that point to and adjusted every other point, right? So this has some of the basic features like a standard word editor, which I love. So I noticed in the list, it didn't. bring in the new open open A.I.01. So I'm going to type in OpenAI.01. Okay. I'm just going to copy and paste this. And then I'm going to, uh, when I do that, when I highlight text, I get this new thing that says ask, ask chat GPT. Okay. And then I

also, when I highlight any text, you also have some basic editing features, bold, uh, italics, and some other text formatting issues. So you can also get this same ask chat. GPT. when you just click on a paragraph, usually it'll pop up on hover. It doesn't work as well. I'm actually in Safari right now because my Chrome and my edge are being a little weird. There we go. So normally if you hover over the paragraph and you go to this right side, you'll see this little icon.

It looks like a chat bubble with a plus button. That is the same thing as asking chat GPT. So the difference here, right, I can go and work with chat GPT in line. All right. So like I said, I entered number two. I'm going to click Ask ChatGBTGPT. And I'm going to say, please add OpenAI01 to this list. I actually haven't done any testing yet of in Canvas calls to browse with Bing. So I assume this will work. But I'm going to say use browse with Bing to find info from October or no, I'm going to say from September or October. 2024, about 01 preview and 01 mini. Okay. So now you'll see in real time, chat GBT, you can see on the left side, it was researching. And then on the right side, in real time, it updated, right? I just put in a little bullet point. And then chat GBT went out, filled it out, did some research, right? I can go down here and look at the sites that it used. All right. It's good. And it kept everything else

the same. Y'all, I know this seems small, but this is big. This is a big step forward in how we all work with AI systems in large language models, right? We've seen this in the announcement, the Microsoft Wave 2 announcement with co-pilot pages very similarly, right, how you can essentially create pages collaboratively, but pulling information from copilot. So this is kind of similar. There's some nuances and some intricacies that are a little bit different with this new canvas mode. But I just gave you a simple example there, right? So maybe me, the human, wants to take over, right? So I can go ahead and click this.

And let's say I'm going to go down. I'm going to delete, you know what? I'm actually going to copy Sonar. I'm going to delete the rest. I'm going to go up to, let's see, number eight here. So I deleted, you know, 11 through 8 and I pasted Sonar in. And I'm going to say, so I copied it. I'm going to ask chat GBT.

Again, I'm in the Canvas editor. And I'm going to say look up information from September, October, 2024 about Sonar 3.1. I'm going to say add it to the list with more detail, all right, because I didn't think there was enough detail in that sonar, sonar 3.1 from perplexity. And then I'm going to say, please end here. and this will only be a top eight list. All right, so this information, I didn't tell it to use Browse with Bing, but in most cases, when you say look something up,

and if it's not in its knowledge base, it will do a pretty good job. All right. So you'll see right there, oh, I forgot to hit delete on that, so we actually have a top seven list. So I hope this kind of live demo of the inline editor is helpful. And hey, if you are on the podcast, this is one of those. hopefully I did a decent enough job of talking you through this. But I can still make large scale changes on the left side in the traditional chat side.

So I can now I'm going over and I'm saying like this is great. I'm going to say please use Browse with Bing, do more research and put three use cases under each of these. How many? We got seven or no. How many do we got now? Looks like we have a little editing error here. There we go. Under each of these seven top LLMs.

All right. So I can still do kind of quote unquote normal chatting with chat GPT. And in this case, it's going to, so it's going through and you'll see in real time, it's updating my document, right? So I can see it's going through one by one. It's adding, it's highlighting and deleting. It's literally like watching. a human work. So it's going through, it's updating all of these based on this new search that it just

did. And it just put in three use cases. So I saw in this case, we keep getting this little formatting issue, which isn't a big deal. All right. There we go. So now we have our list of top seven large language models from 2024. And then for each one, we have kind of subpoints of use cases. All right. Pretty cool. So is this great for coding? Absolutely, right? I do know this show, though. It's for the everyday person. So yes, you can go through in code. I think that there's great applications. Let's just do one more quick run through of the interface here because that's not all. This isn't just an inline editor. So thank y'all. This is like working in Google Docs. And if I'm being honest, I try to give, you know, Gemini a shot inside of Google Docs and Google Sheets. I just don't

like it. Obviously, co-pilot is fantastic, you know, working inside of Microsoft Word. But this is a new interface and I think a new experience for large language models by default. And I do think that this is going to set the stage going forward. So let's look at a couple other of these kind of inline features. All right. So there's a new icon over. here in the lower right hand corner. It's very minimal, right? Maybe you just jumped in and you, you didn't even see this. All right. So there's a new editor. So I can hover over and there's some options. Add emojis, I would say never use that, right? I'm going to click add emojis. It's going to put in like a thousand emojis. All right. So I click the add emojis button.

It does the same thing. It's going to show a flash. It's going to give you like 8,000 emojis, which is terrible. All right. The good thing is, like most editors, there is kind of an undo button. All right. So there we go. It went through. It added a thousand emojis. That's terrible. In the upper right-hand corner, get used to this. You're going to need it. Because it is a little, it takes time to getting used to working with chatGBT in this canvas editor. So I can just go up there, click previous version. I can click back. I think it's back to the latest version. restore this version and it should go back. All right. Now, now, of course, it's being, it's being, it's being bad.

I thought that's how I did it. I swear I did this, you know, a couple of times. All right. Well, regardless, let me see if I can go up here, y'all. Let me get out of this. Let me scroll up. All right. There we go. Well, a little, a little bit of a bug. A little bit of a bug here. All right. last time I did this, I went to the previous version. I restored the previous version. It worked without the emojis. I swear I test all this stuff before we get going here. All right, but for now, we're just going to have to work with the ugly emojis.

That's fine. All right. So now, let's see, I'm actually seeing if I can click add emojis again or take away emojis. This worked yesterday. Yeah, I did. I clicked undo until it disappeared. It didn't work. I'm going to edit it once more, and then we'll see if that works.

Yeah, the edit button isn't quite the same as a normal word editor, right? Because when you click undo, you get this message. You are viewing a previous version. Restore this version to make edits, and you can restore this version or back to the latest version. So yeah, I'll keep going back to the latest version. Hopefully there will be a timeline kind of feature soon. So I'm just going to say take away the emojis.

We'll see if I can do it with a prompt. Yeah, I think the emojis were actually a joke. You know, CEO Sam Altman put something out there on Twitter. Like are emojis like the best, like are they your favorite feature? Yes or yes. So don't use the emojis button. I should have skipped over it. All right.

Next. Add final polish. All right. So that is a button. It's going to go through. It's going to essentially analyze your writing from a different point of view. I hope that in the future you can kind of custom. these a little bit because what does final polish mean, right?

But essentially, it does it every time. And I think for the most part, when I'm comparing content before or after using this use final polish, generally it's better. And then on the left hand side, it says, I've polished the text ensuring consistency, clarity, and proper formatting. The document now includes section titles, improved grammar in a clear presentation of each language model. And I can click that again.

So in theory, right it might get to the point though it's like oh this is too polish and it depends on what you're using this for as well it depends also on how the content was before you started to kind of quote unquote polish it all right so maybe if you wrote half of it and you click polish maybe it's going to add a bunch of delves right so my individual mileage will vary all right let's look at a couple more of these so you can add final polish the reading level i love so it's it has a slider. Okay, so if I slide it up, it's going to write it like graduate school, right? So maybe you wrote something and you're not the best writer and you're like, I need this to sound a

little fancier. This is going to a board, but all my all my points are sound, right? So now it's going through and it's updating all of our content to make it more graduate level, right? So now the overview of the top LLMs of 2024 says, the accelerated evolution of large language models is profoundly transforming numerous industries by providing sophisticated capabilities in natural language, comprehensive, problem solving, and data-driven analysis. I couldn't read that if I'm being honest. I hate that. So I can also go back to reading level and let's bring it down.

Let's go to middle school. Right? Let's go to middle school and then I'll read that same introduction or overview to large language models. Ready? Large language models are becoming more advanced every year. They help people in all sorts of jobs do things. better, faster, and with more accuracy. Here are the top LLMs of 2024, along with what makes each

one special and what it can do. Hey, elementary, like elementary is great, right? All right. And then you also have, you can suggest the link so you can make it much longer. You can make it much shorter. That's a great one because I know so many times people are reprompting, going back and forth. And in theory, wasting time, try to make something longer. And they're like, oh, I need a thousand words. Guess what? Aside from the new 01 model, large language models can't count words. So if you're trying to get, oh, I need 700 words for this. Keep prompting because it's not going to work. But this is just an easier way to make something longer or shorter. So I'm going to click it all the way up to the longest, click the button. And again, you'll see for our live stream audience, but podcast audience,

I put it on the highest to make it longer. And it is making it significantly longer. Right. So I'm going to scroll down here to where number seven started and we'll see once it catches up. So that's where number five started. So I'm not great at math, but what? That makes it about, I don't know, 20 to 30 percent longer already. And then I can go in. I can do it, you know, keep cranking it up, et cetera. All right. And then I can click suggest edits. This is great. Talk about having a human collaborator. So I can click suggest edits and let's go to the top. Now it is literally highlighting Um, where did our edits go? All right, cool.

Uh, another, maybe I'm too, uh, maybe I'm too zoomed, zoomed in. Let's try it one more time. Uh, okay. So hopefully it stays this time. Yeah, a little buggy. This is in beta. All right. So our live stream audience probably saw that.

Uh, our edits kind of popped up and then they, uh, and then they went away. Um, that's okay. But essentially, this generally works. Obviously when I'm doing these live demos, People always say like, oh, Jordan, why do you do screenshots? Why don't you show us things live more? Well, when things are in beta like this, they get finicky, all right? And then it's hard to show you.

But this ask, suggests edits, generally like a Word doc, it will highlight things. It will give you a suggestion, and then you can click apply. All right. Let's actually do one more quick live demo, and then I'll see if I can actually do this. So I'm going to say use canvas. I'm going to say write pong in Python. All right. So now it's going to write the game in Python. All right. So again, yes, this isn't just for creating content. This isn't just a, you know, AI powered document editor, although I think that's how

people should be thinking of Canvas. All right. The big difference here, right, in artifacts, you could launch this and play this. You can't do that here. All right. There's a different interface if you're coding. Okay. There's add comments, add logs, fix bugs. port to a language and code review. So I can click code review and it's going to go and fix its own code, right? I would really love if OpenAI gave a little bit more information on how this iterative text or sorry, this iterative icon based prompting actually works, right? Do all of these little icons have like a system prompt, right, where they're supposed to

assume a slightly different role? Otherwise, like you have to think, right? If I can just keep clicking on this improve or this find bugs, you have to think, okay, well, is open a, like, is chat GPT just putting in bugs if it's finding its own bugs? Or do these little icons kind of have a system prompt that tell them to kind of assume a certain role and to look at things a little more meticulously than kind of the normal kind of system prompt. So I would love if we could figure out more information about how these work, right? Because essentially you can keep clicking fixed bugs and you can keep finding bugs.

So it's like, okay, well, if chat GPT can ultimately fix all these bugs, why is that here in the first place? Right. So I click the fix bug button. You can go down line by line in the Python code and see as it changes things. And then you'll see on the left, it says, okay, I've reviewed the code and made the following changes. And it changed ball speed from a list to a tuple for immutability. I don't even know what that word is. Someone smarter than me.

Tell me what that is. Right. But you can go through. It's going to tell you what it actually changed. And then you can also do, let's do the, what should we do here? We can do the add comments. Let's try that one. So in this, it's adding comments to the line of your code, which is super, super helpful.

All right. And then let's just do one more. Again, I'm not a big coder, but a lot of people are using this for code review. All right. So another one, I'm just clicking code review here. and it says I've added in, here we go, let's see. I'm like timing out here. I'm like timing out.

There we go. All right. So now it's adding comments. Here we go. I don't know why my comments keep disappearing, y'all. I swear they weren't doing this before. And I would love to, you know, display those comments live. And it's been working everywhere else.

So, yeah, obviously when I do the live stream. But generally when you do the comment thing, it says like, oh, consider, you know, changing. the speed from a variable to a set speed, and then you can click apply if you like it. If you don't, you can X out. So think like in Google Docs, how you can leave a comment for someone and you can suggest something and it leaves them kind of a checklist. So you can just click the apply button when you're doing these code or similarly when I went through the actual editor.

All right. Yeah. Hey, what Tara said. Demo demons. I agree. You know, hey, the next time someone out there says, hey, Jordan, why don't you do more things live. Well, that's exactly why. This probably would have been a lot smoother if I would have just screenshoted everything, but luckily I did a little bit of it in the beginning. Yeah, thank you.

Someone said live demos are hard. Yeah, this is, y'all, this is unscripted, unedited, the realest thing at artificial intelligence. I don't have a team of, you know, 50 people who go out and edit this to make it look like, you know, stars and fairy dust. You know, this is, this is live. All right. A couple questions. Philip says, Jordan, what is your view on prompt engineering since the of canvas within chat, GPT. That's a great question. Well, it's going to make things a little bit easier, right? If anyone's taking our free prime prompt polish, you know, I kind of, especially in the last couple of months, I said, hey, prompt engineering has really changed since the 01 model, because a very common way to kind of quote unquote prompt engineer is by using

chain of thought, right, or essentially commanding a model to think more like a human, to think through step by step, right? And now the 01 model kind of does that by default. With the canvas mode fill up, that's a great question. I do think it changes it, right? You know, even in our methodology, generally we do prime, prompt polish. In our methods, this changes the polish, right? It makes it much faster. It makes it better, I think, and more effective. I don't think priming is going to change it much because that's where we kind of turn chat GPT into a consultant, right? People are always so quick in chat GPT to immediately ask for an output. Even in this example, right, where I said, hey, give me, you know, like we're outlining

the top 10 blog post. I just asked for an output immediately. I would never do that if I was actually using chat GPT for a real purpose. I would go through. I would have a conversation with it first. I would turn it into a consultant. It would ask me, we would go back and forth before I ever told it to go, oh, give me an output, right?

But I do think this changes things on the back end. It changes kind of the shot, this input, output example pairing that you should be giving models regardless of what you're working on. So I think it does make it more intuitive and faster on the back end, right? But again, it just depends on what you're using this new canvas mode for. All right. One or two more questions. Sabatical Life asking, why browse with Bing?

I must have missed that show. Yeah, we have tons of shows on that. You can go back and look on our website, your everyday AI.com. But essentially, the short version, large language models are old, as in the training data. Okay. It could be anywhere depending on what model you're using. Best case, some of that training data might be six months old. You know, as an example, October 2023, one year ago is the GPT40 knowledge cutoff.

All right. So what that means is absolute best case scenario. You might be working with information in the. models training, that's a year old. Generally, it's all much older. So when you are creating anything inside of chat GPT, you know, we kind of call this mini rag, right, mini retrieval augmentive generation, but you need to give, and we do this in our priming phase of prime prompt polish, you need to give chat GPT more up-to-date recent information. You can do that in a lot of ways. You can use an internet connected GPT. You can upload a file. You can copy and paste information.

or you can use Browse with Bing. For me, I like using Browse with Bing, targeted calls, right, saying, hey, find information from September, October, 2024 about this topic. So then that brings in more relevant, more specific information before you get started, right? That's going to save you a lot of time on the back end by using Browse with Bing. Marie says, when you create a website, where can you save it? Because when I need to make changes to the site, I'm able to recall the original site and it will be updated. If you're talking about coding, yeah, you can't render anything inside of the canvas mode.

So yeah, you would have to, and again, I'm sorry, I'm not sure if that was the question. Marie, but you would in theory have to go copy all this information and then run it in something like replet. Right. So this is not the best I don't think for coding still, right? I love artifacts for coding. even though this new canvas mode, don't get me wrong, it's fantastic for coding.

But for me, I like to see it rendered, right, especially if you're an everyday person, if you're not really a coder, right, you might just be staring at this code on the page and be like,

okay, is this right or not? Well, in artifacts, you can actually run it, so you know if it's right or not, right? And then in the example of the pawn game, you can say, oh, the paddles are moving way too slowly,

right? But I wouldn't be able to manually look through the code and know that. And although the new canvas mode is great to be able to iterate on that. You don't really know something when it comes to coding until you actually run it. Even if you click the fixed bugs, there could still be bugs. So you might not even know what those bugs are. All right. That is a lot of information, y'all. I hope this one, I hope this one was helpful. All right. So we went over the five things that you need to know,

the difference between kind of this new canvas mode and artifacts. The world's fastest recap. Here's the five things you need to know as we wrap up the show. Right now, Canvas is available to all chat GPT Plus users. It may become available to free users after it leaves beta. It's probably going to be a while. So if you want to use it, go do it. I would just sign up for the paid plan.

Canvas is its own mode. You can't toggle back and forth. If you want to use this, you have to use it. And then like you saw in the demo, sometimes you have to actually call to the mode as well. And then you can kind of click in and out. And yes, it's in beta. It's a little buggy. You guys saw that here in the live demo.

Number three, it works with all other tools. All right. So unlike the new 01 model, which doesn't work with any tools, the new Canvas model does. You can use browse with Bing. You can use advanced data analysis. You can use Dali. You can use all of these things inside of canvas. Thing number four, it's not a copy.

It's not a copy of Anthropics Claude's artifacts. All right. Artifacts renders code. This is an iterative in-line editor. And then number five, I think that in-line editor is actually a sizable step toward the future of AI and humans working together, kind of this concept of augmented intelligence, us making AI better, AI making us better, working around and like working together in a collaborative nature. This is, I think, aside from, you know, co-pilot, which I think is probably pretty far ahead. but if we're just talking about the large language model makers themselves, I think this is low key. No one's giving it a lot of information. This is a sizable step forward in how the future

of how we work in a collaborative nature with large language models. I hope this was helpful. If so, please go to your everyday AI.com. Sign up for the free daily newsletter. Y'all, you wanted this. I asked in the newsletter, hey, should we do a show on Canvas? You guys said yes. So please sign up for the newsletter. Every single day, we tell you what you need to know in artificial intelligence, all the latest news, fresh finds from across the web, as well as we recap the highlights of what you need to know from each and every show. So make sure you go do that and make sure you join us tomorrow and every day for more everyday AI. Thanks y'all. Meet Firefly AI assistant. Now live in Adobe Firefly, the Allman One Creative AI Studio. Just describe what you want to create in your own words and the assistant

handles the rest, orchestrating multi-step workflows across Adobe Creative Cloud apps, including Photoshop, Premiere Express, and more in one conversational interface. You direct the outcome while the assistant accelerates execution. Stand control with the ability to step in and refine at any time. See it today at firefly.adobie.com. And that's a wrap for today's edition of Everyday AI. Thanks for joining us. If you enjoyed this episode, please subscribe and leave us a rating.

It helps keep us going. For a little more AI magic, visit your everyday AI.com and sign up to our daily newsletter so you don't get left behind. Go break some barriers and we'll see you next time.