Data, Maps, Usability, and Performance

API canvas d3 data geo GeoJSON html5 image JavaScript json maps mysql PHP WordPress

Results for tag: jquery

50 Plugins for Alerts and Notifications

javascript alerts and notifications

Here is a list of the top jQuery plugins for alerts and messages and the best JavaScript notification libraries. Some are enhancements to console log messages or alert messages and some are full JS notification systems. There are many options: you have plain JS solutions, jQuery alert plugins, BootStrap versions, alert modules for Angular, BackBone alert systems, and other notification frameworks for ReactJS, Meteor, UI Kits, etc. Here are the top 50 alerts and notification libraries with a some organization:
Read more

Convert CSV to JSON in JavaScript

CSV to JSON convert

I have been dealing with a lot of CSV and TSV files lately and I am a bit surprised at the lack of support for these formats in jQuery. D3.js supports it out of the box which is awesome but often times I need to convert CSV to JSON without loading D3. You could argue that I should just convert the data into JSON before loading it onto the page, especially since at the end of the day I will need to convert it into a JavaScript object. That is an option, and there are many converters out there, but what about transferring more data over the network? CSV and TSV are always going to be smaller than JSON and I like that, so often times, I actually prefer to load a CSV file into the page and convert it into JSON with JavaScript. Also, a TSV or CSV to JSON conversion function in JavaScript is pretty simple.
Read more

List of Autocomplete Plugins and Libraries

autocomplete jquery plugins

I have been searching around for some good jQuery autocomplete plugins or any other JavaScript autocomplete micro frameworks and wanted to share my results. I initially wanted to use datalist since it is part of the HTML5 spec but lack of Safari support is not ideal. I’ve also had some issues with click events on a datalist and my needs really require a database with the autocomplete so I started looking for some other scripts. If you are not using a database and the list is relatively small, you could implement something like jQuery live search, flexselect, or a searchable dropdowns but this list focuses on a more complete solution where you need to query a backend to retrieve and filter results. Here is a list of over 30 of the best jQuery and pure JavaScript autocomplete scripts, plugins, and libraries:
Read more

Creating Maps for jVectorMap

jVectorMap Continent Maps

Need a jVectorMap for a specific country? Get it here

The title of the post might be a bit misleading as I want to talk about how to understand and modify maps for jVectorMap rather than create maps. There is some interest on creating different versions of the original world map and not necessarily a new rendering and projection. In my last post on converting jVectorMap to JQVMap I had few requests for continent maps. So, I opened the JavaScript file that has the map data and realized that the code there is basically built on SVG paths. This is actually well documented and a link there takes you to a pretty good explanation of how SVG paths work. So, today, I will create some continents from the data we already have and talk a little about SVG and geo projection.
Read more

jQuery Plugin Development Template

Developing jQuery plugin

Update: Here is my current favorite jQuery Plugin Dev Template

Since I wrote about HTML5 boilerplates and WordPress starter frameworks in the past, I also wanted to mention some jQuery plugin development templates and boilerplates. Most people out there point to the revisted jquery plugin boilerplate from Stefan Gabos but below I will show some other options for starting on your plugin development.
Read more

WordCloud jQuery Plugin

jQuery Tag Cloud Plugin

Recently, I needed to create a tag cloud using JavaScript and I really liked the simplicity of Adam Groves’s Simple Tag Cloud Plugin for JQuery. The problem with this approach is that I did not have a list of tags with numbers for rel (defining how big a tag should be in the cloud). Most jQuery tag cloud plugins out there expect you to already have a generated list of tags with a numerical representation of their importance, and the jQuery code uses these numbers to style the tags with colors and sizes. My code, however, only had a list of tags, where many tags would repeat.
Read more

Extra Maps for jQuery Vector Maps Plugin

jQuery Vector Maps Plugin

Need a JQVMap for a specific country? Get it here

Today I have been playing around with the JQVmaps plugin for jQuery and it looked very familiar because it is basically a modified version of another jQuery plugin called jVectorMap. There are differences in the code as these are two different plugins or projects but there are many more maps provided on jVectorMap compared to JQVmaps. The map data is not the same but it is close enough and can be easily converted (there is also a python converter script to generate any kind of map from shape files).
Read more