Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

Introducing MakeReal in jupyter-tldraw ✨ Now you can hand-draw a plot on a tldraw whiteboard and turn it into Matplotlib code directly in a notebook.

kolibril13's profile picture

Jan-Hendrik Müller

2,297 subscribers

239,726 Aufrufe • vor 2 Jahren •via X (Twitter)

Wissenschaft & TechnologieBildung
LIVE

Anya Rossi• Live Now

Private livecam show

10 Kommentare

Profilbild von Jan-Hendrik Müller
Jan-Hendrik Müllervor 2 Jahren

You can find the source code and installation instructions here

Profilbild von Hari Subramonyam
Hari Subramonyamvor 2 Jahren

@tldraw @matplotlib I'm eager to learn about potential use cases. Based on the current demo how is this better than, say choosing the plot type from a dropdown list?

Profilbild von Jan-Hendrik Müller
Jan-Hendrik Müllervor 2 Jahren

@tldraw @matplotlib Same here, I'm also very interested in use-case investigation! One advantage I can see in hand-drawn plots is that I can exactly describe what I want. E.g. this example would not be possible to find in an example gallery with this level of custom details.

Profilbild von Hannah
Hannahvor 2 Jahren

@tldraw @matplotlib Have I ever told you that I really want a detexify type search of the gallery?

Profilbild von Jan-Hendrik Müller
Jan-Hendrik Müllervor 2 Jahren

@tldraw @matplotlib Oh, absolutely! One could even think of an open source language model trained on the matplotlib gallery.

Profilbild von Robert Haase
Robert Haasevor 2 Jahren

@tldraw @matplotlib I'm curious how this works! Is it powered by gpt-4-vision? 🙃

Profilbild von Jan-Hendrik Müller
Jan-Hendrik Müllervor 2 Jahren

@tldraw @matplotlib Yep, the model is called `gpt-4-vision-preview` and here is how I sent the request Under the hood, I'm using traitlets with #anywidget to transport the image. That's very modular, so it would also be possible to connect other large language models.

Profilbild von iandanforth 🦋 @iandanforth.bsky.social
iandanforth 🦋 @iandanforth.bsky.socialvor 2 Jahren

@tldraw @matplotlib Who is doing that freehand drawing? I couldn't draw something that steady if my life depended on it.

Profilbild von Jan-Hendrik Müller
Jan-Hendrik Müllervor 2 Jahren

@tldraw @matplotlib I'll plan a more paw friendly interface!🐕 😉

Profilbild von Pawel Jastrzebski 🇵🇱 🇬🇧
Pawel Jastrzebski 🇵🇱 🇬🇧vor 2 Jahren

@tldraw @matplotlib Jaw-dropping!

Ähnliche Videos

This is tldraw in a notebook, connected to the new GPT-4o vision API. This video is at original speed, and it shows how Matplotlib plots are generated from scribbles.
0:44

This is tldraw in a notebook, connected to the new GPT-4o vision API. This video is at original speed, and it shows how Matplotlib plots are generated from scribbles.

Jan-Hendrik Müller

261,892 Aufrufe • vor 2 Jahren

Jupyter Agents - LLMs running data analysis directly in a notebook! The agent can load data, execute code, plot results and following your guidance and ideas! A very natural way to collaborate with an LLM over data and it's just scratching the surface of what's possible soon!
0:51

Jupyter Agents - LLMs running data analysis directly in a notebook! The agent can load data, execute code, plot results and following your guidance and ideas! A very natural way to collaborate with an LLM over data and it's just scratching the surface of what's possible soon!

Leandro von Werra

200,291 Aufrufe • vor 1 Jahr

Google vibe coded so hard we can now code frontend by drawing on it like a whiteboard 😂 While you're in Google AI Studio, just grab the drawing tools, mark up any UI element, and watch Gemini turn your scribbles into actual code. oh yea now we don't write code anymore, we draw it
0:45

Google vibe coded so hard we can now code frontend by drawing on it like a whiteboard 😂 While you're in Google AI Studio, just grab the drawing tools, mark up any UI element, and watch Gemini turn your scribbles into actual code. oh yea now we don't write code anymore, we draw it

