Nate
Tuesday, December 1, 2009
Info Vis
I started off by doing some research to find out what datasets are available. I found a lot of data on countries GDPs over time. I thought it would be interesting to find a way to display this data. My current idea is to have a map of the world that shows each countries GDP by shading in the country. I'll show my interface design in class.
Exercise 4: Information Visualization
I built a program for the game, Kings of Chaos a few years ago that was a "recruiter" program (people would click on captcha images to grow in the game). I collected a lot of data about the people that used it but never made a nice stats page. The closest I got is this image, simply a chart.
Other programmers for KoC, didn't do much either like http://koc.ithildin.com/yar/stats
So I wanted to take it a step further and make something visually aesthetic yet functional at the same time. My first idea was a bar graph which would show the amount of "clicks" each player did during different time frames (past 24 hours, past week, past month etc..). Then I got to thinking about how the game was played and the competitive nature of it. I realized I should rank people and sort the bars, descending with the winner on one side. This winner could be different depending on the time frame.
Taking the competitve idea even further I thought of an alternate type of bar graph. This one would have a giant bar across the middle horizontally. This would be labeled the average. Then each player is shown in how they relate to the average. The best are above the bar, and the worst are below it. It would inspire the users to compete to make it above the average which would in turn move the bar creating a dynamic and fun game. Also players would check back w/ the charts frequently to see if they are maintaining they're lead which is a sign of success in the program! Especially considering it could increase Ad revenue! ( Now i just need ads...).
One final thought I was playing with is the idea of using the width of the players bars to show something. The data that I tracked was merely how much was clicked at which part of the day. I'm considering using total clicks as width, regardless of time frame, but I think there could be something better. Also I'm thinking about ways to use colors still.
Other programmers for KoC, didn't do much either like http://koc.ithildin.com/yar/stats
So I wanted to take it a step further and make something visually aesthetic yet functional at the same time. My first idea was a bar graph which would show the amount of "clicks" each player did during different time frames (past 24 hours, past week, past month etc..). Then I got to thinking about how the game was played and the competitive nature of it. I realized I should rank people and sort the bars, descending with the winner on one side. This winner could be different depending on the time frame.
Taking the competitve idea even further I thought of an alternate type of bar graph. This one would have a giant bar across the middle horizontally. This would be labeled the average. Then each player is shown in how they relate to the average. The best are above the bar, and the worst are below it. It would inspire the users to compete to make it above the average which would in turn move the bar creating a dynamic and fun game. Also players would check back w/ the charts frequently to see if they are maintaining they're lead which is a sign of success in the program! Especially considering it could increase Ad revenue! ( Now i just need ads...).
One final thought I was playing with is the idea of using the width of the players bars to show something. The data that I tracked was merely how much was clicked at which part of the day. I'm considering using total clicks as width, regardless of time frame, but I think there could be something better. Also I'm thinking about ways to use colors still.
Assignment 4 (Garrett)
I am going to create an interface where one can visualize election
returns. It will feature a map with the number of electoral votes on
each state. Color strength on each state can indicate the percentage
of republicans and democrats. Clicking on a state will bring up more
specific information such as polling data, historical voting data, and
percentage popular vote.
returns. It will feature a map with the number of electoral votes on
each state. Color strength on each state can indicate the percentage
of republicans and democrats. Clicking on a state will bring up more
specific information such as polling data, historical voting data, and
percentage popular vote.
Assignment 4 (Barry)
I am planning to visualize a weather forecast of new york state. The Idea is to have a big map of the new york state which have region colored based on the weather forecast of that day. It will have a dynamic query on the bottom that can be dragged backwards to represent past days like yesterday, past week. It can also be dragged forward to show tomorrow forecast, the day after tomorrow and so on. It also has a area created to name all the major cities in New York so that you could select which area you wanted to go. You can click on the name of the city or the region in the map. When you do, it will bring you to a separate page of the city forecast. In that page, it will provide you with a more detailed forecast like the temperature, when it rains, humidity, wind and so on.
Assignment 4 (Bin Bao)
Air ticket search engine is widely used by ticket booking website. I am planning to visualize the one-way air ticket from Rochester to Beijing, by drawing lines on a map, the shading of these lines will represent prices. The dynamic query may include date, price, airline, stop number. The departure date can be an exact date or a range. For a date range, how to represent the price fluctuation is a challenge.
InfoVis
I am going to create a visualization of census data (race/age/income). I figure the most natural way to do this is to have a map of the United States and color the map to show the number of people in each category. The map will show the colors based on the number of people or the percent of whole. The fact that each category of data has multiple data points, you will select which data point you will want to see (18-25,80+, black, white), and it will color the map based on that. Another option would be to color the map based on the average as well as on the most prevalent, potentially even eliminating certain data points (i.e. to remove Caucasian to view which minority is prevalent in certain areas).
James J Regan IV
COO Emeritus Consulting
B.S. Computer Science
B.A. Linguistics
University of Rochester
Class 2010
Tuesday, November 10, 2009
menu system
Concept 1:
<font color="green">The left side contains the menu categories such as kids adults and desert by clicking on one the right hand side will show you a non detail list of what is in that category by clicking on the item you will get to see a larger description
</font><table style="color: blue" border=2>
<tr><th><h2>good points</h2></th><th><h2>Bad points</h2></th>
</tr>
<tr>
<td>looks organized</td><td>might be to complicated</td>
</tr>
<tr>
<td>Everything is easily accessed by one menu</td><td> Since its a touch screen how can people type in special request <br/> onclick = show on screen keyboard?</td>
</tr>
</table>
Concept 2:
<font color="red">Not really that proud of this one The top allows you to search and then the bottom has a pre-sorted menu </font>
Exercise 3: Sketches and Prototypes
I've been sketching prototypes of a menu system based loosely (OK, maybe not that loosely) on Apple's "Cover Flow" interface paradigm, where users—via a touch interface—can manipulate a list of items by swiping left-to-right, right-to-left, etc. I created a quick PICTIVE mockup on posterboard that should get my point across.
--
Wyatt Anderson
wanderson@gmail.com
--
Wyatt Anderson
wanderson@gmail.com
Subscribe to:
Posts (Atom)
