Git Product home page Git Product logo

information-visualization's Introduction

Information Visualization

Presentation materials related to information visualization via interactive portal design.

Goal

Make informed decision(s)

  • Percieve - see the information
  • Understand - recognize patterns, causes, etc
  • Decide - real-world outcomes based on informed decisions

Mantra

Overview first, zoom and filter, then details-on-demand - Ben Shneiderman

  • Overview
  • Zoom / filter
  • Details

Activities

  • Explore
  • Communicate

Tools

  • Statistics
  • Software
  • Computer graphics

Data

  • Quantity
  • History
    • time-series
    • data pedigree
  • Consistency

Structure

  • Variables
  • Consistency
  • Clean

Data types

  • Number
    • E.g. ratio
  • Category
    • e.g. names, rank order (low, medium, high)

Visual aspects

  • Length
  • Width
  • Position
  • Shape
  • Color
    • e.g. HSL model

Appropriate aspects for data types

See: Priorities of Visual Attribute for Various Data Types

Precise:

  • length
  • position along common axis

Not precise

  • Width
  • Area
  • Intensity (Lightness or saturation)

Gestalt

See also: Gestalt design

Interactivity

  • Compare
  • Sort
  • Filter
  • Combine/divide
  • Highlight, select, brush
  • Zoom/pan - spatial and temporal
  • Annotate
  • Bookmark
  • View details

Effective charts

The following chart types are common and generally effective.

  • Line
  • Scatterplot
    • trend line
  • Bar / histogram
  • Dot plot
  • Bubble

Multiple integrated views

  • Multiple charts
  • Differing variables in chart axes
  • Charts synchronize changes

Analysis

There are several common types of analysis involved when making visually informed decisions.

  • Patterns
    • e.g. change over time
    • cycles
    • trend
  • Ranking
  • Part-to-whole
  • Deviation
    • outliers
    • variability
  • Distribution
    • outliers
    • percentiles
  • Correlation
    • relationships between variables
    • pissible indication of causal relationship

Resources

information-visualization's People

Contributors

brylie avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.