Display Equations in ChatGPT

Alejandro AO - Software & Ai
13 Mar 202309:22

TLDRThis video tutorial demonstrates how to enhance the experience of using Chat GPT for mathematical expressions by installing a browser extension that renders LaTeX equations. The creator shares his journey of finding a solution to Chat GPT's limitations in displaying mathematical symbols and introduces an open-source code snippet. He guides viewers through the process of installing the extension from GitHub, which allows for continuous rendering of equations in Chat GPT, improving the study and explanation of complex mathematical concepts.


  • 😀 The video is about demonstrating how to display mathematical expressions in Chat GPT using LaTeX.
  • 🔍 The speaker has been using Chat GPT for studying mathematics and machine learning but found the rendering of math expressions lacking.
  • 📝 The initial method required asking Chat GPT to print equations in LaTeX and then converting them with an external tool.
  • 👍 A developer created a piece of code to simplify this process, which the speaker is now sharing.
  • 💻 The code can be pasted into a chat interface to render LaTeX equations directly in Chat GPT.
  • 🔄 However, the initial solution had issues with long-term use, possibly due to conflicts with Chrome or Chat GPT's handling of external JavaScript.
  • 🛠️ The speaker improved upon the original code, creating a more stable version that has been used without issues for weeks.
  • 🔧 The speaker guides viewers on how to install the improved version as a Chrome extension from a GitHub repository.
  • 📁 The installation involves downloading a ZIP file, unzipping it, and loading the 'extension' folder into Chrome's developer mode.
  • 📚 The extension simplifies the process of rendering LaTeX in Chat GPT, with a button to automatically create prompts and render equations.
  • 🔄 The extension continuously renders LaTeX expressions on the screen, enhancing the user experience for studying or explaining complex concepts.

Q & A

  • What is the main topic of the video?

    -The main topic of the video is demonstrating how to display mathematical expressions using LaTeX in Chat GPT.

  • What problem does the video address regarding Chat GPT and mathematics?

    -The video addresses the issue of rendering mathematical expressions in Chat GPT, which previously required the use of an external LaTeX converter.

  • Who is credited with developing the initial solution for displaying LaTeX in Chat GPT?

    -The video gives a shout out to an 'awesome dude' who developed the initial code for displaying LaTeX in Chat GPT for free.

  • What issue did the original code have when used for an extended period?

    -The original code had a problem where it would cause Chat GPT to crash after a few minutes, likely due to conflicts with Chrome or Chat GPT's handling of external JavaScript.

  • What did the speaker do to improve upon the original code?

    -The speaker bundled and repackaged the original code into a new extension that has been working well for them over several weeks.

  • What feature does the new extension offer to users?

    -The new extension allows users to render LaTeX mathematical expressions directly in Chat GPT without needing to use an external converter.

  • How does the extension work in Chat GPT?

    -The extension automatically detects LaTeX language in the Chat GPT interface and renders the mathematical expressions with proper symbols.

  • What is the process for installing the extension from GitHub?

    -To install the extension, one needs to visit the GitHub repository, download the zip file, unzip it, and then load the 'extension' folder into Chrome's extensions page in developer mode.

  • Why might the speaker recommend placing the extension folder in a known location?

    -The speaker recommends placing the extension folder in a known location to prevent accidental deletion, as deleting the folder would also remove the extension.

  • What additional feature does the extension provide in Chat GPT?

    -The extension provides a button in Chat GPT that allows users to automatically create prompts for Chat GPT to render equations using LaTeX.

  • Does the extension only work with Chat GPT?

    -Yes, the extension currently only works with Chat GPT as that is where the speaker was using it and developing it.

  • Is there a plan to show how to build this extension in a future video?

    -Yes, the speaker mentions that they will show how to build the extension in a future video for those who are interested.



📚 Introduction to Math Rendering in Chat GPT

The speaker begins by greeting the audience and introducing the topic of the video, which is about enhancing the way mathematical expressions are displayed in Chat GPT. They mention the utility of Chat GPT in learning and explaining complex subjects, particularly mathematics and machine learning. The main issue discussed is the difficulty of rendering mathematical equations within Chat GPT, which typically requires the use of LaTeX and a converter to display the equations properly. The speaker then credits an individual who developed a code snippet to address this issue, allowing for LaTeX rendering within Chat GPT. However, they also note that this solution can be unstable over time, leading to crashes due to potential conflicts with external JavaScript.


