Uploaded October 2025 | Updated September 2026, 1 week ago

---

Welcome to a new series all about working with machine learning models in JavaScript in the browser using the Transformers.js library! In this introduction, I cover what Transformers.js is, how to load it into a p5.js sketch, explain the pipeline API, and demonstrate sentiment analysis and language detection examples. Code: thecodingtrain.com/tracks/transformers-js/transformers-js/introduction

🚀 Watch this video ad-free on Nebula nebula.tv/videos/codingtrain-machine-learning-in-the-browser

p5.js Web Editor Sketches:
🕹️ Sentiment Analysis: editor.p5js.org/codingtrain/sketches/JaXqVSHxM
🕹️ Language Detection: editor.p5js.org/codingtrain/sketches/VmS9V6-0o


References:
💻 Transformers.js Documentation: huggingface.co/docs/transformers.js
🤗 Hugging Face: huggingface.co
🤗 Hugging Face Models: huggingface.co/models?library=transformers.js
🤗 Xenova on Hugging Face: huggingface.co/Xenova
🤗 Whisper Web: huggingface.co/spaces/Xenova/whisper-web
💻 p5.js 2.0 reference: beta.p5js.org
📓 ES6 Modules: developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules
📓 Quantization: huggingface.co/docs/optimum/concept_guides/quantization

Videos:
🚂 youtube.com/playlist?list=PLRqwX-V7Uu6YPSwT06y_AEYTqIwbeam3y
🚂 youtu.be/0Ad5Frf8NBM

Timestamps:
0:00 Welcome!
1:53 Why JavaScript and not Python?
3:01 What is Hugging Face?
4:03 Transformers.js Documentation
4:18 Pipeline API
5:41 import syntax and ES6 modules
8:34 Object Destructuring
11:33 Creating a Pipeline
13:18 Sentiment Analysis Example
19:04 Tasks and Models on Hugging Face
20:20 Language Detection Example
22:27 Device: WebGPU, CPU and more
24:25 Data Types and Quantization
27:54 See you next time!

Editing by Mathieu Blanchette
Animations by Jason Heglund
Music from Epidemic Sound

🚂 Website: thecodingtrain.com
👾 Share Your Creation! thecodingtrain.com/guides/passenger-showcase-guide
🚩 Suggest Topics: github.com/CodingTrain/Suggestion-Box
💡 GitHub: github.com/CodingTrain
💬 Discord: thecodingtrain.com/discord
💖 Membership: youtube.com/thecodingtrain/join
🛒 Store: standard.tv/codingtrain
🖋️ Twitter: twitter.com/thecodingtrain
📸 Instagram: instagram.com/the.coding.train

🎥 youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
🎥 youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA

🔗 p5.js: p5js.org
🔗 p5.js Web Editor: editor.p5js.org
🔗 Processing: processing.org

📄 Code of Conduct: github.com/CodingTrain/Code-of-Conduct

This description was auto-generated. If you see a problem, please open an issue: github.com/CodingTrain/thecodingtrain.com/issues/new

#machinelearning #transformersjs #huggingface #sentimentanalysis #languagedetection #naturallanguageprocessing #pipelineapi #asyncawait #es6modules #javascript #p5js #transformersjs