INFORMATION ORGANIZATION LAB OCTOBER 27, 2009 LAST WEEK ON IO LAB Project 3 was due today at noon. If you haven’t sent it to us and haven’t already talked.

Slides:



Advertisements
Similar presentations
GMD German National Research Center for Information Technology Darmstadt University of Technology Perspectives and Priorities for Digital Libraries Research.
Advertisements

Lecture # 11 JavaScript Graphics. Scalable Vector Graphics (SVG) Scalable Vector Graphics (SVG), as the name implies, are - scalable (without pixelation):
CP411 Computer Graphics, Wilfrid Laurier University Introduction # 1 Welcome to CP411 Computer Graphics 2012 Instructor: Dr. Hongbing Fan Introduction.
©2007; All materials property of Bridgeborn Page 1 Bridgeworks Integration.
Introduction to Multimedia
Copyright © 2005, SAS Institute Inc. All rights reserved. Creating Dashboards with the SAS ® Information Delivery Portal Don Chapman Development Manager.
© Anselm SpoerriInfo + Web Tech Course Information Technologies Info + Web Tech Course Anselm Spoerri PhD (MIT) Rutgers University
Introduction to SVG & Batik Presented by Shang-Ming Huang.
INFORMATION ORGANIZATION LAB OCTOBER 6, 2009 Project 2 was due today at noon. If you haven’t sent it to us and haven’t already talked to us, come talk.
Art 128 Interface Programming 1 In-class Presentation Week 3B.
CS 898N – Advanced World Wide Web Technologies Lecture 22: Applying XML Chin-Chih Chang
Working with SharePoint Document Libraries. What are document libraries? Document libraries are collections of files that you can share with team members.
Administrative Stuff ECE 297. Administration Milestone 0: –Submit by Friday at 5 pm –Demo in lab this week –Write your name on the board when ready to.
CS 115 TA Orientation Fall More students! Enrollment up to sections + night about 22% CS majors (50 on 8/16)
SE 313 – Computer Graphics and Visual Programming Lecture 5: Geometric Transformations Lecturer: Gazihan Alankuş Please look at the last slides for assignments.
And Mobile Web Browsers
PLUG INS flash, quicktime, java applets, etc. Browser Plug-ins Netscape wanted a method to extend features of the browser became an unofficial standard.
Evaluation of HTML5 Graphics for Data Structure Visualization
2012 National BDPA Technology Conference Creating Rich Data Visualizations using the Google API Yolanda M. Davis Senior Software Engineer AdvancED August.
UNIT 8 DRAWING WITH THE HTML5 CANVAS ELEMENTS AND FORMS.
INFSCI  Last time we built a doggie web page in class following the instructions in the slide deck: Build Web Page with HTML – see week 3 The topics.
Creating Web Pages Overview. Design – Start with a Purpose Before you start any web page, you need to design the website. The first question that should.
NetTech Solutions Working with Web Elements Lesson 6.
HTML5 – The Power of HTML5 – The Power of Thomas Lewis HTML5 Principal Technical Evangelist Microsoft | asimplepixel.tumblr.com.
Dept. of Computing Science, University of Aberdeen1 CS4031/CS5012 Data Mining and Visualization Yaji Sripada.
Sheet 1XML Technology in E-Commerce 2001Lecture 1 XML Technology in E-Commerce Lecture 1 WWW, HTML, CSS, XML, Meta-modeling.
Citations Helper: What Is It and What Can It Do? Sakai Conference Amsterdam June 12, 2007.
1 Tradedoubler & Mobile Mobile web & app tracking technical overview.
EGEE is a project funded by the European Union under contract IST Testing processes Leanne Guy Testing activity manager JRA1 All hands meeting,
Exploring Microsoft Office C51BR1 Business Reporting By David Kilgour
1 Graphics CSCI 343, Fall 2015 Lecture 1 Introduction to Graphics Read: Chapter 1 of textbook.
Announcements: --For lecture next week, read Chapters 8 (Now read 1-9) --For lab this week, also read Chapters 7 and 8 --Lab will likely be going outdoors.
CSM06 Information Retrieval Lecture 6: Visualising the Results Set Dr Andrew Salway
CSE 303 Concepts and Tools for Software Development Richard C. Davis UW CSE – 12/6/2006 Lecture 24 – Profilers.
Sierra Learns Computers in CSE3 By Sierra Lee Lab 2 Lab 2 Desktop Publishing with MS word Lab 5 Labs 4 & 5 Lab 6 Lab 6 Visual Programming with Alice In.
1 Scalable Vector Graphics (SVG). 2 SVG SVG is an application language of XML. “SVG is a language for describing two- dimensional graphics in XML. SVG.
BUS304 – Data Presentation1 Group Data and Histograms Raw Data Grouped Data SurveyeeGenderFavorite Cuisine #1MChinese #2FItalian #3FOther #4MIndian #5MFrench.
DAY 16: ACCESS CHAPTER 1-2 Rahul Kavi October 8,
Web Foundations TUESDAY, OCTOBER 29, 2013 LECTURE 20: EMBEDDING WEB FONTS.
MTA EXAM HTML5 Application Development Fundamentals.
Google Charts API Ashwin Neurgaonkar 10/13/2008. What are APIs ? API stands for ‘Application Programmable Interface’. As it’s name implies, it is an interface.
BIO 416K Vertebrate Physiology I Dr. Cynthia Gill  Syllabus  Course overview  Cells and graphs.
XML and SVG as an Aid to Distance Learning Lez Bullwer MSc Information Technology.
Web Design (8) Images (2). My Holiday Photos An exercise in adding and linking images. Create a new website folder calling it ‘My Holiday Photos’. In.
Web Design and Development. World Wide Web  World Wide Web (WWW or W3), collection of globally distributed text and multimedia documents and files 
LEARNING CONTRACTS Teachers who want to try using contracts need to keep a few things in mind.
Advanced Topics Lecture 8 Rachel A Ober
D3 Practicum CS 4460 – Information Visualization Megha Sandesh Prepared under advisement by Dr.Fames Foley.
WRA 210: 10/7/13 IMAGES. TODAY’S AGENDA Reminder about Module 8 - test your links!Module 8 Overview of hierarchies, naming How images work on the web.
RESEARCH PROJECT …proving you know more about something than anyone else.
RSS Interfaces and Standards Chander Iyer. Really Simple Syndication (RSS) Web data format providing users with frequently updated content. Make a collection.
ECE297 TA GUIDE Project supervision. Agenda M0 feedback Project overview M1 overview Project supervision.
Visualization Programming: “Libraries” and “Toolkits” Class visualization resources CSCI 6361.
We’ll be spending a few minutes talking about Quiz 2 on Sections that you’ll be taking the next class session, before you work on Practice Quiz.
Ronen Vaisenber, Zohrab Basmajian, Phong Pham, Keith Mogensen, Arjun Satish Mentors: Prof. Sharad Mehrotra, Prof. Ramesh Jain.
BEYOND EXCEL Blake Umberham, OMS-II Matt Vassar, PhD.
COMMUNICATION ENGLISH III October 11/12 th Today Interview discussion.
SVG technology SVG technology is what we want? is what we want? Jaehoon Woo KNU Real-Time Systems Lab. KNU Real-Time Systems Lab.
Language Learning for Busy People These documents are private and confidential. Please do not distribute.. Pre-Intermediate: Interview Skills The Introduction.
IST256 : Applications Programming for Information Systems
Chapter 4: Scalable Vector Graphics (SVG)
Interoperability Between Aleph and Primo: Aleph Restful APIs
Application with Cross-Platform GUI
CS371M - Mobile Computing Class Intro.
Programming vs. Packaged
Lesson Objectives Aims You should know about: – Web Technologies
Unit 2: Descriptive Statistics
Lecture 01: Introduction
Information Visualization - Week 01
Presentation transcript:

