Difference between revisions of "JavaScript"
m |
m (Text replacement - "http:" to "https:") |
||
| Line 15: | Line 15: | ||
* [[Development]] ...[[Development#AI Pair Programming Tools|AI Pair Programming Tools]] ... [[Analytics]] ... [[Visualization]] ... [[Diagrams for Business Analysis]] | * [[Development]] ...[[Development#AI Pair Programming Tools|AI Pair Programming Tools]] ... [[Analytics]] ... [[Visualization]] ... [[Diagrams for Business Analysis]] | ||
* [[Generative AI]] ... [[OpenAI]]'s [[ChatGPT]] ... [[Perplexity]] ... [[Microsoft]]'s [[BingAI]] ... [[You]] ...[[Google]]'s [[Bard]] ... [[Baidu]]'s [[Ernie]] | * [[Generative AI]] ... [[OpenAI]]'s [[ChatGPT]] ... [[Perplexity]] ... [[Microsoft]]'s [[BingAI]] ... [[You]] ...[[Google]]'s [[Bard]] ... [[Baidu]]'s [[Ernie]] | ||
| − | * [ | + | * [https://kinsta.com/blog/javascript-libraries/ The 40 Best JavaScript Libraries and Frameworks for 2022 | Durga Prasad Acharya - Kinsta] |
| − | * [ | + | * [https://www.robinwieruch.de/machine-learning-javascript-web-developers/ A Web Developer's Guide to Machine Learning in Javascript | Robin Wieruch] |
| − | * [ | + | * [https://modeling-languages.com/javascript-drawing-libraries-diagrams/ 10+ Javascript libraries to draw your own diagrams (2020 edition) | Hamza Ed-douibi - MOdeling LAnguages] |
| − | * [ | + | * [https://jamesthom.as/blog/2018/08/07/machine-learning-in-node-dot-js-with-tensorflow-dot-js/ Machine Learning in Node.js With TensorFlow.js | James Thomas] |
| − | * [ | + | * [https://docs.npmjs.com/misc/registry NPM] Javascript package registry |
| − | ** [ | + | ** [https://engineering.fb.com/web/yarn-a-new-package-manager-for-javascript/ Yarn] package manager for Javascript |
| − | * [ | + | * [https://www.freecodecamp.org/news/learn-deno-a-node-js-alternative/ Learn Deno, a Node.js alternative | Beau Carnes - freeCodeCamp.org] a Node.js alternative created by Ryan Dahl, the same person who created Node.js. |
| − | * [ | + | * [https://www.theverge.com/2022/8/18/23206110/james-webb-space-telescope-javascript-jwst-instrument-control The James Webb Space Telescope runs JavaScript, apparently | Mitchell Clark - The Verge] ... It’s in charge of taking the pretty pictures |
| − | ** [ | + | ** [https://www.stsci.edu/~idash/pub/dashevsky0607rcsgso.pdf JWST: Maximizing Efficiency and Minimizing Ground Systems | lana Dashevsky and Vicki Balzano - Space Telescope Science Institute] |
| − | ==== A [ | + | ==== A [https://news.ycombinator.com/item?id=16718285 sampling] of [https://blog.bitsrc.io/11-javascript-machine-learning-libraries-to-use-in-your-app-c49772cca46c available] Javascript Machine Learning libraries ==== |
* Libraries for NLP see [[Natural Language Tools & Services]] | * Libraries for NLP see [[Natural Language Tools & Services]] | ||
| − | *[[TensorFlow.js]] for training and deploying ML models in the browser and on [ | + | *[[TensorFlow.js]] for training and deploying ML models in the browser and on [https://nodejs.org/en/ Node.js] (was called Deeplearnjs) |
| − | ** [ | + | ** [https://transcranial.github.io/keras-js/#/ Keras.js] No longer active - capability now is in [[TensorFlow.js]] |
| − | ** [ | + | ** [https://deeplearnjs.org/ Deeplearnjs] rebranded to [[TensorFlow.js]] |
* [[TensorFlow Playground]] written in Javascript (TypeScript) using [[Javascript#D3.js|D3.js]] | * [[TensorFlow Playground]] written in Javascript (TypeScript) using [[Javascript#D3.js|D3.js]] | ||
* [[Brain.js]] | * [[Brain.js]] | ||
* [[ML5.js]] | * [[ML5.js]] | ||
| − | * [ | + | * [https://github.com/NaturalNode/natural Natural] provides tokenizing, stemming (reducing a word to a not-necessarily morphological root), classification, phonetics, [[Term Frequency–Inverse Document Frequency (TF-IDF)]], [https://wordnet.princeton.edu/ WordNet], string similarity, some inflections, and more. (nodejs) |
| − | * [ | + | * [https://github.com/NeuroJS Neuro.js] [https://janhuenermann.com/projects/learning-to-drive Learning to Drive project] a deep learning and reinforcement learning Javascript library framework for the browser. Implementing a full stack neural-network based machine learning framework with extended reinforcement-learning support |
| − | * [ | + | * [https://tenso.rs/ TensorFire] is a framework for running neural networks in the browser, accelerated by [https://get.webgl.org/ WebGL] |
| − | * [[ConvNetJS]] an NPM version is also available for those using [ | + | * [[ConvNetJS]] an NPM version is also available for those using [https://nodejs.org/en/ Node.js], and the library is designed to make proper use of Javascript’s asynchronicity with neural networks supporting common modules, classification, [[Regression]], an experimental Reinforcement Learning module, able to train [[(Deep) Convolutional Neural Network (DCNN/CNN)]] that process images |
| − | * [ | + | * [https://github.com/mljs/ml mljs] includes supervised and unsupervised learning, artificial neural networks, [[Regression]] algorithms and supporting libraries for [[Math for Intelligence | statistics, math etc.]] |
| − | * [ | + | * [https://github.com/cazala/synaptic Synaptic] multilayer perceptrons, multilayer long-short term memory networks, liquid state machines and a trainer capable of training a verity of networks |
| − | * [ | + | * [https://mil-tokyo.github.io/webdnn/ Webdnn] this framework optimizes the [[Deep Neural Network (DNN)]] model to compress the model data and accelerate execution through Javascript APIs such as [https://webassembly.org/ WebAssembly] and [https://gpuweb.github.io/gpuweb/ WebGPU] |
| − | * [ | + | * [https://wagenaartje.github.io/neataptic/ Neataptic] neuro-evolution & [[backpropagation]] for the browser |
| − | * [ | + | * [https://stevenmiller888.github.io/mindjs.net/ Mind] make predictions, using a matrix implementation to process training data and enabling configurable network topology. |
| − | * [ | + | * [https://deepforge.readthedocs.io/en/latest/deployment/overview.html DeeForge] a development environment for deep learning |
| − | * [ | + | * [https://github.com/dmlc/mxnet.js/ MXnet.js] deep learning in browser (without server); allows you to mix symbolic and imperative programming on the fly with a graph optimization layer for performance |
| − | * [ | + | * [https://towardsdatascience.com/handtrackjs-677c29c1d585 Handtrack.js: Hand Tracking Interactions in the Browser using Tensorflow.js and 3 lines of code | Victor Dibia - Towards Data Science] - allows you track a user’s hand (bounding box) from an image in any orientation |
==== <span id="Graphics"></span>Graphics / [[Visualization]] ==== | ==== <span id="Graphics"></span>Graphics / [[Visualization]] ==== | ||
| Line 53: | Line 53: | ||
** [https://betterprogramming.pub/how-to-create-diagrams-with-chatgpt-19099de795ce How to Create Diagrams With ChatGPT | David Oliver - Medium] ... No in-depth knowledge of Mermaid script needed | ** [https://betterprogramming.pub/how-to-create-diagrams-with-chatgpt-19099de795ce How to Create Diagrams With ChatGPT | David Oliver - Medium] ... No in-depth knowledge of Mermaid script needed | ||
* [[Python#Visualization with Python| Visualization with Python]] and underlying Javascript libraries | * [[Python#Visualization with Python| Visualization with Python]] and underlying Javascript libraries | ||
| − | * [ | + | * [https://get.webgl.org/ WebGL.js] - (Web Graphics Library) is a Javascript API for rendering interactive 3D and 2D graphics within any compatible web browser without the use of plug-ins |
* [[Knowledge Graphs]] | * [[Knowledge Graphs]] | ||
| − | ** [ | + | ** [https://neo4j.com/use-cases/artificial-intelligence-analytics/ Graphs Are Fundamental to Modern AI Systems | neo4j] |
| − | ** [ | + | ** [https://www.datanami.com/2018/03/20/why-knowledge-graphs-are-foundational-to-artificial-intelligence/ Why Knowledge Graphs Are Foundational to Artificial Intelligence | Jim Webber] |
| − | ** [ | + | ** [https://www.cbronline.com/opinion/creating-sophisticated-recommendations-native-graphs Creating The Most Sophisticated Recommendations Using Native Graphs | Emil Eifrem] |
| − | ** [ | + | ** [https://github.com/neo4j-contrib/neo4j-ml-procedures Neo4j Machine Learning Extensions] |
| − | ** [ | + | ** [https://medium.com/octavian-ai/review-prediction-with-neo4j-and-tensorflow-1cd33996632a Review prediction with Neo4j and TensorFlow | David Mack] |
* <span id="D3.js"></span>D3.js - utilizes assets for HTML, CSS, and SVG integrating any visualization seamlessly into a web page, dashboard, or website | * <span id="D3.js"></span>D3.js - utilizes assets for HTML, CSS, and SVG integrating any visualization seamlessly into a web page, dashboard, or website | ||
| − | ** [ | + | ** [https://d3js.org/ D3js.org] - [https://bl.ocks.org/heybignick/3faf257bbbbc7743bb72310d03b86ee8 D3.js v4 Force Directed Graph with Labels] |
| − | ** [ | + | ** [https://playground.tensorflow.org TensorFlow Deep Playground] an interactive visualization of neural networks, written in [https://www.typescriptlang.org/ TypeScript] using [https://d3js.org/ D3.js] and can be repurposed for different means |
| − | ** [ | + | ** [https://www.sisense.com/blog/d3-visualization-dashboards/ D3 | Sisense] |
<youtube>_8V5o2UHG0E</youtube> | <youtube>_8V5o2UHG0E</youtube> | ||
| Line 69: | Line 69: | ||
________________________________ | ________________________________ | ||
* [[Git - GitHub and GitLab]] | * [[Git - GitHub and GitLab]] | ||
| − | * [ | + | * [https://bitsrc.io/ Bit] |
| − | + | https://cdn-images-1.medium.com/max/1600/1*W79wtpbE2NTqUuFA8EVorQ.png | |
<youtube>BEquEEsr6_Q</youtube> | <youtube>BEquEEsr6_Q</youtube> | ||
| Line 81: | Line 81: | ||
=== Demos === | === Demos === | ||
| − | *[ | + | *[https://lines.chromeexperiments.com/ Land Lines] |
| − | *[ | + | *[https://janhuenermann.com/projects/learning-to-drive Learning to Drive] |
| − | *[ | + | *[https://js.tensorflow.org/ TensorFlow.js Demos] |
=== <span id="Node.js"></span>Node.js === | === <span id="Node.js"></span>Node.js === | ||
| − | [ | + | [https://www.youtube.com/results?search_query=node.js+artificial+intelligence+deep+learning Youtube search...] |
| − | [ | + | [https://www.google.com/search?q=node.js+artificial+intelligence+deep+learning+ML ...Google search] |
| − | * [ | + | * [https://nodejs.org/en/ Node.js] |
* [[Watch me Build a Marketing Startup]] | [[Creatives#Siraj Raval|Siraj Raval]] | * [[Watch me Build a Marketing Startup]] | [[Creatives#Siraj Raval|Siraj Raval]] | ||
| Line 101: | Line 101: | ||
=== <span id="React"></span>React === | === <span id="React"></span>React === | ||
| − | [ | + | [https://www.youtube.com/results?search_query=React+artificial+intelligence+deep+learning Youtube search...] |
| − | [ | + | [https://www.google.com/search?q=React+artificial+intelligence+deep+learning+ML ...Google search] |
| − | * [ | + | * [https://reactjs.org/ React] A Javascript library for building user interfaces |
| − | * [ | + | * [https://medium.com/@geekyants/deep-learning-with-react-native-65fae456839d Deep Learning With React Native | GeekyAnts - Medium] |
| − | * [ | + | * [https://nextjs.org/ Next.js] the most popular component within React |
<youtube>Ke90Tje7VS0</youtube> | <youtube>Ke90Tje7VS0</youtube> | ||
| Line 112: | Line 112: | ||
=== <span id="Wordle"></span>Wordle === | === <span id="Wordle"></span>Wordle === | ||
| − | [ | + | [https://www.youtube.com/results?search_query=Wordle+javascript+artificial+intelligence+deep+learning Youtube search...] |
| − | [ | + | [https://www.google.com/search?q=Wordle+javascript+artificial+intelligence+deep+learning+ML ...Google search] |
* [[Gaming#Wordle |Gaming ~ Wordle]] | * [[Gaming#Wordle |Gaming ~ Wordle]] | ||
| − | * [ | + | * [https://bit.ly/random-word-api Random Word API] |
| − | * [ | + | * [https://bit.ly/dictionary-api Dictionary API] |
| − | * [ | + | * [https://www.codecademy.com/resources/blog/how-to-code-wordle-game-in-javascript/ Here's How To Code Wordle — That Game That Everyone's Talking About] |
{|<!-- T --> | {|<!-- T --> | ||
| Line 126: | Line 126: | ||
<youtube>mpby4HiElek</youtube> | <youtube>mpby4HiElek</youtube> | ||
<b>Wordle Clone in JavaScript! | <b>Wordle Clone in JavaScript! | ||
| − | </b><br>You need to sign up here to follow along: | + | </b><br>You need to sign up here to follow along: https://bit.ly/rapidapi-hub In this video, I show you my approach to creating the game of Wordle in JavaScript, with the added benefit of using API's in order to generate random 5 letter words for us, and check if the words we are using for our guesses exist! GitHub Repo: https://github.com/kubowania/wordle-javascript Code with Ania Kubów |
|} | |} | ||
|<!-- M --> | |<!-- M --> | ||
Revision as of 20:31, 28 March 2023
YouTube ... Quora ...Google search ...Google News ...Bing News
- Python ... Generative AI with Python ... Javascript ... Generative AI with Javascript ... Game Development with Generative AI
- Development ...AI Pair Programming Tools ... Analytics ... Visualization ... Diagrams for Business Analysis
- Generative AI ... OpenAI's ChatGPT ... Perplexity ... Microsoft's BingAI ... You ...Google's Bard ... Baidu's Ernie
- The 40 Best JavaScript Libraries and Frameworks for 2022 | Durga Prasad Acharya - Kinsta
- A Web Developer's Guide to Machine Learning in Javascript | Robin Wieruch
- 10+ Javascript libraries to draw your own diagrams (2020 edition) | Hamza Ed-douibi - MOdeling LAnguages
- Machine Learning in Node.js With TensorFlow.js | James Thomas
- NPM Javascript package registry
- Yarn package manager for Javascript
- Learn Deno, a Node.js alternative | Beau Carnes - freeCodeCamp.org a Node.js alternative created by Ryan Dahl, the same person who created Node.js.
- The James Webb Space Telescope runs JavaScript, apparently | Mitchell Clark - The Verge ... It’s in charge of taking the pretty pictures
Contents
A sampling of available Javascript Machine Learning libraries
- Libraries for NLP see Natural Language Tools & Services
- TensorFlow.js for training and deploying ML models in the browser and on Node.js (was called Deeplearnjs)
- Keras.js No longer active - capability now is in TensorFlow.js
- Deeplearnjs rebranded to TensorFlow.js
- TensorFlow Playground written in Javascript (TypeScript) using D3.js
- Brain.js
- ML5.js
- Natural provides tokenizing, stemming (reducing a word to a not-necessarily morphological root), classification, phonetics, Term Frequency–Inverse Document Frequency (TF-IDF), WordNet, string similarity, some inflections, and more. (nodejs)
- Neuro.js Learning to Drive project a deep learning and reinforcement learning Javascript library framework for the browser. Implementing a full stack neural-network based machine learning framework with extended reinforcement-learning support
- TensorFire is a framework for running neural networks in the browser, accelerated by WebGL
- ConvNetJS an NPM version is also available for those using Node.js, and the library is designed to make proper use of Javascript’s asynchronicity with neural networks supporting common modules, classification, Regression, an experimental Reinforcement Learning module, able to train (Deep) Convolutional Neural Network (DCNN/CNN) that process images
- mljs includes supervised and unsupervised learning, artificial neural networks, Regression algorithms and supporting libraries for statistics, math etc.
- Synaptic multilayer perceptrons, multilayer long-short term memory networks, liquid state machines and a trainer capable of training a verity of networks
- Webdnn this framework optimizes the Deep Neural Network (DNN) model to compress the model data and accelerate execution through Javascript APIs such as WebAssembly and WebGPU
- Neataptic neuro-evolution & backpropagation for the browser
- Mind make predictions, using a matrix implementation to process training data and enabling configurable network topology.
- DeeForge a development environment for deep learning
- MXnet.js deep learning in browser (without server); allows you to mix symbolic and imperative programming on the fly with a graph optimization layer for performance
- Handtrack.js: Hand Tracking Interactions in the Browser using Tensorflow.js and 3 lines of code | Victor Dibia - Towards Data Science - allows you track a user’s hand (bounding box) from an image in any orientation
Graphics / Visualization
- Mermaid Diagramming and charting tool ... JavaScript based diagramming and charting tool that renders Markdown-inspired text definitions to create and modify diagrams dynamically.
- ChatGPT to generate diagrams/graphs/charts with Mermaid.js.org | Khanah Mai - ABC Software Solutions
- How to Create Diagrams With ChatGPT | David Oliver - Medium ... No in-depth knowledge of Mermaid script needed
- Visualization with Python and underlying Javascript libraries
- WebGL.js - (Web Graphics Library) is a Javascript API for rendering interactive 3D and 2D graphics within any compatible web browser without the use of plug-ins
- Knowledge Graphs
- Graphs Are Fundamental to Modern AI Systems | neo4j
- Why Knowledge Graphs Are Foundational to Artificial Intelligence | Jim Webber
- Creating The Most Sophisticated Recommendations Using Native Graphs | Emil Eifrem
- Neo4j Machine Learning Extensions
- Review prediction with Neo4j and TensorFlow | David Mack
- D3.js - utilizes assets for HTML, CSS, and SVG integrating any visualization seamlessly into a web page, dashboard, or website
- D3js.org - D3.js v4 Force Directed Graph with Labels
- TensorFlow Deep Playground an interactive visualization of neural networks, written in TypeScript using D3.js and can be repurposed for different means
- D3 | Sisense
________________________________
Demos
Node.js
Youtube search... ...Google search
React
Youtube search... ...Google search
- React A Javascript library for building user interfaces
- Deep Learning With React Native | GeekyAnts - Medium
- Next.js the most popular component within React
Wordle
Youtube search... ...Google search
- Gaming ~ Wordle
- Random Word API
- Dictionary API
- Here's How To Code Wordle — That Game That Everyone's Talking About
|
|
