P1 Completed Project Post

    Car crashes are never a good thing, and can put someone into serious harm or financial trouble. And while Manhattan is known for its skylines and beautiful attractions, they busy streets can cause a lot of car accidents. I wanted my visual to remind people to drive more carefully, be more aware of your surroundings, and to always make sure your are driving to the best of your ability. You can move the slider in the window to change the date of information. The information changing is the number of car accidents that happened in Manhattan on that certain day, and that is conveyed both with the number and the bar that moves.

I started with a single container, with a slider inside. The slider will make the interactivity, with the container background showing all the visuals. The slider connects to a panel chop, which connects to two different math chops. One math chop changes the slider for the x-position, and the second one changes the slider range for the date-to-crash number conversion. Both are connected to nulls for outputting.

I imported the CSV data through a table, and moved both columns through a select. One select holds the date, and outputs its select_date value to a text so it will show on the background. The second select holds the crash numbers, and moves through the rows based on the second slider null.

For the information background, I have a series of texts going into transforms so I can control their content, position, and size. Along with a movieFileIn, which holds my photo, I put them all into a composite container to be my background.

I have a TOP rectangle connected to a transform to be my changing pillar. The x-transform is connected to a chop export based from the position null. The y-scale is connected to the crash-count null chop. This makes the slider move left to right with the date, and change the size based on the number of crashes that happened during that day. 

Both the previous two parts are put into a second composite where they overlap and give the full background. They are then ported into the container, and put through the window the make its own interactive section.



Citations:
Data source: Manhattan Crashes
Image source: Crash Image

Comments

Post a Comment

Popular posts from this blog

Final Project: Reusing the Snake board design to create Tetris with the Arduino

Image
      This project is my final one, and I am super happy and sad to be at the end. I have learned so much in this course, and also had so much fun. There was a lot of creativity and design in making these projects, and I got to work hands on in NMID for the first time, which is something I will never say no to. This project layout will be the one I keep my Arduino as. The board setup works between my Snake and Tetris code, and is a great way to show what I learned in this class. The components for this one are the same as the Snake Arduino setup. The joystick is necessary for movement controls, like it was in Snake. Left and right move the pieces, down sends the pieces downwards, and up rotates the pieces so you can control their fit. The 8x8 LED array is meant to convey what the current game-board looks like, and when your current piece under control is moving. The last parts are the wire connectors, which connect the 5v, Ground, 8x8 LED array, and Joystick all to the Ar...
Read more

Art Meets Engineering: Using an Arduino compatible microphone to create light based on sound

Image
      This weeks project was based on using good engineering principals to create art. I tend not to be a very artistic person in general, but when I thought about art, I tend to think of movies, and moving colors, so I can up with the idea for colors to move based on the "strength" of your voice. While the piezo can detect stuff such as taps, I needed a microphone to detect actual sound input, so I had to order one off of Amazon. In the parts diagram below, swap out the piezo for the microphone, but everything else is exactly what I used. I connected all the regular LED's to digital pins 2-8 and 12, so that way I could just send a simple High/Low when I needed them on or off. I connected the RGB LED's pins to digital 9-11, so that way I could use the PWM technique to get analog results from a digital pin. I connected the final pin to ground. The microphone is connected to the 5V, ground, 0 digital pin, and the A0 analog pin to out put the digital and analog results. ...
Read more