Chart JS Blog

Introduction to Chart js Annotation Plugin If you’re looking to create stunning data visualizations with Chart.js, you may want to consider adding annotations to your charts. Annotations are an essential tool for communicating data insights and can help make your charts more informative and engaging. In this blog post, we’ll explore the ins and outs… Continue reading Introduction to Chart js Annotation Plugin

The Chart.js sorting plugin is a plugin that allows you to quickly sort the bar chart ASC (low to high), DESC (high to low) and reset the values back to initial load.  The idea came based on a comment of a viewer who was wondering why Chart.js sorting option has been so complicated and this… Continue reading Chartjs Plugin Sorting

The ternary operator is a shorthand way to write a conditional statement in JavaScript. It is also known as the ternary conditional operator. Ternary Operator JavaScript Here is the syntax for the ternary operator: The condition is evaluated first. If it is true, expression1 is executed. If the condition is false, expression2 is executed. The… Continue reading Ternary Operator JavaScript

How to Create Radio Button Checked CSS Styling In this video we will explore how to create radio button checked with css styling. This is basic video helping people who start out with HTML to learn how to create radio button grouped together and change the design of the checked button. A radio button group… Continue reading How to Create Radio Button Checked CSS Styling

How to Create HTML Radio Button by Default Checked In this video we will explore how to create html radio button by default checked. This is basic video helping people who start out with HTML to learn how to create radio button grouped together and set a value checked by default. A radio button group… Continue reading How to Create HTML Radio Button by Default Checked

How to Create HTML Radio Button Group In this video we will explore how to create html radio button group. This is basic video helping people who start out with HTML to learn how to create radio button groups. A radio button group is a group of radio buttons that are connected. Only one option… Continue reading How to Create HTML Radio Button Group

This entire snippet of code is test with ChatGPT. I am testing this to see how well it can code what I want. We will create a simple calendar and keep on pushing it from there. You will see ChatGPT will keep on giving us a code snippet each time we go more advance. Let’s… Continue reading How to create a simple calendar in Javascript?

Chart JS Doughnut Text Inside To add text in the center of a doughnut chart requires a custom plugin. With a plugin we are able to create text or draw within the canvas. Once we created the plugin it still needs to be registered so Chart.js can recognize it. Video Chart JS Doughnut text Inside… Continue reading Chart JS Doughnut Text Inside

Chart JS Axis Labels With Chart.js we can customize the axis labels. This can be very useful if we need to modify the text for better user experience. By default the ticks can values or string text. However, if we work with currencies we might want to add currency symbols such as a dollar sign… Continue reading Chart JS Axis Labels

Chart JS Stacked Bar Example A stacked bar chart is a chart that stacks the values of each dataset on top of each other. To create a stacked bar chart using Chart.js, you can use the bar chart type and set the stacked attribute to true. Here is an example: The video below shows you… Continue reading Chart JS stacked bar example