Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
20 changes: 20 additions & 0 deletions week1.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
Mary Barsoum
CS 480x
Reflection 1
1/20/2022

https://flowingdata.com/2015/12/15/a-day-in-the-life-of-americans/

This visualization shows the life of an American from a survey of 1000 people in 2014 about their average days.
Once on the webpage, the visualization goes live. There is a clock in the left-hand side to show the time of day. On the right, are all the dots, each representing a person. The colors and location represent the activity that the person is doing.
The visualization starts at 4:30am – where most people are sleeping and the few people that have their lives together are up doing housework or leisure work.
The visualization is great for multiple reasons
- Its really easy to see what the majority of Americans are doing at any given point by looking for the biggest blob of dots
- Along those lines, the colors also provide a great sense of what the population is doing.
- I also like how in each section the numerical percentage is shown. This is very helpful if two blobs look very similar in size.
- There is an interactive feature on the left-hand side that allows the user to view the animation in a slow, medium, and fast pace.
- And there is a very cute description under the clock that describes what the majority of Americans are doing at that time in a very user-friendly matter.
- “The day is in full swing with work or housework. Stores and services are open so people can run errands, and they take various forms of transportation to get there.”


I think this visualization is easy to understand, fun to watch, and very accommodating to the different ways that people like to analyze data.
26 changes: 26 additions & 0 deletions week2.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,26 @@
CS 480x
Reflection 2
1/24/2022

Visualization: https://obamawhitehouse.archives.gov/interactive-budget

For this week’s visualization we are going back 8 years (I can’t believe it’s been 8 years) to Obama’s Presidency. This visualization allows the user to interact with the proposed budget for 2016 to see how their tax dollars are being used.

Off the bat I think this is a cool idea. Breaks it down nice and easily for those who don’t know much about the white house budget. The data is broken down into different categories such as health care, social security, national defense, etc. The categories are in the shape of rectangles and each rectangle is proportionally sized to how much of the budget is used for that category. Also, each category is a different color.

Within each broad category listed there are subcategories. For example, under health care there is Medicare, health research and food safety, Medicaid and children’s health insurance, and other health care. When healthcare is clicked on the website, it zooms into these subgroups. Also, these subgroups are different shaded of the original category. So, health is red, all the subcategories are different shades of red.

When a subcategory is clicked, it zooms into a little description given and a link to more information. When any parent or child category is hovered over, the value of the budget designated to them is listed.

I would say this data is more expository because it is trying to explain to others the break down of the 2016 budget proposal.

Here’s what I liked about the Data Vis:
- It is very easy to use
- Provides enough information without cluttering the pages while providing links to more resources

Here’s some of the downfalls I saw:
- Looks wise, its not the prettiest thing to look at.
- I wish they used a different color palette or shade of the colors
- I also think that the rectangles were a good idea, but because of the size of the text and how small some of these categories get respectively, the text goes over some rectangles and it all becomes a little congested and hard to read.

A suggestion could maybe be using a numbered key or legend for the smaller areas. Or maybe using a layered pyramid for the parent categories because that would still show the general progression of where the budget is allocated.
13 changes: 13 additions & 0 deletions week3.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
Reflection 3
Mary Barsoum
1/31/2022

Visualization: https://www.cloudred.com/labprojects/nyctrees/#about

This visualization is an interactive model that allows the user to explore what types of trees and how many of them their are throughought 5 boroughs in NYC. The visualization is very user friendly. It shows all the types of trees on the bottom with a name and picture. When the user hovers over the tree, the percentage section will highight in all the boroughs and also create a path between the boroughs for the user to compare.
The user can also click the tree to keep the path highlighed. Multiple trees can be clicked at once.
the sections on the bar can also be clicked to reveal the type of tree. When the block is highlighted, it shows the name and the number of trees. On the right side of the bar the percentage is shown

This visualization is exploratory in the the user can discover more information about the types of trees in NYC.

I think the layered horizontal bar graph type thing works very well here because it allows the user to easlily compare the types of trees. I also enjoy the colors picked out, and how it uses opacity in a tasteful way. All in all love this visualization.
7 changes: 7 additions & 0 deletions week5.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
Week 5 Reflection

Visualization: http://graphics.wsj.com/infectious-diseases-and-vaccines/

This visualization is an article from the Wall Street Journal showing how dfferent states in the US were affected by infectious diseases such as Polio, Hepatitis A, The Measles, and more. Each visualization shows all 50 states on the left, and the number of cases per year per states when hovered over the box. The color of the box correlates to how many people were infected. The color scale can be seen as the bottom of each graphic. Whats cool about the visualization is that is also shows when a vaccine for the disease was introduced and how the number of cases changed after that.

This visualization is more expository in my opinion because is it providing the viewer with valuable information about the spread of infectious disease and how history played out. There isn't anything that I would change about the visualization. I think it is very well done and very clean. It was easy for me to read and understand which I think is the most important. I also think it is visually appealing to the eye as well. I enjoyed looking at it and understaning the general trend of data from the colors without even having to hover over the data.