From 3625e36ae8c3bf1be74e957afc48569b0fd6cd4f Mon Sep 17 00:00:00 2001 From: BarsoumRose <37802531+BarsoumRose@users.noreply.github.com> Date: Thu, 20 Jan 2022 12:34:02 -0500 Subject: [PATCH 1/9] Update week1.md --- week1.md | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) diff --git a/week1.md b/week1.md index e69de29..fa6f981 100644 --- a/week1.md +++ b/week1.md @@ -0,0 +1,18 @@ +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. +o “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. From dd5f97f3bc6c74b8e5887bd80c6fa82fa58b183b Mon Sep 17 00:00:00 2001 From: BarsoumRose <37802531+BarsoumRose@users.noreply.github.com> Date: Thu, 20 Jan 2022 12:34:42 -0500 Subject: [PATCH 2/9] Update week1.md --- week1.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/week1.md b/week1.md index fa6f981..dc71b12 100644 --- a/week1.md +++ b/week1.md @@ -14,5 +14,5 @@ The visualization is great for multiple reasons - 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. -o “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.” + - “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. From a0d0dd1138bce8742db0c2896f63bc229de8dfae Mon Sep 17 00:00:00 2001 From: BarsoumRose <37802531+BarsoumRose@users.noreply.github.com> Date: Thu, 20 Jan 2022 12:35:00 -0500 Subject: [PATCH 3/9] Update week1.md --- week1.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/week1.md b/week1.md index dc71b12..cbdba6c 100644 --- a/week1.md +++ b/week1.md @@ -15,4 +15,6 @@ The visualization is great for multiple reasons - 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. From eaa9d270fbe6560b43b11eb37abfeedc978926ea Mon Sep 17 00:00:00 2001 From: BarsoumRose <37802531+BarsoumRose@users.noreply.github.com> Date: Mon, 24 Jan 2022 08:57:10 -0500 Subject: [PATCH 4/9] Update week2.md --- week2.md | 26 ++++++++++++++++++++++++++ 1 file changed, 26 insertions(+) diff --git a/week2.md b/week2.md index e69de29..a5212a8 100644 --- a/week2.md +++ b/week2.md @@ -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. +o I wish they used a different color palette or shade of the colors +o 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. From dc36f39bddf7a67f0dae0470c874361db815440c Mon Sep 17 00:00:00 2001 From: BarsoumRose <37802531+BarsoumRose@users.noreply.github.com> Date: Mon, 24 Jan 2022 08:57:41 -0500 Subject: [PATCH 5/9] Update week2.md --- week2.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/week2.md b/week2.md index a5212a8..83089d2 100644 --- a/week2.md +++ b/week2.md @@ -20,7 +20,7 @@ Here’s what I liked about the Data Vis: Here’s some of the downfalls I saw: - Looks wise, its not the prettiest thing to look at. -o I wish they used a different color palette or shade of the colors -o 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. + o I wish they used a different color palette or shade of the colors + o 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. From e7346d0148048688d26d0079bce895697a3e4f46 Mon Sep 17 00:00:00 2001 From: BarsoumRose <37802531+BarsoumRose@users.noreply.github.com> Date: Mon, 24 Jan 2022 08:57:56 -0500 Subject: [PATCH 6/9] Update week2.md --- week2.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/week2.md b/week2.md index 83089d2..ef88941 100644 --- a/week2.md +++ b/week2.md @@ -20,7 +20,9 @@ Here’s what I liked about the Data Vis: Here’s some of the downfalls I saw: - Looks wise, its not the prettiest thing to look at. + o I wish they used a different color palette or shade of the colors + o 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. From 6ddb05234cea86651be8547e5906b37aee4c8ed2 Mon Sep 17 00:00:00 2001 From: BarsoumRose <37802531+BarsoumRose@users.noreply.github.com> Date: Mon, 24 Jan 2022 08:58:32 -0500 Subject: [PATCH 7/9] Update week2.md --- week2.md | 6 ++---- 1 file changed, 2 insertions(+), 4 deletions(-) diff --git a/week2.md b/week2.md index ef88941..bca8fd7 100644 --- a/week2.md +++ b/week2.md @@ -20,9 +20,7 @@ Here’s what I liked about the Data Vis: Here’s some of the downfalls I saw: - Looks wise, its not the prettiest thing to look at. - - o I wish they used a different color palette or shade of the colors - - o 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. +- 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. From 5683d0e395903436d6e48252c053feefcc9c0b46 Mon Sep 17 00:00:00 2001 From: BarsoumRose <37802531+BarsoumRose@users.noreply.github.com> Date: Mon, 31 Jan 2022 12:00:36 -0500 Subject: [PATCH 8/9] Update week3.md --- week3.md | 13 +++++++++++++ 1 file changed, 13 insertions(+) diff --git a/week3.md b/week3.md index e69de29..5e4568e 100644 --- a/week3.md +++ b/week3.md @@ -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. From f9d71503ae8c0e7ed9114f17a6faa3f1309c5bc0 Mon Sep 17 00:00:00 2001 From: BarsoumRose <37802531+BarsoumRose@users.noreply.github.com> Date: Mon, 21 Feb 2022 12:38:39 -0500 Subject: [PATCH 9/9] Week-5-Reflection --- week5.md | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/week5.md b/week5.md index e69de29..6fad89e 100644 --- a/week5.md +++ b/week5.md @@ -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.