#1 FFN – Fresh Fake News

I would like to create an illustrated Instagram account with Fresh Fake News! which I’ll invent based on real events or irrelevant facts. It can be a funny, light, creative way of approaching the subject.

I’ll print stickers for coffee shops and street mild-vandalism to encourage people to follow the account. For the mid-term presentation, I’ll also print some type of newspaper which will follow the content, therefore I’m not sure yet what the final result would look like. 

Looking forward for this wild and humoristic adventure ⚑️
– H.

#1 Bukowski

I’ve made a chrome extension, which every time you yawn – opens a new tab with a random quote by Charles Bukowski about Being Alone.

This is based on a chrome extension I wrote for Cory Forsyth class last semester. As always when trying to mash old code with new I ran into some difficulties. so I haven’t finished! here is some version of the extension, see text below. I’ll upload the finished one later today/tomorrow.

The thing I’m missing now is more privacy than I would like.
I would like to be alone more. Like the phone rings too often, there are too many cameras and all that and I kind of except it, but it’s not me. When these things are gone I go back to the room and I become myself again. Often times I pull down all the shades like I used to just lay down in a room for five or six hours just alone. Just lay in that bed and get something back some kind of juice. Just being away from people is one of the most marvelous fulfillments a man like me can have. Just absence of humanity is a fulfillments some graceful that even God would understand if he invented them, which he probably do.

– – –

– H.

#1 Data Art – Asia Population

Gridded Population of Asia
Center for International Earth Science Information Network (CIESIN) Columbia University

Here it is.
And here is my code βš‘️

I’ve made a simpler version of the heatmap for last semester ‘Impossible Maps’ class with Mimi Onuoha. It required a lot of preparation since the table originally included lots of information which wasn’t neccecery for my purposes.

Among other information, the dataset from 2016 included the size of the Asian country population (by region) in the year 2000 and a prediction for 2020. for the heatmap, I used those two columns and layered them for easy comparison. 


For the second one (which is just an experiment in creating a small unconventional interactive data visualization) all I wanted was the growth by percentage. I did some excel work in advance for easier calculation.

Blue = Population size at the year 2000 (/ 30000)
Yellow = The increase by 2020

Not sure that’s the best way to represent data, I’m sure it’s not, but it’s interactive and soon enough the screen is crowded with colored particles.

Some screenshots from the process:

I don’t have a 3rd one for today.
– Hadar

What is your place of birth?

What is your place of birth?

What does and beautiful and beautiful.
The man wished a darkest wishes that he was a dovelike.

There are lots of birds in the sky suddenly.

In that (empty) building, a woman who’s now seventy-four (if she’s not dead) took off her dress. Then too (as now) the opposite of sweetness was the time in the army when I knew nothing I’ll do won’t matter anymore. I could write about how the Bible that the principal gave me at the end of eighth grade saved my life

What is your place of birth?


What is your place of birth on Vimeo

& The code.

– H.

Final project – Sweeping the web

I wish to create a small illustrated gif animation of a man sweeps across the screen (I’m an illustrator β˜πŸΌ) – which sweeps away the page content.

A poetic b & w animative chrome extension ☾☁︎

Steps that I can tackle separately:
1. Understanding how to erase each word separately
2. Matching the position of the animation with the position of the word
3. Creating the animation, understanding the rhythm and aesthetic…

What do you think?

– H.

#1 D u s t Bookmarklet

Since I had an Unexpected Character & my code is simple, here it is.
I think I understand the relationship between HTML, CSS, and JS now (which is a huge step for me).


var style = document.createElement(‘style’);
style.type = ‘text/css’;

style.textContent = `

body:hover {
animation-name: space;
animation-duration: 8s;
animation-iteration-count: infinite;

@keyframes space {
from {letter-spacing: 0em;
color: absolute;
font-size: absolute;

to {letter-spacing: -10em;
color: white;
font-size: 0px;}
} `;

+ Here is my CodePen


– H.

A Sense of Place

1. Feminist Data Visualization, Catherine D’Ignazio
2. “Representation and the Necessity of Interpretation”, Laura Kurgan

Instead of looking at Data Visualization as a system of oppressed and oppressors, I suggest we understand that we are all just wondering in the dark. Everything around us is a representation of the imbalanced power structure – since ‘power structure’ and ‘balance’ can never go hand in hand.

In the military intelligence community, any source of information that has been consciously processed by humans is automatically ranked as a less reliable source (news reports, lectures, social media posts…), and that’s not by chance. Therefore “…We must acknowledge data visualization as one more powerful and flawed tool of oppression” is an important criticism, but one who fails to understand that all things can be seen as tools of oppression since all data representation is distorted based on the creator values scales and worldview.

Even the most socially aware designer can’t take all voices into consideration, I will argue that they can take only their own voice into consideration.

I found Kurgan piece closer to my experience analyzing geo data under the expectation of forming a coherent story. The term “emptiness and abstraction” describes this feeling well, and a major step in the understanding that even though it’s a fairly accessible source of information, it’s a complicated one to draw conclusions of (as she well demonstrates at the beginning of the piece). When trying to draw conclusions from any kind of source, one must ask himself what is the nature of that source, while cross-referencing with other sources of information if he wishes to suggest an assumption. “… The putatively scientific and objective interpretations […] tell only a story, not the story, of what is going on in these images.”

The British philosopher Alan Watts once said: “…When we examine our bloodstreams under a microscope we see there’s one hell of a fight going on. All sorts of microorganisms are chewing each other up. And if we got overly fascinated with our view of our own bloodstreams in the microscope, we should start taking sides, which would be fatal, because the health of our organism depends on the continuance of this battle. What is, in other words, conflict at one level of magnification, is harmony at a higher level. Now could it possibly be then that we, with all our problems, conflicts, neurosis, sicknesses, political outrages, wars, tortures and everything that goes on in human life are a state of conflict which can be seen in a larger perspective as a situation of harmony?”

I believe in our ability as a society to emerge from the oppressed and oppressors system. The only way to do so is to cease from seeing ourselves as victims of oppressive systems and understand that all information presented to us has been manipulated for various reasons. There is no absolute truth, and what we see as power struggles are actually an important part of forming a healthy society. That will allow us the flexibility to hear and include many voices and narratives, fearlessly.

⚑ – – – – – – πŸ‘

For my final project, This time I would like to avoid all political aspects and map the one thing which I think we can agree is the closest to an objective description. Clouds – using the weather API of the open weather map, and some nice illustrations.

– H.