UIUIU is a perpetual work in progress. I am documenting and writing and porting and refactoring and assembling right now. Check out my commits to see my progress, and my open issues to see what's up ahead!
a comparison grid for MBTI types
color coordinator for hackNY Fall 2015 shirt
what does a recipe cost compared to the restaurant version?
3-point graphical perspective plotting.
the charisma myth - olivia fox cabane
a thesis writer written instead of writing a thesis
We wanted to crowdsource the hackNY 2015 t-shirt colors. I built this small Angular app with the work in progress artwork in order to allow hackNY Alumni to come up with color palettes quickly and provide a format for voting in Slack.
The final design will be revealed at the Fall 2015 hackNY Hackathon at NYU.
Verbose, negative writing is hard to read and understand. Simple, clear writing is easy to understand. Lucid allows you to write your original text, then look at it critically. Lucid helps you polish your text. The editor forces you to cut your original text in half by limiting your character length. The limits ask you to find the true meaning. You then need trim weak words. You can also identify any negative formulations and make them positive. You use stronger, more positive words.
For example: "Did you cut this?" vs. "Did you keep this?"
I built this because my writing tends to be both negative and verbose. Your objective is to write until half of your initial character count. This forces editing and true meaning. You keep the objective in mind when you consciously frame and compare the texts.
Lucid is training wheels: I hope it helps you to write in the positive, terse frame, automatically.
Floorplans is a programmatic illustrator which makes small multiples of a given floorplan, along with a time series of changes. Edward Tufte advocates small multiples in his seminal book The Visual Display of Quantitative Information, as a way for the viewer to understand an information system quickly. The base diagram is repeated multiple times and data is overlaid. They can be compared with each other due to their similarity. They also have a high data-ink ratio, meaning they communicate a lot of information within a small space.
Since floorplans are ever-changing, yet the building architecture remains the same, I thought they would be perfect for small multiples. I wanted to make a system to display the interior design and spatial layout from any given moment. I also wanted the diagrams to become a history of a space. Perhaps there's a progress or genetic theory to explore with floorplans: the space becomes more and more optimized to us (or vice versa). As Churchill said, "We shape our dwellings, and afterwards, our dwellings shape us." How do our surroundings affect our relationships? Our moods? Is there a "most optimal" or "utopian" layout that each configuration strives towards?
In the Prodaq floorplan, I have also included an anonymized seating chart, where I've colored the chairs to the occupant. Hovering over each will show you the person's job title. Since we use Github at work, I selected the colors from each person's Github Identicon and adjusted2 when needed for contrast. Back to the biological exploration, I think we can see a "carrying capacity," as well as growing pains. Also notable is the seating consistency of the first year and how our recent (12/2014) seating change3 affects the status quo.
Triangle Trail is an cellular automaton built for the Fall 2014 tech@NYU Startup Week website. I designed the triangle motif, and decided to create an animated representation.
Reframe Me is an interactive worksheet. It aims to walk you through thinking from another person's perspective. One of the most compelling ways to make someone agree with you is by talking about how agreeing would help them instead. This is one of the main points in Dale Carnegie's How to Win Friends and Influence People.
It is a human impulse to come to every situation and think only about your self-interest. It is more difficult for us to see the other person's desires. When you take this idea apart, it's obvious: I care about myself as #1, so another person cares about themselves as #1. To get results, I should align what I want with what they want.
Reframe Me asks you to present whatever to #1 in terms of #1, instead of in terms of you, who might be #2, or #60, or #1,483,542 in their lives.
Recipe Calculator helps you calculate the price of cooking at home vs. eating at a restaurant.
I live in Manhattan, so food is very expensive yet restaurants are constantly tempting. It is easy to say forget it, let's go get take out instead of cooking. Especially when you don't think you're a good chef.
I started reading a lot of Budget Bytes and I learned a lot about cooking. Her instructions clarified everything, and made it easy to follow along even for a n00b. I enjoyed the way she broke down the costs, even with ingredients like salt and pepper.
With that in mind, I was curious to build (another) calculator.
Version 1.0 built over the course of 8 hours on Sunday 7/6/2014.
price / servings = base price
how to calculate time and quality?
0-5, 0 being worst and 5 being best
if something is really awful the cost is basically infinite because you should have never consumed it and you should have never paid for it
if something is really great the cost is basically nothing because you would have paid anything for it and whatever is the reality is a steal
e.g. You have two coffees, both purchased for $5. One is the best coffee you ever had, one is the worst. The best coffee would seem like a steal, and the worst coffee would seem like they stole from you.
In the equation, we can use literally make the prices correspond to the feelings. Current guide:
We will examine these handicaps. It may be a diff, as with time. It probably also relates to the stated price; if in our example, we had paid $1000 for both coffees, the 5-star one might still be worth $1000 but most likely not.
Another way to think about it is whether or not the price is appropriate for the rating. So a "meets expectations" coffee is perfectly priced. If you would pay $5 for an average coffee, then it's a 3-star coffee. But if you would pay $10 for a great coffee, a 5-star coffee at $5 is a 3-star coffee at $10. And a great coffee worth $10 but priced at $100 is a 0-star coffee, because it's a rip off. Is this too complex? (And, related, can someone teach me economics?)
Hmm but subjectively best? Like "best coffee in the world who cares about price" shouldn't be compared to a "greatly surpasses expectations because dirt cheap coffee." This must be the problem with rating sites.
Needs to be compared with the store bought time, I think.
If something takes forever to make, that's annoying and possibly untenable. Some foods do not have this problem: tea will take 5 minutes at home and at a store, and may even take longer commercially prepared.
Again, these need to be validated.
These may be too difficult to quantify...
I hope to next add a visual treatment which simulates hatching lines leading to the vanishing points. I may later build a control panel like in the Wang Tiles project I made earlier.
I was inspired to build vanishing point off of a doodle: I drew a chair with the surfaces composed of stacked perspective lines. It occurred to me vanishing points and hatching lines could be calculated, with the image generated from the math... slope? Using Raphael for the graphics was a natural choice, and I started reviewing middle school and high school math to write the algorithms for plotting.
This project applies two concepts first learned in middle school art and math class. The two pedagogic methods had vastly different results: almost a decade later, I still have a clear concept of what vanishing points and horizon lines are, as well as how to notice these in real life and apply them to draw realistic perspective.
Slope, however, I forgot completely, even though the concept is just as foundational. I vaguely remember learning about slope, finding intersections and endpoints, and triangle concepts. I know we covered these in the sequential order of pre-algebra, geometry, and trigonometry from middle school and early high school. I had no idea of their practical application at that time. As a result, I had a dim memory of slope when I started building Vanishing Point.
Lucky for me, the internet has this forgotten information! Helpful posts:
5 Whys is a system where you propose an idea, and try to answer "why" 5 times in a row. It was intially developed by Toyota to find the cause and effect reasons behind a product or design defect.
More broadly, 5 Whys can help you question the motivations behind each proposition. It's useful for both business and personal concerns. For business, it can help you find problems, like its original incarnation, or clarify goals by exposing and discussing your assumptions. For personal questions, it can diffuse the emotional content of a feeling or statement to let you find the actual source.
I was inspired to build this guide by a Quora answer which suggested a good context for personal use: finding the original pain behind a defense mechanism. Challenging yourself helps you to keep situations in perspective.
I built an interface to prompt you, aspiring to match the simplicity of the format. I wanted to make answering these terse (yet deep and often difficult) questions intuitive.
This interface is built in Angular. It is only a frontend; I do not record or save any information typed in. The UI exposes the next question as you enter your current answer, and pressing the enter key advances to the next input automatically. At the end, the interface returns all of your answers as an analysis, with each answer in sequence styled in larger type to match its importance. It is then up to you to decide what is next.
? An interface that guides you through 5 whys 1 to make it easier to ask why 5 times 2 to encourage use of 5 whys as a tool 3 to help distill information from general to specific 4 to find underlying causes or motivations 5 to better understand yourself and your problem !
Loan Calculator lets you enter a goal amount and time in months to this goal. You can calculate how much money you realistically make in hourly wages to put towards your goal. You can also add loans to cover any shortfall, and it shows you how much money in interest you would owe for any given loan on top of the principal.
Changes are instantly reflected and calculated. I wanted to make the calculations transparent and allow easy visual understanding of changes. It is sometimes difficult to practically think about money and the effect that subtle shifts can make. For example, an increase of one dollar or one percent may not sound significant, but it can add up quickly. Or you could imagine your hourly wage and forget about taxes and other expenses.
Conversely, it also shows that if you can somehow bring in more money and pay off more of the principal yourself, without resorting to loans, it might hurt more now but it will be better in the long run since you will pay less (or avoid paying) interest. Especially since many institutional loans have compound interest, which is the whipped cream of obscure constructed pain on top.
I built this because personal finance used to be inscrutable to me, and I think this is the case for many of my fellow young adults and college students. If you don't already have real-world experience handling your own money, it doesn't occur to you that you have to account for every dollar. And even if you've worked small jobs, your parents may have supported you, shielding you from living expenses, or taxes, or withholding.
After a bad experience with trust and money, I have become much more responsible and aware about my finances. Other factors include a concurrent (but not causative) tenure in a full-time job, living independently in NYC, starting to use Mint, and a strange couple of months when it was soothing to read personal finance blogs every day.
Loan Calculator is built with Angular and took a few hours to build.
Batshit Bingo is under construction, but it is a bingo board for those times you feel overwhelmed or moody. You can start to become very harsh and unreasonable on yourself. I wanted to brighten the mood by pointing out how absurd your feelings can be. What is more absurd than filling out a bingo board about how shitty you feel?
Spiralling is a cellular automaton inspired by the song Spiralling by Antony and the Johnsons.
well and i can and i die i can, i die well and i'm freezing i'm freezing well it's a sly curse a sly curse well and i'm spiralling i'm spiralling in my broken hearted game i've got all my files i've got all my ones to choose from i gave waiting for you waiting for you i'm ravaged like a dog in heat i'm gone, gone In Cartesian Wells I gave ? i am, i'm undone i am undone. where go, where now i can't stand if i can, i can die i'm freezing; sly curse i'm spiralling in my cruel life god poisoned i was born worn not a girl and not a jewel i am, i am some son i am some bum. where go, where now i can't stand if i can, i can die i'm freezing; sly curse i'm spiralling spiralling spiralling
The Charisma Myth is a book by Olivia Fox Cabane in which she teaches that anyone can be personable. Relaxation and comfort are key to get there. If you are anxious, it will come out in your interactions with others and affect how they perceive you. This occurs even if the worries are orthogonal to the current situation.
One tactic she promotes is the Responsibility Transfer to get rid of some pressure. You imagine yourself passing your anxieties to a higher power. The symbolic weight of the worry goes away, leaving you more clear.
I created Responsibility Transfer as a visualization of Olivia Fox Cabane's technique. The background star field is generated programmatically. The breathing star follows you throughout as a reminder to breathe slowly and deeply. With the form, you can choose your preferred higher power and enter in your worry. After entry it shoots off into the universe and shrinks to an unreadable size. You are then directed back to the worry entry, in case you need to release more to the Universe/Fate/Higher Power.
I feel uptight when I walk in the city I feel so cold when I'm at home Feels like everything's starting to hit me I lost my bearings ten minutes ago Modern guilt, I'm stranded with nothing Modern guilt, I'm under lock and key Misapprehension Is turning into convention Don't know what I've done but I feel ashamed Standing outside the glass on the sidewalk These people talk about impossible things And I'm falling out of the conversation And I'm a pawn piece in a human shield Modern guilt is all in our hands Modern guilt won't get me to bed Say what you will Smoke your last cigarette Don't know what I've done but I feel afraid
I participated in the hackNY fall 2013 hackathon two weekends ago1.
Over 24 sleepless hours, I volunteered as a design ambassador, covering everything from idea generation and UX, to visual design, to frontend code. In the down time, I made my own project. Instead of solving a problem, I decided to tell a story.
eight is an infographic/short story about my own dating experiences in New York. Instead of a love triangle, I somehow found myself in a love figure-eight. (Sequential, not concurrent.) However this happened—college? the internet? New York?—this is usually a weird occurrence, see pg. ~73. And that's just a foursquare. An 8 is (at least) doubly weird.
I'd been thinking of this graph since August, when I made a sketch offhand while visiting a close friend. We found the form told the story concisely and compellingly. As a simple image on paper, it worked fine, but I wanted to examine the layers more deeply.
During hackNY, I was able to focus on building and was helped along by peers, both friends and strangers. The story and design were already formed, but I needed interaction. This required picking up some tech skills.
This first version looks at a couple factors: OKCupid, duration, university attended, and "state of the union," or current status. At the last minute, I decided to demo, and it was received well! (To my great relief.)
I am a proud 2012 alumna of the Summer Fellows program, which you should definitely apply to if you are a college hacker who loves NYC, creating, amazing people, and startups! HackNY serves as matchmaker between students and startups, holds lectures about business and technology from stars like moot and Fred Wilson, and provides free housing and food in Union Square.
It's cray. Apply today! Burma-shave.