ChartsBin is a web-based data visualization tool that will allow everyone to quickly and easily create rich interactive visualizations with their own data. You can then share your interactive visualizations with others by embedding them in websites, blogs or sharing via Facebook or Twitter.
Using ChartsBin We can create Interactive graphs easily.
What makes ChartsBin different?
1)Create interactive visualizations online instantly! No installation required. No coding needed.
2)Embed the interactive visualizations in your own website or blog easily (simply copy & paste HTML code).
3)Export the visualizations as an image for presentation.
4)You can embed the interactive visualizations in social media websites (e.g.: Facebook.com, Digg.com, etc.)
5)We offers a public online gallery of interactive visualizations that have been derived from authentic sources such as books, government documents, technical reports, selected primary journal literature and websites.
Additionally, you can download compiled dataset (CSV, XLS, SQL).
How to Start
Step 1: Create an account in chartsbin (http://chartsbin.com) Step 2:Prepare your Datas Step 3:Upload your Dataset Step 4:Then Choose your layout Step 4:Click Preview and Save
Example Video for Creating a Columbia Map Using ChartsBin
Responsive Web design is an approach whereby a designer creates a Web page that “responds to” or resizes itself depending on the type of device it is being seen through. That could be an oversized desktop computer monitor, a laptop, a 10-inch tablet, a 7-inch tablet, or a 4-inch smartphone screen.
Responsive Web design has become one of the hottest trends in 2013. This is due in part to the growth of smartphones and other mobile devices. More people are using smaller-screen devices to view Web pages.
The purpose of responsive design is to have one site, but with different elements that respond differently when viewed on devices of different sizes.
How Does Responsive Web Design Work?
Responsive sites use fluid grids. All page elements are sized by proportion, rather than pixels.
So if you have three columns, you wouldn’t say exactly how wide each should be, but rather how wide they should be in relation to the other columns.
Column 1 should take up half the page, column 2 should take up 30%, and column 3 should take up 20%, for instance.
Media such as images is also resized relatively. That way an image can stay within its column or relative design element.
What is responsive design?
A responsive design simply means a website that has been constructed so that all of the content, images and structure of the site remains the same on any device. For example, when a user accesses a site on their desktop, they are getting the full view of the site. But when that same user goes to visit the site from their smartphone or tablet, the site will retract to fit on the smaller screen.
In other words, with a responsive website design, you don't have to have worry about having different websites for various devices or making sure that your site runs properly on a mobile device.
But there are some other really important reasons why you should make the switch to responsive design for your website.
ROR stands for Ruby on Rails.ROR is a popular web development framework.It is a Popular open source framework.
What is Ruby?
Ruby is a programming language.Ruby is an interpreted scripting language for quick and easy object-oriented programming
Interpreted scripting language:
1)ability to make operating system calls directly
2)powerful string operations and regular expressions
3)immediate feedback during development
Quick and easy:
1)variable declarations are unnecessary
2)variables are not typed
3)syntax is simple and consistent
4)memory management is automatic
Object oriented programming:
1)everything is an object
2)classes, methods, inheritance, etc.
4)"mixin" functionality by module
5)iterators and closures
What is Rails?
Rails is a web framework built on Ruby, hence the name Ruby on Rails. It enables the programmer to easily create advanced database-driven websites using scaffolding and code generation.
Rail is based on MVC(Modal View Controller).
The model-view-controller pattern proposes three main components or objects to be used in software development:
A Model , which represents the underlying, logical structure of data in a software application and the high-level class associated with it. This object model does not contain any information about the user interface.
A View , which is a collection of classes representing the elements in the user interface (all of the things the user can see and respond to on the screen, such as buttons, display boxes, and so forth)
A Controller , which represents the classes connecting the model and the view, and is used to communicate between classes in the model and view.
Advantage for developing Rails :
1)a lot less code
2)a lot less configuration data
3)bringing up basic functionality quickly
4)building out new functionality incrementally
The main advantage of the Ruby programming language and the Ruby on Rails framework is considered to be the speed of development. Practice shows that the speed of project development in RoR is increased by 30 – 40 percent in relation to any other programming language or framework. Primarily the speed increase is determined by an extensive set of ready to work RoR tools, colossal set of ready-made solutions in the community, the Ruby language and ease of programming on it.
Bootstrap was also programmed to support both HTML5 and CSS3.
Also it is called Front-end-framework.
Bootstrap is a free collection of tools for creating a websites and web applications.
Some Reasons for programmers preferred Bootstrap Framework
Easy to get started
Great grid system
Base styling for most HTML elements(Typography,Code,Tables,Forms,Buttons,Images,Icons)