Category: Uncategorized

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

In Chart.js we often have to draw charts with specific dates. If you are creating a stock market chart where your chart has data for the weekdays only you will have missing or static data the weekends and public holidays. This might be undesirable and you might want to remove those specific dates to keep… Continue reading Understanding difference between time and timeseries in Chart JS

Creating a sales funnel chart in Chart JS is possible. However, it requires some advance plugin customization to get it working. What we need to understand is how to draw custom shapes which converts the bars into a funnel. If you are ready for some advance level Chart.js. In that case this video will be… Continue reading How to Create a Sales Funnel Chart in Chart JS