Survey Plot

Popularized in the "Table Lens" project from Xerox PARC [Rao and Card, 1994], these resemble series of bar graphs that can be sorted independently.…

Table

A table arranges data using grids (rows and columns). It is sometimes called a matrix, a data table or a data grid. It is one of the most commonly and widely used data visualization types. A Little History Spreadsheets (interactive data table applications) first came about in the late 70's.…

Physical Maps

IntroductionPhysical mapping is a visualization displaying a precise relative positioning of physical elements to each other in space. Physical elements can represent landforms and terrain, but also imaginary boundaries and measurement systems like borders, zip codes, or longitude and latitude. The physical map is a dynamic form of visualization, lending…

Permutation Matrix

Permutation matrices are sortable charts used to explore patterns and correlations in multi-dimensional re-orderable data. Jacques Bertin knew that interaction is at the heart of exploring hidden relationships in data. Before modern computers existed, Bertin constructed physical wooden matrices (called "Dominos") to explore data. The re-orderable matrices were made through…

Trees & Graphs

Though the tree and the graph are related, they are not equivalent. Let's get a sense of some history and background. Both the tree and the graph are non-linear data structures, the main difference as seen below in Fig. 1 is that a tree (on the left*) follows hierarchically ordered…

Box Plot

Definition A box and whisker plot—also called a box plot—displays the five-number summary of a set of data. The five-number summary is the minimum, first quartile, median, third quartile, and maximum.In a box plot, we draw a box from the first quartile to the third quartile. A…

Tree Map

Intro to Tree MapsTree maps usually represent a hierarchical structure of a large amount of data in the form of the size of rectangles and color scale. It provides a clear view of the complexity of the data and the comparison among different types of data. However, it is not…

Heat Map

Heat maps are a type of visualization to show data density. They are particularly helpful when you have a lot of (e.g., tens of thousands of) data points and are mainly interested in their overall distribution. Technically, in a heat map, data points are aggregated locally and mapped to…

Scatter Plot

What’s scatter plot?Scatter plot is a type of diagram using Cartesian coordinates to display values for typically two variables for a set of data. It shows the correlation between variables. In two dimensions, it uses dots to represent the values obtained for two different variables, one plotted along…

Visual Diff

What is Visual Diff: A Visual Diff compares and shows differences between rendered text documents. It is definetely useful when we want to keep the progress updated and track the certain changes been made. Some typical examples exists in linux system. Imagine that as a programmer, It is pretty common…

Rubber Sheet

Sometimes it is also be called "3D heat map".  It usually be used for geo-related information lay out. Except the 2D map, it can also holding at least two kinds of informations, which can be presented by heights and colors.Rubber Sheet also usually be compared with isosurfaces, which have…

Arc Diagram

Description Arc diagrams are two dimensional informative network graph. It constitutes of two elements i.e. node and links. 1.1. Nodes Nodes represents the entities of the data. It is presented in a single line usually on a horizontal axis. Further information or details can be translated into the…

Matrix and Half Matrix

Is a graphical technique that can simultaneously explore the associations between thousands of subjects, variables, and their interactions, without needing to first reduce the dimensions of the data. Matrix visualization involves permuting the rows and columns of the raw data matrix using suitable seriation (reordering) algorithms, together with the corresponding…

Chernoff Faces

About The chernoff faces method (invented by Hermann Chernoff in 1973) can be used to visualize multi-dimensional values. Thus instead of a visualizing a single value and its expressions, multiple different values can be displayed and/or researched. As the name implies, the method uses the human face and its…

Choropleth Map

Choropleth maps depict variations in spatial data by shading geographic areas according to a statistical measure. They make use of a gradient of hue, value, and texture, and often follow pre-defined geographic boundaries such as census tracts, cities, states, or countries. ValuesThe choropleth map can represent various values including percentages,…

Bar Chart

The bar chart (Invented by William Playfair) is tool used to visually represent categorical data. Categorical data is derived from qualitative data and parsed into discrete groups (Ex. Month of Year, Country of Origin). This form of visualization lends itself best for comparison between categories of data. The bar chart…

Bump Chart!

Bump charts offer viewers a concept of ranking by comparing values of similar entities over time or place. Line, Area, and Stream graphs are close in composition to bump charts, with the main difference being each line represents an entity within a certain category, and the comparitive value (ranking) is…

Parallel & Radial Coordinates // Star Plots

Values Represented: Multivariate, numerical data. These visualization tools allow comparison between many variables together to be able to see the relationships between them and bring visibility to outliers. For example, you may want to compare the specs of a specific product from multiple brands. The plots can easily become cluttered…

Sankey Diagram

Sankey diagrams are a specific type of flow diagram, in which the width of the arrows is shown proportionally to the flow quantity. example of a Sankey Diagram on Average US Household SpendingHistory Created in 1898 by Captain Matthew Henry Phineas Riall Sankey, who used this type of diagram to…

Line Graphs

They are used to convey a relationship between two variables, such as change over time of a particular characteristic.They are useful for demonstrating things like income increase over time, temperature increase with energy increase, ect..Data could be integers, fractions, percentages, ect.. however, the x axis must be ordered.…

Week 1

Assessment of student skills, levels, and interests What do you want to learn in this class? What sorts of data/information graphics work have you done previously? Any coding or stats experience? Introduction to course goals and expectations Intro talk Warm-up Assignment: Catalog & Classify Create and publish a new…

Syllabus

This is a foundational course on information design and aesthetics. Students will study the fundamentals of design and the grammar of graphics while investigating hierarchies, patterns, and relationships in data structures. Students will examine the role of scale, proportion, color, form, structure, motion, and composition in data visualization. The intent…

Welcome to Ghost

Welcome, it's great to have you here. We know that first impressions are important, so we've populated your new site with some initial getting started posts that will help you get familiar with everything in no time.…

Publishing options

The Ghost editor has everything you need to fully optimise your content. This is where you can add tags and authors, feature a post, or turn a post into a page.…

Creating a custom theme

Ghost comes with a beautiful default theme called Casper, which is designed to be a clean, readable publication layout and can be easily adapted for most purposes.…