corbin

187,730 Aufrufe • vor 8 Monaten

AI coding just arrived in Jupyter notebooks - and bhupesh ganger (Jupyter co-founder) and I will show you how to use it. Coding by hand is becoming obsolete. The latest Jupyter AI - built by the Jupyter team and showcased at JupyterCon this week - brings AI assistance directly into notebooks. Most AI coding assistants struggle with Jupyter notebooks. Jupyter AI was designed specifically for them. This is the first course to teach it. In this course, Brian and I teach you to: - Generate and debug code directly in notebook cells through an integrated chat interface - Provide the right context (like API docs) to help AI write accurate code - Use Jupyter AI's unique notebook features: drag cells to chat, generate cells from chat, attach context for the LLM We've integrated Jupyter AI directly into the DeepLearningAI platform, so you can start using it immediately. Since Jupyter AI is open source, you can also install and run it locally afterward. Whether you're experienced with notebooks or learning them for the first time, this course will prepare you for AI-assisted notebook development. Start using Jupyter AI (free):
2:46

AI coding just arrived in Jupyter notebooks - and bhupesh ganger (Jupyter co-founder) and I will show you how to use it. Coding by hand is becoming obsolete. The latest Jupyter AI - built by the Jupyter team and showcased at JupyterCon this week - brings AI assistance directly into notebooks. Most AI coding assistants struggle with Jupyter notebooks. Jupyter AI was designed specifically for them. This is the first course to teach it. In this course, Brian and I teach you to: - Generate and debug code directly in notebook cells through an integrated chat interface - Provide the right context (like API docs) to help AI write accurate code - Use Jupyter AI's unique notebook features: drag cells to chat, generate cells from chat, attach context for the LLM We've integrated Jupyter AI directly into the DeepLearningAI platform, so you can start using it immediately. Since Jupyter AI is open source, you can also install and run it locally afterward. Whether you're experienced with notebooks or learning them for the first time, this course will prepare you for AI-assisted notebook development. Start using Jupyter AI (free):

Andrew Ng

118,164 Aufrufe • vor 8 Monaten

I've done analyses in Jupyter notebook for years. Now Code Interpreter can write all the code, but I haven't used it daily because you can't tweak code, re-run analyses, install packages, etc. I built Juno w/ Alexi Robbins to bring GPT into Jupyter for the best of the worlds
0:20

I've done analyses in Jupyter notebook for years. Now Code Interpreter can write all the code, but I haven't used it daily because you can't tweak code, re-run analyses, install packages, etc. I built Juno w/ Alexi Robbins to bring GPT into Jupyter for the best of the worlds

Andrew Mauboussin

49,846 Aufrufe • vor 3 Jahren

This is the coolest tool you'll see today! Introducing Drawdata! 🚀 It allows you to draw a 2-D dataset of any shape in a jupyter notebook. A very handy tool for learning & understanding the behaviour of ML algorithms! Check this out👇
0:33

This is the coolest tool you'll see today! Introducing Drawdata! 🚀 It allows you to draw a 2-D dataset of any shape in a jupyter notebook. A very handy tool for learning & understanding the behaviour of ML algorithms! Check this out👇

Akshay 🚀

112,197 Aufrufe • vor 2 Jahren

Did you know that you can use GitHub Copilot in notebooks? Accept and run generated code with just a click. You can even attach variables from the Jupyter kernel in your requests ✨
0:36

Did you know that you can use GitHub Copilot in notebooks? Accept and run generated code with just a click. You can even attach variables from the Jupyter kernel in your requests ✨

Visual Studio Code

44,371 Aufrufe • vor 1 Jahr

How to Create a Spinning Globe 🌍 with Your Own Data Layers (No Coding Required) Learn how to create a spinning 3D globe map without writing any code using a simple web-based tool. In this step-by-step geospatial tutorial, you'll see how to build an interactive spinning globe, overlay raster and vector data layers, and visualize datasets directly in your browser or in a Jupyter Notebook environment. Web-based demo: Jupyter notebook demo: Video tutorial: #geospatial #opensource #python #jupyter #maplibre
0:29