INFORMATION ORGANIZATION LAB OCTOBER 27, 2009 LAST WEEK ON IO LAB Project 3 was due today at noon. If you haven’t sent it to us and haven’t already talked to us, come talk to us now. Be ready to demo and discuss in class.

INFORMATION ORGANIZATION LAB OCTOBER 27, 2009 Information Organization Lab

INFORMATION ORGANIZATION LAB OCTOBER 27, 2009 Project 3 Demonstrations

INFORMATION ORGANIZATION LAB OCTOBER 27, 2009 Project 4 Social & Distributed Classification delicious

INFORMATION ORGANIZATION LAB OCTOBER 27, 2009 Tag usage

INFORMATION ORGANIZATION LAB OCTOBER 27, 2009 social vs. individual

INFORMATION ORGANIZATION LAB OCTOBER 27, 2009 Classification schemes

INFORMATION ORGANIZATION LAB OCTOBER 27, 2009 Visualization Minard’s Napoleon

INFORMATION ORGANIZATION LAB OCTOBER 27, 2009 BetterFaster Raster Vector FasterScalable FasterSmaller FasterTransformable FormulasPixels

INFORMATION ORGANIZATION LAB OCTOBER 27, 2009 Canvas SVG 2004 (Apple)1999 (W3C) IE requires a plugin Scripted bitmapsDeclarative XML VectorRaster

