Numeral-js VS Chart.js

You can use a third-party library, which is a bunch of code that someone else wrote for you. Many awesome third-party libraries can format numbers with commas in JavaScript. For example, you can try Numeral.js, Accounting.js, or Format.js.

JavaScript provides built-in methods like toFixed() for number formatting, as well as libraries like numeral.js, which provides advanced formatting options. These methods and libraries can be used to format numbers in a variety of ways, including currency, percentages, and time. It's important to note that the way numbers are formatted can vary depending on the locale and currency, so it's important to be mindful of these considerations when formatting numbers in JavaScript.

The `a` at the end handles automatically shortening it. See the last example in [the docs for numeraljs](http://numeraljs.com/) under the "Format > Currency" section.

Long answer: The format part of tprintf roughly follows sprintf-js and the numbers are formatted using ns.nFormat which uses the syntax from numeraljs.com.

Numeral

However, there are always great libraries that the community develops to support missing features, such as dinero.js, currency.js, and numeral.js.

It's worth mentioning that to communicate your data better to your user, it's always a good idea to mix and match different types of data visualizations. Moreover, you can also have a date formatting library (such as Moment.js) or number formatting library (such as numeral.js) that could accompany your graphs and highlight any special or outstanding number in your dataset.

ChartsJS for inspiring me with the pie chart.

Most of frontend libraries are made with Vanilla JS. An example of library that you might frequently use is "Chart.js". But React is not compatible with Chart.js so here it comes "React-chartjs-2" A wrapper library to work with Chart.js in React ecosystem. Oh you want to use "three.js" for some cool 3D? you will need "React-three/fiber". In my case, I need to implement "telegram-web-app", not so fast, I have to create my own wrapper to be able to use it.

Chart.js

Chart.js is a free, open-source JavaScript library for data visualization, which supports eight chart types: bar, line, area, pie, bubble, radar, polar and scatter. It's licensed under the permissive MIT license and is renowned for being flexible, lightweight, easy to use and extendible.

They are images so it could be any number of things, datawrapper, charts.js, d3.js to name a few options.

Charts.js for creating diagrams

Connie Leung wrote a tutorial to demonstrate how these new hooks work, integrating an Angular app with the Chart.js library: "DOM reading and writing with new lifecycle hooks in Angular"

Thanks to all who participated in our 2023 Self-Host User Survey! Below is a link to the results, which we've visualized using Chart.js.

Chart.js

I used chart.js [0], but I don't necessarily endorse it - it's just what I knew how to use quickly. I usually try to keep my posts free from javascript, and could have used a different tool that gives me SVG data or images.

You can see the code that's generating these charts here: https://github.com/jamesbvaughan/jamesbvaughan.com/blob/main...

[0] https://www.chartjs.org/