🛠️ Installing the Chat GPT Equation Renderer Extension

The second paragraph delves into the process of installing a browser extension that the speaker has developed to improve the rendering of mathematical equations in Chat GPT. The speaker provides a step-by-step guide on how to download the extension from GitHub, unzip the file, and install it in the browser by enabling developer mode and loading the unpacked extension. They emphasize the importance of placing the extension in a permanent location to avoid accidental deletion. Once installed, the extension offers a button to automatically create prompts for Chat GPT to render equations in LaTeX and a feature to continuously render equations on the screen. The speaker also mentions their intention to demonstrate how to build the extension in a future video and invites viewers to subscribe for updates.



💡Chat GPT

Chat GPT refers to a conversational AI platform designed to generate human-like responses to user inputs. In the context of the video, it is used as a tool for learning and explaining complex topics, particularly mathematics. The script mentions the limitations of Chat GPT in rendering mathematical expressions, which the video aims to address.

💡Mathematical Expressions

Mathematical expressions are combinations of variables, numbers, and mathematical operations that convey a specific mathematical relationship. The video script discusses the difficulty of displaying these expressions in Chat GPT and introduces a solution to render them more effectively.


LaTeX is a document preparation system used widely in academia for the communication and publication of scientific documents. It is known for its ability to render complex mathematical expressions with high-quality typesetting. The script describes the use of LaTeX to improve the display of mathematical equations in Chat GPT.


In the context of the video, rendering refers to the process of converting mathematical expressions or code into a visual format that can be easily understood. The script discusses the challenges of rendering mathematics in Chat GPT and presents a solution to enhance this process.


An extension, in the context of web browsers, is a software component that adds functionality to the browser. The video script describes an extension developed to facilitate the rendering of LaTeX in Chat GPT, enhancing the user's experience with mathematical content.

💡Machine Learning

Machine learning is a subset of artificial intelligence that involves the development of algorithms that can learn from and make predictions or decisions based on data. The script mentions the use of Chat GPT for studying machine learning topics, indicating its utility beyond traditional academic subjects.

💡Script Tag

A script tag is an HTML element used to embed or reference executable code, typically JavaScript. The script mentions an issue with external JavaScript injected into a script tag, which caused the Chat GPT interface to crash.


GitHub is a web-based platform for version control and collaboration used by developers to manage and contribute to projects. The video script provides a link to a GitHub repository where the extension for rendering LaTeX in Chat GPT can be found and installed.

💡Developer Mode

Developer mode in web browsers is a setting that allows users to load unpacked extensions, test experimental features, and debug browser issues. The script instructs viewers on how to enable developer mode to install the Chat GPT LaTeX rendering extension.

💡Equation Renderer

An equation renderer is a tool or software component that converts mathematical expressions into a visual format. In the script, the term refers to the newly developed extension that allows for the continuous rendering of LaTeX equations in Chat GPT.


Contextualization in the video refers to the process of embedding the LaTeX rendering extension within the Chat GPT interface to provide a seamless user experience. The script explains how the extension works within the context of Chat GPT to render mathematical expressions.


Introduction to displaying mathematical expressions in Chat GPT using LaTeX.

The challenge of rendering mathematical expressions in Chat GPT and the need for a solution.

Acknowledgment of a developer who created a code snippet to render LaTeX in Chat GPT.

The limitations of the initial code snippet and its tendency to cause Chat GPT to crash.

Introduction of an improved version of the code that is more stable and reliable.

Explanation of how to use the new code to render LaTeX in Chat GPT continuously.

Demonstration of the extension's ability to automatically create prompts for Chat GPT to render equations.

Instructions on how to install the extension from GitHub for those interested.

A step-by-step guide to downloading the extension and installing it in the browser.

The importance of placing the extension in a permanent folder to avoid accidental deletion.

How to enable developer mode in Chrome and load the unpacked extension.

The functionality of the extension's buttons for creating prompts and rendering equations.

The extension's ability to render LaTeX continuously without needing to press the button repeatedly.

The current limitation of the extension to Chat GPT and the lack of a similar solution for other platforms.

The speaker's intention to create a future video on building and understanding the extension.

An invitation for viewers to subscribe for more content related to Chat GPT and LaTeX rendering.

The conclusion of the video with a summary of the extension's benefits for studying mathematics and machine learning.