Uploaded February 2023 | Updated September 2026, 2 weeks ago
Features are properties of the data like, the number of points, the number of paths, the width of the drawing, the height and so on. Machine learning relies on features extracted from the data.
In this video I'll teach you how to use JavaScript to extract features from our samples and feature them on a chart. First I'll show you how to use a Google Chart and then we use a custom chart we'll build in the next video!
⭐️HOMEWORK⭐️
Extract 2 other features from the data. Share screenshots and your code on my Discord server:
discord.com/invite/gJFcF5XVn9
If you need inspiration you can check my older Machine Learning video:
youtu.be/QXB1ytG95gs
Draw for me :-) I will use your data in the future:
Call for help video: youtu.be/Yw2QZ1vq2ek
Data collection tool: radufromfinland.com/projects/ml
⭐️LINKS⭐️
📁 Data
github.com/gniziemazity/drawing-data
💻 Code
tps://github.com/gniziemazity/ml-course
✔️ Use P2 to follow along
✔️ P3 is the code after this lesson
'Future' Chart Code: github.com/gniziemazity/javascript_chart
⭐️TIMESTAMPS⭐️
00:00 Introduction
00:55 Feature Extraction
06:41 Feature Visualization
08:56 How to use a Google Chart
17:00 Using a Custom Chart
21:49 Interacting with the Custom Chart
30:23 Inspecting the Data
Features are properties of the data like, the number of points, the number of paths, the width of the drawing, the height and so on. Machine learning relies on features extracted from the data.
In this video I'll teach you how to use JavaScript to extract features from our samples and feature them on a chart. First I'll show you how to use a Google Chart and then we use a custom chart we'll build in the next video!
⭐️HOMEWORK⭐️
Extract 2 other features from the data. Share screenshots and your code on my Discord server:
discord.com/invite/gJFcF5XVn9
If you need inspiration you can check my older Machine Learning video:
youtu.be/QXB1ytG95gs
Draw for me :-) I will use your data in the future:
Call for help video: youtu.be/Yw2QZ1vq2ek
Data collection tool: radufromfinland.com/projects/ml
⭐️LINKS⭐️
📁 Data
github.com/gniziemazity/drawing-data
💻 Code
tps://github.com/gniziemazity/ml-course
✔️ Use P2 to follow along
✔️ P3 is the code after this lesson
'Future' Chart Code: github.com/gniziemazity/javascript_chart
⭐️TIMESTAMPS⭐️
00:00 Introduction
00:55 Feature Extraction
06:41 Feature Visualization
08:56 How to use a Google Chart
17:00 Using a Custom Chart
21:49 Interacting with the Custom Chart
30:23 Inspecting the Data



![Text and Images on HTML Canvas
We learn how the fillText and drawImage methods work on the HTML Canvas.
Course playlist:
https://www.youtube.com/playlist?list=PLB0Tybl0UNfb6BvBPePaiCNOFpzxeE86R
⭐ MY CANVAS PROJECTS ⭐
1. Matrix Camera Effect https://youtu.be/GmB0ge-CuZo
2. Self Driving Car https://youtu.be/NkI9ia2cLhc
3. Puzzle Cam https://youtu.be/Z6fQtNpB3hU
4. Many more on my channel [ Its mostly about that :-) ] Text and Images on HTML Canvas](https://i.ytimg.com/vi/u923wu6Oa2A/mqdefault.jpg)





![A Virtual World - JavaScript Course: Lesson 9 / 11 [Self-driving Car Integration]
Welcome to the course where we build a self-driving car simulation in a virtual world using HTML, CSS and JavaScript. Today we’ll take the final code from Phase 1 and add everything we coded now, in Phase 2, next to it. We’ll first strip the code from phase 1 of some unnecessary things and then make the car move in the new virtual world.
Have Fun :-)
⭐PLAYLIST⭐
https://www.youtube.com/playlist?list=PLB0Tybl0UNfZtY5IQl1aNwcoOPJNtnPEO
⭐FINAL APP⭐
https://radufromfinland.com/projects/virtualworld
💻CODE💻
https://github.com/gniziemazity/virtual-world
8. Saving The World = follow along
9. Integration = code after this lesson
💻CODE WE NEED FROM PHASE 1💻
https://github.com/gniziemazity/Self-driving-car
Well use: 9. Fine-tuning
⭐ALL PREREQUISITES⭐
https://www.youtube.com/playlist?list=PLB0Tybl0UNfZ3nnHVg8SJ4uK3R4QD6R0H
☕Buy me a Coffee?☕
https://www.buymeacoffee.com/radum
⚡️Join this Channel⚡️
https://youtube.com/@radu/join
⭐Timestamps⭐
00:00 Introduction
00:47 Combined Project Setup
01:25 Stripping unnecessary Self-driving Code
04:52 Integrating the World Code
19:24 Making the car see Buildings
20:51 Making the car see Road Borders
21:35 Artificial Intelligence A Virtual World - JavaScript Course: Lesson 9 / 11 [Self-driving Car Integration]](https://i.ytimg.com/vi/wH2aNJxltus/mqdefault.jpg)
