Add watermark in Chart.js

Add watermark in Chart.js

Today I’m going to share another snippet for Chart.js, that you can use to put a watermark image or logo in charts. To do that, I’ll create a small plugin. I’ll register the plugin globally to apply it on all charts. Though, you can apply it on chart...
Add watermark in Chart.js

Show Chart.js chart as image

I was working on a tool where I needed to show Chart.js chart as image. I’m going to share a snippet to show I achieved it. Chart.js have an afterRender() callback function which is called after a chart has been completely rendered, including the animation....
Create interactive html table using List.js

Create interactive html table using List.js

List.js is a tiny vanilla JavaScript library that adds search, sort, filters, and flexibility to plain HTML lists, tables, or anything. I’m going to share a snippet below to show how to use List.js to create an interactive HTML table similar to what jQuery...
Create a drag & drop zone for input file element

Create a drag & drop zone for input file element

Having a drag and drop zone for file uploads is a very common thing these days, and it’s very user friendly. So, Let’s create a drag & drop zone for input file element without any external libraries. But it will work on modern browsers only. First, we...