Monday, August 27, 2012

Kartograph - Interactive JS map without Google Maps.

Google Maps is amazing service but lately the guys from Google decided to charge us for the free mapping stuff we were dependent on of the last few years.

Many companies stated to search for alternatives for Google and found some useful services like Open Street Map etc.

Kartograph is a new Java Script framework for building interactive map applications without Google Maps or any other mapping service. It was created with the needs of designers and data journalists in mind.

Kartograph.js is a JavaScript library for rendering SVG maps. It is built on top of jQuery and Raphaël.

More Info:

Friday, August 24, 2012

JustGage - Gauge Library in JavaScript

The JS world is booming with new stuff and almost every day I can see more and more visualization libraries, one of them is JustGage which allows you to create half circular gauges in no time.

JustGage  is a simple yet beautiful Gauge visualization that allows you create elements using jacascript and Raphael.js

It is based on Raphaël library for vector drawing, so it’s completely resolution independent and self-adjusting.

Using the library is simple, just load the libraries: 

  • <script src="raphael.2.1.0.min.js"></script>
  • <script src="justgage1.0.min.js"></script>

Create your Gauge div:

<div id="gauge" class="200x160px"></div>

Run some simple JS code to apply on the Div:

  • var g = new JustGage({
  • id: "gauge",
  • value: 67,
  • min: 0,
  • max: 100,
  • title: "Visitors"
  • });

I hope they will extent there library with some more cool Gauges soon!

More info & Download: