Coding is one of the most valuable skills you can learn on your own. It can give you superpowers at your job, help you find a fulfilling career, and enrich your intellectual capabilities. You can use coding to:
- Automate various aspects of your job, such as the creation of spreadsheets, presentations, email templates.
- Build a coding-related career such as mobile app, game, web development, data analysis or science, machine learning.
- Pursue interests such as art, science, entertainment.
Note that even though having these libraries is excellent, you might need to use
an ML/AI-powered natural language service that would allow you to do all these
things and even more!
Chart.js is an easy-to-use package that can help you quickly create various kinds of charts and visualizations from your data. Here is an example of a line graph of some random data that is drawn using Chart.js.
You can quickly create different kinds of visualizations by changing few lines
of code. Here is a pie chart using the same library:
Another strong option in this category that is important to mention is D3.js. D3.js is substantially harder to get started with than Chart.js, but it is great if you have complex and custom data visualization requirements. Take a look at the D3.js gallery to see the variety of things you can achieve with it.
One awesome library that you might want to check out for creating 3D graphics is Three.js. Three.js is a widely adopted technology that is used to create all kinds of unique 3D content and experiences on the web. Here is an introductory 3D scene created using Three.js. It simply consists of a 2d plane and a 3d sphere and camera. It tries to capture a certain amount of realism by using interactive lighting, shadows, and textures.
If you would like to know how I created this scene above, you can look at this detailed walkthrough I have created for it.
This is a relatively simple example and does not do any justice to the fascinating things you could do using Three.js! Make sure to check out their demos on the Three.js homepage to see the full spectrum of things you could do with this library.
So far, we have seen libraries that have a specific utility value. They are great for a particular purpose. There is a subfield of programming called creative coding, where the goal is to create something expressive rather than functional.
p5.js is a great library for creating visuals and animation and doing artistic explorations using code since it makes it easy to create visualizations.
Here is a fractal tree created using p5.js.
p5.js is not only suitable for creative coding purposes. You can create all kinds of interactive and animated works with it. Here is a simple number-guessing game built using p5.js. You can press the number that you have on the screen to try to guess the number. Three wrong guesses, and you lose!
Note that even though you can build animated works and even games using p5.js, you might want to use a dedicated game framework such as Phaser.js to build anything more involving