Coding Challenge #40.1: Word Counter in JavaScript

In this challenge, we build a word counting (concordance) application, and visualize the frequency of each word using variable font size! We also implement the TF-IDF algorithm Code: https://thecodingtrain.com/challenges/40-word-counter p5.js Web Editor Sketches: ?️ Part 1 - Word Counter in p5js: https://editor.p5js.org/codingtrain/sketches/icFi8MF7N ?️ Part 3 - Implementation of TF-IDF: https://editor.p5js.org/codingtrain/sketches/u0C4FV8sg Other Parts of this Challenge: ? Word Counter in Processing: https://youtu.be/fxQ0B6BkfKo ? TF-IDF: https://youtu.be/RPMYV-eb6lI ? Previous: https://youtu.be/ziBO-U2_t3k?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH ? Next: https://youtu.be/aKiyCeIuwn4?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH ? All: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH References: ? ITP from Tisch School of the Arts: https://tisch.nyu.edu/itp ?️ TF-IDF: https://en.wikipedia.org/wiki/Tf%E2%80%93idf Related Coding Challenges: ? 44 AFINN-111 Sentiment Analysis: https://youtu.be/uw3GbsY_Pbc ? 43 Context-Free Grammar: https://youtu.be/8Z9FRiW2Jlc ? 42 Markov Chain Name Generator: https://youtu.be/eGFJ8vugIWA ? 39 Mad Libs Generator: https://youtu.be/ziBO-U2_t3k ? 37 Diastic Machine: https://youtu.be/u-HUtrpyi1c ? 48 White House Social Media Data Visualization: https://youtu.be/UrznYJltZrU ? 84 Word Definition Chrome Extension: https://youtu.be/GWDx1GnxhOw ? 75 Wikipedia API: https://youtu.be/RPz75gcHj18 Timestamps: 0:00 Introduction 0:50 Let's get started! 1:30 Load the text 2:15 Make an array of all the words 4:00 So how do we do this? The algorithm! 5:45 Let's implement it in code 9:10 Ignoring numbers 10:30 Ignoring case sensitivity 11:00 Understanding the order in a JavaScript object 13:15 Sorting based on the value 18:30 Sorted list of the words based on word count 19:30 Things you can do 21:16 Thanks for watching! Editing by Mathieu Blanchette Animations by Jason Heglund Music from Epidemic Sound ? Website: https://thecodingtrain.com/ ? Share Your Creation! https://thecodingtrain.com/guides/passenger-showcase-guide ? Suggest Topics: https://github.com/CodingTrain/Suggestion-Box ? GitHub: https://github.com/CodingTrain ? Discord: https://thecodingtrain.com/discord ? Membership: http://youtube.com/thecodingtrain/join ? Store: https://standard.tv/codingtrain ?️ Twitter: https://twitter.com/thecodingtrain ? Instagram: https://www.instagram.com/the.coding.train/ ? Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH ? Intro to Programming: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA ? p5.js: https://p5js.org ? p5.js Web Editor: https://editor.p5js.org/ ? Processing: https://processing.org ? Code of Conduct: https://github.com/CodingTrain/Code-of-Conduct This description was auto-generated. If you see a problem, please open an issue: https://github.com/CodingTrain/thecodingtrain.com/issues/new #wordcounting #visualization #tfidf #p5js #processing #javascript #java