Libaries for JavaScript Visualization Development

Another good list of JavaScript Visualization components:

• Arbor.js – (MIT license) Force-directed graph layout
• ArcGIS JavaScript API - High performance mapping/GIS applications
• amCharts – Charts, charts, charts
• Chroma.js – (GPL) Color conversions
• Cubism.js – (Apache) Time-series visualization, based on D3.js
• D3.js – (BSD) General visualization library
• Dance.js – (MIT) Visualization framework based on Backbone, Data.js & D3.js
• Data.js – (MIT) Not a visualization framework per se, but rather a data representation framework to facilitate visualization
• Envision.js – (MIT) Time series visualizations
• Google Chart Tools – (Google/Free) The name says it all – Charts
• Google Maps API – Google maps
• HightCharts – (Creative Commons & Commercial) Rich interactive charts
• InfoVis Toolkit – (MIT) Data visualization toolkit
• Kartograph – (AGPL) Render existing or custom Python-generated maps
• Kendo UI DataViz – (Commercial) Rich Cross-device data visualization
• Leaflet - (BSD) Lightweight map drawing libary
• MapQuest JavaScript API – MapQuest maps generation
• Miso Dataset – (MIT, GPL2) Libary for data transformation and management
• Modest Maps - (BSD) Tile-based maps
• Paper.js – (MIT) Vector graphics scripting
• Polymaps – (BSD) Tile-based maps
• Processing.js – (MIT) Drawing & data visualization library
• Protovis – (BSD) No longer under development – they recommend switching to D3.js
• Rafael – (MIT) Simplified vector graphics
• RGraph – (Free for non-commercial) Charts and custom widgets
• Rickshaw – (MIT) Interactive time series, based on D3.js
• Sencha Touch Charts - (Commercial) Rich interactive mobile-optimized charts
• Sigma.js – (MIT) Interactive & static graphs
• Tangle – (MIT) Build data reactive documents
• Timeline – (GPL) Timelines

Source:

http://blattchat.com/2012/05/14/javascript-actionscript-visualization-libaries-toolkits/

10 Awesome Data Visualization Tools for the Web

Just wanted to point you to a cool post about JavaScript visualizations, some of the items are already covered in my older posts.


Check it out here

Have a Visual day!

Ripple - JS Mobile Simulator!

Creating your amazing JS application is not enough , now it's time to get it ready for the real world - Mobile.

Debugging mobile apps can be a pain in the neck, you have multiple platforms, multiple versions etc, for example developing for iOS requires you to own a Mac, android development has many packages to download and not so easy.

Wondering the web you probably find Sencha and jQueryMobile as the leading JS web developments.I started with  Sencha, downloaded the editor but learning curve was to long for my needs. (More on Sencha in a future post)

I was searching for alternatives and found a nice web tool called Tiggzi, it was simple and intuitive but not powerful for most of my needs. In any case all IDEs had major issues trying to debug them.

Looking for the best bread solution I found Ripple (which was bought by RIM). Ripple is a Chrome plugin allows you to set and test any mobile configuration: GPS, Acceleration, Contacts etc., You can choose between platforms (IOS, Android, HTC and more), the actual device (iPhone, iPad) and even its orientation.

Basically you can enable Ripple for any website, below you can see this blog over iPhone.

Installation is quite easy and took me less then a minute, once you up and running you can set every website into Mobile environment with in a single click!

Ripple mobile addin wraps the website you currently visit and allows you to set the platform, location on the map, acceleration, dev platform (PhoneGap, MobileWeb) And even contact list so you can test real world scenarios.

Debugging is easy thanks to Chrome ( Ctrl+Shift+J ) great debugger!

Note: you should disable any popup blocker before trying to run anything!!!

Things I would add to Ripple:

• Ability to test camera and photos library
• Add images and details to dummy contacts
• Fix annoying bug where page is not loading due to ripple.js cannot be found

You can get Ripple here:
http://ripple.tinyhippos.com/

Happy testing!