After last week’s proposal, I am working on visualizing the data I found from the government and present it in Observable. I first cleaned up the data and translated it to English so readers can understand it. Consider that the numbers of the married and divorced are not related, I…

To come up with ideas for final project, I try to browse through several datasets from websites and list up categories that I’m interested. I am also thinking, what is the unique perspective I can bring into this class? After a while, one project I made last semester came into…

This week, I continue the data I found last week, and try to create a data visualization in observable, since I want to get more familiar with D3.js. While choosing which graph to present the data, I thought about the question I had last week, “Are Lesbian couple more likely…

This week, we are playing around with Observable to get more familiar with Data Visualization. The Data I chose is “Percentage of Same-Sex Couple Households by Selected Cities: 2017” by United Census Bureau. When it comes to household topics in LGBTQ community, people like to joke about how lesbians love…

Assignment: Find two or more visual stories with a topic of your interest. Find out their data source, methodology, visual, storytelling and a question to answer Figure out your own question you want to answer and explain why you found it interesting. As a gay Taiwanese guy grew up getting…

This assignment is about designing an interface that allows the user to combine image layers in different ways and producing artworks. Abby and I decided to work together and our discussion started from what’s the theme/concept we both like. It turns out that we are both foodies and loves to…

For the assignment, we sketch an imaginary homescreen, a version of how our phone could look when we open it. After sketch, we would make a mock-up by HTML/CSS. This assignment made me think more about what does phone and homescreen means to me. I use phone to keep in…

Assignment: Pick a style property in CSS, write down design goals for your project, and use an HTML slider to build a toy that responds to user input and demonstrates the style through interaction and achieve your design goal. The property I chose is box-shadow. In this summer, I did…