New Java Script Mapping Library – Cartographer.js

21 10 2009

This morning I came across a very useful looking javascript libray to work with Google maps called Cartographer.js.  It is based on the Raphael.js libraries and they are well thought out and extremely simple to use.  Looking at the code examples and demos it looks like a quick and easy way to create some great looking mash-ups of geographical data.

A cluster map built using Cartographer.js

A cluster map built using Cartographer.js





What’s New… Used, and Made?

3 08 2009

I have been heads down building a couple apps. I have launched my first one and thought I had better post something on what I came up with and how the experience was.

It was really just some refinement to my New-Used-Made idea I discussed in an earlier post.  You can see the site at: www.NewUsedMade.com.  My effort consisted of:

  1. Adding some image resizing JavaScript.
  2. Adding some JavaScript to give No Image messages.
  3. Getting a URL.
  4. Adding some Google Analytics tracking.  (the trickest part was setting up analytics on the exit links clicked)
  5. Trying to monetize (an on going process)

The last step may bother some.  I love trying to figure out technology for tech sake, but the same is true for business.  How can you build something that people will like, and use… even if it means parting with some of their hard earned cash.  With this site it is not such a direct call to action.  I am hoping the mash-up of Amazon, Ebay and Etsy shopping will help people find items that they never would have before.

new-used-made shopping image

I will keep you posted on my learnings and progress… I also have another site coming up in the near future.

Add to DeliciousAdd to DiggAdd to FaceBookAdd to Google BookmarkAdd to RedditAdd to StumbleUponAdd to TechnoratiAdd to Twitter





Raphaël TagCloud\WordCloud

7 07 2009

I have a couple of ideas where I could really use a slick tag cloud or word clould.  If you are not familar with tag cloud, the basic concept is to  display some of the most frequent words in your content, with the size of the word driven by how the frequency of the word occuring.  It sounds simple enough and there are actually quite a few solutions.

As I was starting my search I mainly came across examples that were text or html based.  They were  inline words that just had the font size adjusted.  Unfortunately, I was looking for something more along the lines of Wordle.net.  At Wordle the tag clouds are like art.  There are colors, different rotations, etc.

Wordle Example

I decided that if you can’t find it, build it.  This is what brought me to the Raphaël JavaScript Library.  This has the lightweight footprint, it is supported by all of the browsers and can create some great visualizations.

The most difficult part of putting this together was in figuring out how to layout the words so that they did not overlap.  I am sure there are some really smart people that could come up with an algorithm that would accurately place the words, but I have to admit I resorted to trial and error.  Basically my code places a word and then sprials around the central coordinates to find free space to place the next word.

Raphaël Tag Cloud

So as you can see by my progress to date, there is still some work to get to great look of Wordle.  I think it is possible, with a little more work.  What doesn’t show in the screenshot is the fact that Raphaël has enabled an interactive tag cloud (the large blue Joker is because the cursor is over the text).  The combination of a great visual and interactivity should get me to my goal of a slick tag cloud.

Add to DeliciousAdd to DiggAdd to FaceBookAdd to Google BookmarkAdd to MySpaceAdd to NewsvineAdd to RedditAdd to StumbleUponAdd to TechnoratiAdd to Twitter





Flash Killer – Raphaël – JavaScript Library

7 07 2009

Raphaël LogoI have been having too much fun with the Raphaël Vector JavaScript Library.  Previously I have posted about Processing and ProcessingJS and I think they both are great for data visualization and art.  I have been a bit hesitant to use them for more standard web applications.  The original Processing Language is Java based, so it must load an applet.  The Processing JS has limiations on Internet Explorer (really Microsoft’s gap).  Similar arguments hold true for Flash and Silverlight technologies that require downloads, plug-ins, and load times.  Raphaël has no such limitations… no plugins, works on all browsers and to top it off it is quick.

Raphaël Demos

It is worthwhile to visit the Raphaël Project Home Page to understand what it’s creator Dmitry Baranovskiy has given the world in a 120kb package.  There is basic image movement, manipulation, lots of animation and more.  For simple projects it can really take the place of tools like Flash.  One of the more sophisticated examples I came across was Space Invaders.

There are some other options out there, and it may be worthwhile to check out how they compare.  A good starting list is at http://sixrevisions.com/javascript/10-impressive-javascript-animation-frameworks/

Now I am off to work on my Raphaël Tag Cloud.

Add to DeliciousAdd to DiggAdd to FaceBookAdd to Google BookmarkAdd to MySpaceAdd to NewsvineAdd to RedditAdd to StumbleUponAdd to TechnoratiAdd to Twitter