background preloader

Dataviz

Facebook Twitter

rCharts. rCharts is an R package to create, customize and publish interactive javascript visualizations from R using a familiar lattice style plotting interface.

rCharts

Installation You can install rCharts from github using the devtools package require(devtools)install_github('rCharts', 'ramnathv') Features The design philosophy behind rCharts is to make the process of creating, customizing and sharing interactive visualizations easy. Create rCharts uses a formula interface to specify plots, just like the lattice package. ## Example 1 Facetted Scatterplotnames(iris) = gsub("\\ Customize rCharts supports multiple javascript charting libraries, each with its own strengths.

Polychart. We will create our first chart using Polychart, a javascript charting library based on the grammar of graphics, and inspired by ggplot2. r1 <- rPlot(mpg ~ wt | am + vs, data = mtcars, type = "point", color = "gear") r1$print("chart1") There, we have our first embedded chart with nice tooltips! Morris psavert: -1.3. Parallel Sets. Parallel Sets (ParSets) is a visualization application for categorical data, like census and survey data, inventory, and many other kinds of data that can be summed up in a cross-tabulation.

Parallel Sets

ParSets provide a simple, interactive way to explore and analyze such data. Even though the screenshots here show the Mac version, the program also runs on Windows and Linux. Links to the executables are in the Download Section. Basic Operation To open an existing dataset, select it in the list and either double-click it or click the Open button. The horizontal bars in the visualization show the absolute frequency of how often each category occurred: in this example, the top line shows the distribution between the passenger classes on the Titanic and the crew.

The middle dimension shows a male to female ratio of almost 4 to 1. Between the dimension bars are ribbons that connect categories and split up. Interaction Move your mouse over the display to see the tooltip telling you more about the data. Episodes – Data Stories. Many eyes visualization. Leadership Team. Processing.org.

Explorable Explanations. Bret Victor / March 10, 2011 What does it mean to be an active reader?

Explorable Explanations

An active reader asks questions, considers alternatives, questions assumptions, and even questions the trustworthiness of the author. An active reader tries to generalize specific examples, and devise specific examples for generalities. An active reader doesn't passively sponge up information, but uses the author's argument as a springboard for critical thought and deep understanding. Do our reading environments encourage active reading? Explorable Explanations is my umbrella project for ideas that enable and encourage truly active reading. This essay presents examples of few initial ideas: A reactive document allows the reader to play with the author's assumptions and analyses, and see the consquences. An explorable example makes the abstract concrete, and allows the reader to develop an intuition for how a system works. 1. Ten Brighter Ideas was my early prototype of a reactive document. Drag The way it is now: Analysis: Doug crawford. Ggplot2. Alberto cairo the functional art.

Gapminder: Unveiling the beauty of statistics for a fact based world view. Chroma.js. Chroma.js is a tiny JavaScript library (12kB) for dealing with colors!

chroma.js

Quick-start Here are a couple of things chroma.js can do for you: read colors from a wide range of formatsanalyze and manipulate colorsconvert colors into wide range of formatslinear and bezier interpolation in different color spaces Here's an example for a simple read / manipulate / output chain: Aside from that, chroma.js can also help you generate nice colors using various methods, for instance to be used in color palette for maps or data visualizations. chroma.js has a lot more to offer, but that's the basic gist of it. chroma The first step is to get your color into chroma.js.

If there's no matching named color chroma.js checks for a hexadecimal string. In addition to hex strings, hexadecimal numbers (in fact, just any number between 0 and 16777215), will be recognized, too. If you pass the RGB channels individually, too. ColorBrewer: Color Advice for Maps.