INFORMATION ORGANIZATION LAB OCTOBER 27, 2009 Interface options Write raw XML or canvas code Use a visualization library Use a chart and graph library

INFORMATION ORGANIZATION LAB OCTOBER 27, 2009 Processing.js

INFORMATION ORGANIZATION LAB OCTOBER 27, 2009 Rapha ël

INFORMATION ORGANIZATION LAB OCTOBER 27, 2009 Chart API

INFORMATION ORGANIZATION LAB OCTOBER 27, 2009 A simple bar chart <img src=" ?cht=bvs&chs=150x150 &chd=t:10,50,60,80,40|50,60,100,40,20 &chco=4d89f9,c6d9fd&chds=0,160" /> Chart API

INFORMATION ORGANIZATION LAB OCTOBER 27, 2009 gRapha ël

INFORMATION ORGANIZATION LAB OCTOBER 27, 2009 gRaphaël A simple bar chart r.g.barchart(10, 10, 300, 220, [[55, 20, 13, 32, 5, 1, 2, 10]], 0, {type: "sharp"});

INFORMATION ORGANIZATION LAB OCTOBER 27, 2009 Protovis Minard’s Napoleon

INFORMATION ORGANIZATION LAB OCTOBER 27, 2009 Protovis A simple bar chart vis.add(pv.Bar).data([1, 1.2, 1.7, 1.5,.7,.3]).width(20).height(function(d) d * 80).bottom(0).left(function() this.index * 25);

INFORMATION ORGANIZATION LAB OCTOBER 27, 2009 Graphing delicious tag frequency

INFORMATION ORGANIZATION LAB OCTOBER 27, 2009 Creation process What am I trying to show? What data do I need? How do I get it? Data transformation Display

INFORMATION ORGANIZATION LAB OCTOBER 27, 2009 Granularity Don’t store too many data points in too few pixels. 5 pixels per data point 2.5 pixels per data point1.3 pixels per data point less than 1 pixel per data point

INFORMATION ORGANIZATION LAB OCTOBER 27, exam guide There’s some kind of tradeoff thing between organization and retrieval. There’s a spectrum of documents from unstructured to highly structured.” “These are hard problems, people.” Answer questions using the phrase, “Based on an experiment I did in IO Lab…”

INFORMATION ORGANIZATION LAB OCTOBER 27, 2009 For Next Week Find a group for project 4. New people. They’re out there. Check out a visualization tool. Tools mentioned in today’s lecture are linked on the course resource page.