yijingc--Assignment 9

This is an interesting project. The ways you twisted are both implicit and explicit. I saw how the angle and the radius changed, but since it was a gradual change, I didn't expect the area changed so quick. When explicit things and implicit things are put together, it is more difficult for people to get the implicit parts. That is quite cool. Maybe you can consider these ways to improve audience experience:

1. Since you put a long time period into your data sheet, it was really hard for me to select every single year. Maybe you can create a button to go to the next year instead of letting audience keep clicking. Also, they may miss some important parts (like how the circle gets larger) if they don't click really carefully.

2. I think you can put 2 graphs in your project. The first one is only graph, but the second one is a graph with data (your current one). Audience can guess how much NASA spent every year, and then find out the truth (which may be surprisingly different, as your graph is misleading enough!) If people know the data, they may not care about the graph too much, or cannot notice the subtle difference.

In general, it seems that you know how to lie very well! It is really a cool project!

I like your project and especially how you allowed the viewer to interact with the data visualizer. We both utilized the misleading element of the donut graph representing percentages that seem to take from the same 100%. I think some things you could improve on would be to make it a little easier to select certain year ranges so the effect could be much stronger. In addition, maybe including percentages of the federal budget for other sectors of the government to further mystify the viewer.

You two bring up very valid suggestions for ways to improve the data visualization. Given more time and energy, I could make such improvements. There is a hacky, glitchy way of making every year easily visitable, though!

In the JavaScript code, replace these lines:
.on("change", function()
{
label.text("Year: " + this.value);
update();
})
;
With:
.on("input", function()
{
label.text("Year: " + this.value);
update();
})
;
This change makes the graph change every time the slider moves, rather than every time you release the mouse. You can drag the slider and see the years fly by, or you can use the arrow keys or page-up/page-down/home/end to increment the slider year-by-year! I say that this change is glitchy because the animation stutters if you change years faster than the animation runs.