background preloader


See also our other tools at Médialab Tools! And a huge thanks to these inspiring works: Chroma.js I massively use this excellent js library to convert colors. If you have not done it yet, look at this post. You'll understand much useful things about color in dataviz. ColorBrewer Very famous tool, that showed the way few years ago.

Related:  Color PalettesOnline Toolswhitecocotte

The yarrr package (0.0.8) is (finally!) on CRAN Great news R pirates! The yarrr package, which contains the pirateplot, has now been updated to version 0.0.8 and is up on CRAN (after hiding in plain sight on GitHub). Let’s install the latest version (0.0.8) and go over some of the updates: The most important function in the yarrr package is pirateplot(). What the heck is a pirateplot? CSV Fingerprints CSV is a simple and common format for tabular data that uses commas to separate rows and columns. Nearly every spreadsheet and database program lets users import from and export to CSV. But until recently, these programs varied in how they treated special cases, like when the data itself has a comma in it. It's easy to make a mistake when you try to make a CSV file fit a particular format. To make it easier to spot mistakes, I've made a "CSV Fingerprint" viewer (named after the "Fashion Fingerprints" from The New York Times's "Front Row to Fashion Week" interactive ). The idea is to provide a birdseye view of the file without too much distracting detail.

Colorgorical To generate a palette with n colors, just enter the number of colors you want and click Generate. Bigger palettes will take longer than smaller palettes to make. Results will automatically appear when ready. For greater detail, please consult our paper or the source code. Score Importance Perceptual Distance The Overview Project » How Overview turns Documents into Pictures Overview produces intricate visualizations of large document sets — beautiful, but what do they mean? These visualizations are saying something about the documents, which you can interpret if you know a little about how they’re plotted. There are two visualizations in the current prototype version of Overview, and both are based on document clustering. The first is the items plot, which grew out of the proof-of-concept system we presented a year ago. Every document is a dot. Similar documents get pulled together to form visible groups, that is, clusters.

Fix Inserted HTML5 Content with HTML5 innerShiv When working with HTML5 today, many of you know that you'll need to include the "HTML5 shiv" to ensure that CSS will recognize and be able to style those elements in browsers that aren't yet hip to HTML5. Credit for that to Remy Sharp, Jon Neal, John Resig and anybody else who contributed to that idea. Also for the benefit of those non-hip browsers, it's best to reset many of the HTML5 elements to block-level as they should be:

The Pirate Plot (2.0) – The RDI plotting choice of R pirates Package update! Yesterday I updated the yarrr package and pirateplot() function with additional functionality. To see the updates, check out my latest post here Now on to the original post… Plain vanilla barplots are as uninformative (and ugly) as they are popular. Just Delete Me Can't find what you're looking for? Help make better. easy

A Visualization Grammar Vega is a visualization grammar, a declarative language for creating, saving, and sharing interactive visualization designs. With Vega, you can describe the visual appearance and interactive behavior of a visualization in a JSON format, and generate web-based views using Canvas or SVG. Version 4.3.0 ITO - Road Fatalities USA This web site and the information it contains is provided as a public service by ITO World Ltd, using data supplied by the National Highway Traffic Safety Administration (NHTSA), U.S. Department of Transportation (DOT). ITO World Ltd makes no claims, promises or guarantees about the accuracy, completeness, or adequacy of the contents of this web site and expressly disclaims liability for errors and omissions in the contents of this web site. No warranty of any kind, implied, expressed or statutory, including but not limited to the warranties of non-infringement of third party rights, title, merchantability, fitness for a particular purpose and freedom from computer virus, is given with respect to the contents of this web site or its links to other Internet resources. Users of the service should note that the NHTSA/DOT makes no claims, promises or guarantees about the accuracy, completeness, or adequacy of the road fatality data used within this web site.

Animated Buttons with CSS3 Still hyped by the possibilities of CSS3, I want to share some CSS3 button experiments with you. The idea is to create some animated link elements with different styles, hover effects and active states. View demo Download source The icons used in some of the examples are by and the symbol font is by Just Be Nice

Introduction to ggthemes library("ggplot2") library("ggthemes") p <- ggplot(mtcars, aes(x = wt, y = mpg)) + geom_point() + ggtitle("Cars") p2 <- ggplot(mtcars, aes(x = wt, y = mpg, colour = factor(gear))) + geom_point() + ggtitle("Cars") p3 <- p2 + facet_wrap(~ am) Tufte theme and geoms Minimal theme and geoms based on plots in The Visual Display of Quantitative Information. p + geom_rangeframe() + theme_tufte() + scale_x_continuous(breaks = extended_range_breaks()(mtcars$wt)) + scale_y_continuous(breaks = extended_range_breaks()(mtcars$mpg)) The function geom_tufteboxplot creates several variants of Tufte’s minimal-ink boxplots. For a boxplot with a point indicating the median, a gap indicating the interquartile range, and lines for whiskers:

Tabula Upload a PDF, get back tabular CSV data. Poof! As many developers and data reporters know, dealing with data tables in Adobe Acrobat PDF files is a pain in the rear (to put it lightly). Raphaël—JavaScript Library What is it? Raphaël is a small JavaScript library that should simplify your work with vector graphics on the web. If you want to create your own specific chart or image crop and rotate widget, for example, you can achieve it simply and easily with this library. Raphaël ['ræfeɪəl] uses the SVG W3C Recommendation and VML as a base for creating graphics.

About Google+ Ripples - Google+ Help Google+ Ripples creates an interactive graphic of the public shares of any public post or URL on Google+ to show you how it has rippled through the network and help you discover new and interesting people to follow. Ripples shows you: People who have reshared the link will be displayed with their own circle. Inside the circle will be people who have reshared the link from that person (and so on). Circles are roughly sized based on the relative influence of that person. The comments users added when they reshared a link are displayed in the sidebar of Ripples.