Simon game
Description
I know, this isn't a visualization, but it was an interview assignment which uses some CSS and JavaScript which is useful in D3 visualizations, and it's fun to play, so it earns a spot here.
Game play
When you click the "Start game" button, the left box should flash one color for 2 seconds, then another, until it has shown you 4 colors. E.g., green, yellow, blue, red, then transparent.
Then you should click on the colored boxes in the same order. If you do, you win. If you click 4 colors but not in the right order, you lose.
Other assigned requirements:
We want to permit multiple instances of this app to coexist on one page without interfering with one another.
Bar graph
Description
Resize your browser window to see this visualization change.
In this assignment I had to create a bar graph which adds a new bar every time the the graph's container is resized, and make each new bar's height be the same as the absolute difference between the container's height & width. No more than 50 bars should display. Once there are 50 bars, new bars should continue to be added, but the oldest bars should be removed to prevent the number of bars from exceeding 50. Bars should be given random colors. The X scale should display the number of bars, and the Y scale should display the bars' height in pixels. The whole SVG should be 80% of its container's height and width, and stay that way responsively.
Mortgage amortization schedule
In this assignment, I was to recreate http://daltonx.net/adrien/mortgage/ without looking at that visualization's code.