background preloader

Charted

Charted

http://www.charted.co/

Related:  MapsVisualizationVisualisation

9 free mapping tools and resources for visual storytelling The resources available for working with data and visualising it have become more numerous and more accessible in recent years. "We find ourselves in this perfect storm where suddenly journalists, everybody, is paying attention to data and the ability to collect data and create new data," Vizzuality's Andrew Hill told Journalism.co.uk earlier this year. Vizzuality created open source mapping tool CartoDB, and the team also set up "the map academy" where journalists can access free resources to learn more about online mapping. Mapping can be a powerful storytelling tool, which journalists can use to take their audience on a journey following a narrative storyline, or to illustrate and make sense of fast moving breaking news events.

Web Standards D3 is built on top of several common web standards. Don’t worry if you don’t know all the nitty-gritty details of these standards, you can pick this stuff up pretty quickly. HTML (HyperText Markup Language) is a text format that most web pages are written in. Google maps tutorial (part 5/5): How to create Fusion Tables heat map Tutorial goals: understand the ideas behind Google Fusion Tables heat maps; create an interactive map showing state-by-state U.S. population, as shown in the sample below. (This post is part five of a 5-part tutorial on creating Fusion Tables intensity map; the other parts are listed as related posts at end of this post) How Fusion Tables works to create heat maps It is essential that you understand the idea and the steps in creating a Fusion Tables map; otherwise, you will easily get lost when working on the demo map in this tutorial. In its simplest form, a Fusion Tables map is a fusion, or merger, of two tables. In the U.S. population example, I have two tables: one contains state-by-state population numbers, the other one contains geographic information of each state (i.e., shape and boundary).

The 20 best tools for data visualization It's often said that data is the new world currency, and the web is the exchange bureau through which it's traded. As consumers, we're positively swimming in data; it's everywhere from labels on food packaging design to World Health Organisation reports. As a result, for the designer it's becoming increasingly difficult to present data in a way that stands out from the mass of competing data streams. One of the best ways to get your message across is to use a visualization to quickly draw attention to the key messages, and by presenting data visually it's also possible to uncover surprising patterns and observations that wouldn't be apparent from looking at stats alone.

v0.99 Preview: Graphviz and DiagrammeR Soon after the announcement of htmlwidgets, Rich Iannone released the DiagrammeR package, which makes it easy to generate graph and flowchart diagrams using text in a Markdown-like syntax. The package is very flexible and powerful, and includes: Rendering of Graphviz graph visualizations (via viz.js)Creating diagrams and flowcharts using mermaid.jsFacilities for mapping R objects into graphs, diagrams, and flowcharts. We’re very excited about the prospect of creating sophisticated diagrams using an easy to author plain-text syntax, and built some special authoring support for DiagrammeR into RStudio v0.99 (which you can download a preview release of now).

The Gulf/2000 Project - SIPA - COLUMBIA UNIVERSITY Maps and Statistics Collections All maps and their accompanying texts that are hosted by this Gulf/2000 web site are original, authored and produced by Dr. Michael Izady who retains exclusive copyright to them all. The top 20 data visualisation tools One of the most common questions I get asked is how to get started with data visualisations. Beyond following blogs, you need to practise – and to practise, you need to understand the tools available. In this article, I want to introduce you to 20 different tools for creating visualisations: from simple charts to complex graphs, maps and infographics. Almost everything here is available for free, and some you have probably installed already. Advertisement Entry-level tools

How to Make Bubble Charts A bubble chart can also just be straight up proportionally sized bubbles, but here we're going to cover how to create the variety that is like a scatterplot with a third, bubbly dimension. The advantage of this chart type is that it lets you compare three variables at once. One is on the x-axis, one is on the y-axis, and the third is represented by area size of bubbles. Have a look at the final chart to see what we're making. Step 0. Using IFTTT and Google Drive to create a JSON API by Nick Moreton on CodePen JSON APIs are a pretty powerful way of connecting your frontend app to a dataset through Javascript. Most of the big web apps provide their API in JSON format (Facebook, Twitter, Instagram) however, as you may know if you've ever tried to use these, they often require an OAuth login in order to access the API. This obviously isn't ideal if you don't want your users to have to log in to their Twitter/Facebook/Instagram account every time they view your app or website! Well, I've found a little bit of a workaround that may get you working with data in your front end without having to worry about stuff like OAuth.

XP Calculator and Leaderboard One of the key components of gamification is feedback. Games give players timely, if not instantaneous, feedback. The quicker the feedback cycle, the more effectively the player can adjust their strategy. To effectively gamify a classroom, it is crucial that teachers give feedback to every student in their classroom as quickly as possible. In other words, we need methods of collecting, processing and communicating large quantities of data, usually in the form of experience points (XP) and leveling up.

Social Network Data in R Nathan J. Doogan – doogan [dot] 1 [at] osu [dot] edu A colleague asked for some help preparing data for social network analysis. How to build an interactive choropleth map with barely any code Patrick Garvin, a designer and graphic artist with The Boston Globe, has built a handy web application called Mr. Map Generator to build interactive maps of the United States. You supply the data you want to visualize and Garvin allows you to customize how the states are shaded and how many shades you want to use. You can preview your map and then copy and paste the simple Javascript into a set of files he provides. Upload to your website and voilá: an interactive choropleth map of the United States: What you’ll need

9 Design Techniques for User-Friendly Tables by anthony on 07/11/11 at 12:33 pm Tables are great for comparing different information. But making them user-friendly is a challenge.

Related: