- Notifications
You must be signed in to change notification settings - Fork0
Don't look for a symbol, just draw it! Bind any symbol, word or text to a hand-drawn doodle, and quickly access them whenever you want.
1280px/drawachar
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
Try it online, without installation!
DrawAchaR is a simple Firefox MV2 add-on that allows to bind any symbol, word or text you want to some doodle, making it easy to access them when you need. It is powered by TensorFlow.js with KNN Classifier and MobileNet model.
A little backstory, if you're interested
DAC (codename Toffee) is my school graduation project, which I decided to finish and publish the code. Originally inspired byWindows IME Pad, the idea was to use a quick AI model which user can train by self-drawn examples, all running completely locally.
This was rather an experiment, as I was working with TensorFlow for the first time. Nonetheless, it was community ranked as the second-best project, right after real-time Python 3D objects classifier!
There were also a few attempts to make it based onbrain.js andHanziLookupJS, but in the end I decided to go withTFJS+MN+KNN, as it gives the best recognition quality, despite being a bit slower.
- Due to usage of localStorage for storing data, max dataset size is only ~5 MB. This can be bypassed by either increasing LS quota in
about:config, or using IndexedDB for storing data instead. - I didn't find a reliable way to store MobileNet locally, so DAC has to fetch it every time it is loaded, making it impossible to use without Internet.
You can download the latest signed version of the add-on from AMO:https://addons.mozilla.org/firefox/addon/drawachar
Or, you can download the .XPI fromReleases page and install it as temporary add-on usingabout:debugging
I also made a few dataset presets, which you can try in both online and installed versions of DrawAchaR:
 Dataset 1: handwritten digits, 0 to 9 (30 examples) |  Dataset 2: Russian alphabet, handwritten capitals (10 examples) |
|---|
- https://www.webtips.dev/writing-your-very-first-neural-network-in-javascript (original classifier tutorial)
- https://medium.com/maria-machine/charlie-gerard-machine-learning-for-front-end-developers-with-tensorflowjs-9c908fbfa8ec (TFJS + KNN ML tutorial)
- https://npm.io/package/@tensorflow-models/knn-classifier (simple KNN documentation)
- http://jsfiddle.net/z372rv90 (canvas drawingpad code)
- And, of course, DuckDuckGo and StackOverflow. Thank you for all, wise strangers from the World Wide Web :)
About
Don't look for a symbol, just draw it! Bind any symbol, word or text to a hand-drawn doodle, and quickly access them whenever you want.