How to Create a Spinning Globe 🌍 with Your Own Data Layers (No Coding Required) Learn how to create a spinning 3D globe map without writing any code using a simple web-based tool. In this step-by-step geospatial tutorial, you'll see how to build an interactive spinning globe, overlay raster and vector data layers, and visualize datasets directly in your browser or in a Jupyter Notebook environment. Web-based demo: Jupyter notebook demo: Video tutorial: #geospatial #opensource #python #jupyter #maplibre

Qiusheng Wu

12,678 Aufrufe • vor 4 Monaten

Introducing "Save to Notebook" Now you can save agent outputs directly into SciSpace Notebook — all content and citations automatically transferred. No more copy-pasting, just seamless research workflows. Collect, refine, and get publish-ready in no time.
0:27

Introducing "Save to Notebook" Now you can save agent outputs directly into SciSpace Notebook — all content and citations automatically transferred. No more copy-pasting, just seamless research workflows. Collect, refine, and get publish-ready in no time.

SciSpace

18,174 Aufrufe • vor 5 Monaten

Run MATLAB code directly in Jupyter notebooks, JupyterLab, and JupyterHub using the MATLAB kernel. Just open a browser-based MATLAB environment from Jupyter to directly access MATLAB apps and features. Get started with our repo: #Jupyter #Coding
0:30

Run MATLAB code directly in Jupyter notebooks, JupyterLab, and JupyterHub using the MATLAB kernel. Just open a browser-based MATLAB environment from Jupyter to directly access MATLAB apps and features. Get started with our repo: #Jupyter #Coding

MATLAB

13,874 Aufrufe • vor 1 Jahr

This is the future of data science development. Zerve is a new web-based IDE. It's block-based like a Jupyter notebook but follows a different philosophy, and the experience is much different. Check the attached video. I'll walk you through a simple example. Zerve is not a fork of Jupyter. It's a completely reimagined experience where collaboration is a first-class citizen. But there's something else: Unlike in a regular notebook, you can deploy your models directly from Zerve. They store and cache every asset we use and generate inside a notebook, so it takes seconds to deploy your work. A few additional notes about Zerve: 1. It's web-based, so you can access your work anywhere. 2. Collaboration is a first-class citizen. 3. You can deploy your code without going anywhere. 4. It promotes code modularity by using blocks. 5. You can use multiple languages together. 6. You can run code blocks in parallel. Zerve organizes your code as a DAG. Each block inherits the state of every block before it. Everything runs in a serverless architecture. Zerve is free. You can start using it right now by visiting Thanks to the team for answering my questions and sponsoring this post.
5:50

This is the future of data science development. Zerve is a new web-based IDE. It's block-based like a Jupyter notebook but follows a different philosophy, and the experience is much different. Check the attached video. I'll walk you through a simple example. Zerve is not a fork of Jupyter. It's a completely reimagined experience where collaboration is a first-class citizen. But there's something else: Unlike in a regular notebook, you can deploy your models directly from Zerve. They store and cache every asset we use and generate inside a notebook, so it takes seconds to deploy your work. A few additional notes about Zerve: 1. It's web-based, so you can access your work anywhere. 2. Collaboration is a first-class citizen. 3. You can deploy your code without going anywhere. 4. It promotes code modularity by using blocks. 5. You can use multiple languages together. 6. You can run code blocks in parallel. Zerve organizes your code as a DAG. Each block inherits the state of every block before it. Everything runs in a serverless architecture. Zerve is free. You can start using it right now by visiting Thanks to the team for answering my questions and sponsoring this post.

Santiago

84,664 Aufrufe • vor 2 Jahren

Introducing 3D Motion. You can now turn any image into a 3D motion video on Morphic.
0:27

Introducing 3D Motion. You can now turn any image into a 3D motion video on Morphic.

Morphic

221,935 Aufrufe • vor 11 Monaten

My canvas based AI image generation tool is live! It's built on top of tldraw and uses Nano Banana Pro for image generation. You can sketch, annotate, collage in a frame... And then click to generate an image. Check it out 👉
1:00

