Tag Archives: assignment

Final Assignment Documentation

December 14, 2014 Michelle Luo

For the final assignment, I made an interactive map of New York City (Manhattan only for now). I have lived in the city for all my life but in the more recent years I have heard about issues with rising property costs and affordability as well as gentrification. People have started to believe that it will ruin how diverse the city can be by pushing out the people who cannot afford to live here such as budding artists. I wanted this map to show the makeup of each district to see how they compare to each other. I got most of my information from the nyc.gov site. There is a lot more information available on each district that I may want to include in the future (such as type of housing residents live in, type of jobs they have, how they commute to work, how large the families are, etc.) but for now I only included the most general information.

I used Mapbox to make the make the interactive map and then used HTML, CSS, and JQuery to make the rest of the site. The most difficult part of the project was trying the make the Mapbox program listen to commands from my site so that I could go into the map and connect it to the links on my site. Also, drawing out the districts on the map was the most time consuming. It took forever to make sure the district lines were being drawn on the right streets. Mapbox only has general areas drawn out such as the states borders and country borders.

Site: New York City Districts

Little Big Data Documentation

November 3, 2014 Michelle Luo

I checked off “Become an organ donor” easily when recently getting my state identification card. This made me wonder how many people actually become organ donors and why there aren’t more. According to the New York Times, 95 percent of Americans support organ donations but less than 40 percent are actually donors, 23 percent of people fear they are not healthy enough or are too old to donate their organs, 50 percent of respondents are concerned that doctors will not try as hard to save them if they are known to be an organ donor, 44 percent believe there is a black market in which people can buy or sell organs or tissue, and 57 percent question whether or not a person can recover from brain death (source). It baffles me why anybody would not donate their organs after death when they won’t need them.

This chart shows the trend of donations from 1988–2013 in the states. It only shows donations from donors who have died and which organs were procured (kidney, liver, pancreas, lung, heart, and intestine). Some interesting things that I have noticed is that in some states the amount of donations actually decreases, and in other states there are dramatic jumps in donations. It’s also interesting that in 1988, America has an estimated population of 244.5 million people and in 2013 they had 316 million people. Meanwhile, some states have seen less than a 50 person increase in donations over the last 26 years.

The coding was not difficult, just tedious. In the code, I directly inputted the data because it only took me a few seconds to copy and paste the table from the OPTN site. A snafu I encountered was that all the visualizations were too big to fit on my Processing screen so I had to wait until I opened the PDF to see if there were any visualization errors.

It is important for people to see how many people are actually donating. Instead of thinking “If I don’t donate at least someone else will” the viewer should be thinking about donating themselves. This poster could be put up in hospitals, donation centers, and if I had my way, DMVs. If I had more time on it I would research more on the deaths of the people on the waiting list.

Code: Organs Visualization

PDF: Donor Types

Little Big Data POCs

October 13, 2014 Michelle Luo

Find an effective way to extract the data.

First, I needed to get my data from the Organ Procurement and Transplantation Network which was in the form of HTML tables with no link to click on to get the data a .CSV or .XML. I did, however find this site, Convert CSV, that converted HTML tables into CSV files. It has the option of entering in an URL but the link to the data didn’t work because it was interactive. Instead, I downloaded the HTML code of the site when it loaded the data I wanted used the option of uploading HTML files to the Convert CSV site and chose the table I wanted to convert. It worked but all the labels were missing (years and organ donated). That isn’t a problem when entering the programming stage because all I need are the numbers and I can just add the labels myself. It works way better than transferring the data by hand myself.

Importing and plotting the data.

Second, I need to visual the data. In my comp I used stacked bar graphs to do this. I took the code used in class and tweaked it to fit my data. I had to change all the floats to ints and make sure my arrays were not out of bounds (which kept popping up as an error until I fixed it.) Also, after looking at the stacked bars, I am debating on whether or not it should be a stacked bar graph or just separate bar graphs.

Code: POC

Get the visualization into Illustrator to tweak.

The only problem I had was that at first illustrator was unable to read the file. Which was weird because it clearly said it was a PDF. Then I went back into the code and realized I forgot to add endRecord(); at the end of the code.

Little Big Data Proposal

October 6, 2014 Michelle Luo

The purpose of my poster will be to inform viewers about the benefits of becoming an organ donor. When I got my state identification, I had no question about whether or not I wanted to become an organ donor. At this current time, there are over one hundred thousand people on the list waiting for a new organ and, on average, eighteen people a day die from waiting (American Transplant Foundation). There are some misconceptions about what happens when someone becomes an organ donor such as people thinking the doctors would not work as hard to save an organ donor’s life. This poster can hopefully show that all the amount of organs and how much help (and how much more help is needed) organ donors provide.

The data that will be used in my poster is located on the U.S Department of Health and Human Services website and was collected by UNet, created by the United Network for Organ Sharing (UNOS), which is an “online database system for the collection, storage, analysis, and publication of all OPTN data pertaining to the patient waiting list, organ matching, and transplants.” It everything one might need to know about the Organ Procurement and Transplantation Network (OPTN). It has national, state, and regional data that consists of filters such as donor type, donor age, donor ethnicity, donor gender, donor by death, etc, from as far back as 1988 to the present (it is constantly being updated to the minute). It also has transplant data, the waiting list, waiting time, and percent transplanted. I specifically need data only about donors and transplants, as well as waiting time and deaths. The U.S. Department of Health and Human Services already has an infographic from a couple of years ago but I plan to go more in-depth than it does. OPTN Data.

It might be a problem to export all the data because it’s interactive data that I can change based on the filters I have chosen but I DO have access to the data. So a step in production will be to find a way to get the data in friendly format. I will use Processing and Illustrator as my main tools to create the visualization. These programs are located on my computer and it will be printed at school.

PDF: Organ Donations Comp

Code Warm Up Part II

September 29, 2014 Michelle Luo

Pre-Illustrator

After-Illustrator

I took the information from the New York City Census. I decided to do pie charts this time (even though it might have been better as a stacked area chart) because all the other graphs have been very “straight”. I had trouble creating a function for mapping. My code contains many, many lines of me calling variables over and over again because I could not figure out how to get it so that I could just replace a variable within the mapping. Every time I created a function to replace the mapping lines, the program would tell me values needed to be determined before anything else was called. Instead, I just have a ton of lines changing each percentage to an angle.

Code: NYC Demographics

PDF

Code Warm Up

September 22, 2014 Michelle Luo

I chose to do another infographic I found in “The Answers Issue” of Time Magazine. I did was able to do everything in Processing except for the spaces between the columns when the colored bar for each drug transitions into the next column; those are svgs. It was a pain in the ass to center all the text within the shapes and was also difficult to calculate each shape with variables so that when I changed the height of one shape, it will change all of them. It was also hard to see it the colored bars were proportionate to each other. I don’t even think Time Magazine has it proportional (they do have to fit the image into the magazine).

Code: What are we high on now?

This is also from Time Magazine. It was a little hard to get the circles proportionate to each other because I was not sure of what the scale/ratio was. Positioning was also difficult; I wish there was grid on Processing. This visualization, compared to the top one, has all the shapes made in Processing (no svgs).

Code: Who has the most cash?

Data, Design, Code