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 made this two data into two different charts.

Here is the code:

and for the visual, I am inspired by the layout of New York Times, which contains huge contrast of image and text and a clean visual style.

and the full scale photo as cover from BIOS Monthly in…

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 my mind. In “Dynamic Web Development“ class, I made a Time map for Taiwan same-sex marriage legalization, from 1980 to 2019. 5. 24. At that moment, Some opponents claimed that the legalization will make Taiwan lose the tradition and virtues. …

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 to live together than gay couple?” So I decided to highlight the difference in each city. Moreover, since the summary of two value for each city is 100, so the data looks neater when get presented together.

I looked up to several tutorials written by D3 organization and get a…

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 to move in together after a short period of time. So I am wondering, if this is true, then it’s really likely that the household portion of female couple will be higher than male couple.

After getting the data, I started to clean it a bit so that the computer…

• Assignment:

1. Find two or more visual stories with a topic of your interest.
2. Find out their data source, methodology, visual, storytelling and a question to answer
3. Figure out your own question you want to answer and explain why you found it interesting.

As a gay Taiwanese guy grew up getting familiar with American culture by watching TV shows and movie, I found myself very interested in Asia topic and LGBT issues. However, I found out that there are not that many Asia-related interactive news/visual stories published by English media. Last semester, I was creating a timeline for Taiwan same-sex marriage…

The assignment of this week is to create 3 different brushes with canvas while showing our understanding of Javascript and canvas.

After watching all the tutorial videos, I found that the unevenness of the brush is interesting to me, and when I draw it in curves and overlay on each other, it somehow created a 3D effect that I really like. So in the first brush, I want to highlight the character and create a bar in the middle of the last point and current point. …

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 add some humor to our works.

This reminds me of one of my useless knowledge about nuggets: Chicken Nuggets from McDonald's come in 4 shapes: the bell, the bow-tie, the ball and the boot, which is a perfect idea for a character creator! (Thanks Youtube for the knowledge)

But 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 touch with people vitually, receive news and information, know more people from dating apps and games… My phone basically is another dimension of my world, where people also live in and interact with me. If so, then my homescreen is the map of this world, which navigates me to check…