My canvas based AI image generation tool is live! It's built on top of tldraw and uses Nano Banana Pro for image generation. You can sketch, annotate, collage in a frame... And then click to generate an image. Check it out 👉

Charlie Clark

44,335 Aufrufe • vor 7 Monaten

You can now edit HyperFrames’ Timeline directly! Drag in preview → video updates When Claude Code struggles with timing, you can give it a hand Experimental, open sourced in @hyperframes/player $ npx hyperframes upgrade RT + Comment "Timeline" for source code (must follow)
0:33

You can now edit HyperFrames’ Timeline directly! Drag in preview → video updates When Claude Code struggles with timing, you can give it a hand Experimental, open sourced in @hyperframes/player $ npx hyperframes upgrade RT + Comment "Timeline" for source code (must follow)

HeyGen

727,759 Aufrufe • vor 2 Monaten

You can just tell Claude Code to learn skills and it will. I asked Claude to create an app that uses tldraw and it one shotted it with sqlite db, and then I asked Claude Code to create a skill so that it could read and write on the canvas. 10 minutes later it could do it. Weirrrrdddd times.
0:25

You can just tell Claude Code to learn skills and it will. I asked Claude to create an app that uses tldraw and it one shotted it with sqlite db, and then I asked Claude Code to create a skill so that it could read and write on the canvas. 10 minutes later it could do it. Weirrrrdddd times.

Riley Brown

73,418 Aufrufe • vor 7 Monaten

Built an open-source Jupyter Notebook that brings the power of OpenAI's code interpreter into your local Python development environment. Watch how easy it is to use Thread to edit code I wrote, chat with my notebook, or generate charts just using prompts. We built Thread using Next.js, Chakra and Project Jupyter and you can install it by running: pip install thread-dev
0:22

Built an open-source Jupyter Notebook that brings the power of OpenAI's code interpreter into your local Python development environment. Watch how easy it is to use Thread to edit code I wrote, chat with my notebook, or generate charts just using prompts. We built Thread using Next.js, Chakra and Project Jupyter and you can install it by running: pip install thread-dev

Ali Shobeiri

112,638 Aufrufe • vor 2 Jahren

Introducing Bifrost, a tool that uses AI to turn anything from Figma into clean React code automatically. How it works: - Generates usable code for anything in Figma - Drops the code directly into your code editor - Learns how to structure code just like yours 1/4
0:54

Introducing Bifrost, a tool that uses AI to turn anything from Figma into clean React code automatically. How it works: - Generates usable code for anything in Figma - Drops the code directly into your code editor - Learns how to structure code just like yours 1/4

kartik

756,127 Aufrufe • vor 3 Jahren

Introducing Runable Sketch Some ideas live only in your head. You try to describe them. You try to explain the visuals. But it's never quite the same. Now you can simply draw a rough sketch and turn it into a pitch deck, landing page, or video ad. From imagination → reality. Try it today
2:15

Introducing Runable Sketch Some ideas live only in your head. You try to describe them. You try to explain the visuals. But it's never quite the same. Now you can simply draw a rough sketch and turn it into a pitch deck, landing page, or video ad. From imagination → reality. Try it today

Umesh Kumar

21,530 Aufrufe • vor 4 Monaten

Project organization is here: Introducing notebooks in Gemini. You can now keep multiple projects organized and even add past chats and relevant files as sources, so you have a dedicated space to focus on the task at hand. Select “New notebook” in the side panel to get started.
0:34

Project organization is here: Introducing notebooks in Gemini. You can now keep multiple projects organized and even add past chats and relevant files as sources, so you have a dedicated space to focus on the task at hand. Select “New notebook” in the side panel to get started.

Google Gemini

2,785,426 Aufrufe • vor 3 Monaten

You can now push what you’re building in Claude Code directly into Figma. With the latest updates to the Figma MCP server, build a working prototype in code, then send it to a Figma canvas to explore multiple versions.
0:30

You can now push what you’re building in Claude Code directly into Figma. With the latest updates to the Figma MCP server, build a working prototype in code, then send it to a Figma canvas to explore multiple versions.

Claude

4,312,922 Aufrufe • vor 4 Monaten