Proj 2 - 3D Visualization
Posted: Thu Dec 31, 2020 4:33 pm
Proj 2 - 3D Visualization
The 3D visualization project consists in visualizing downloaded MySQL multi-dimensional data within a 3D space using the Java-based Processing language: https://processing.org/
------------------------------------------------------------------
SCHEDULE
1.19 Visual Language Overview, Intro to Processing
1.21 PeasyCam | 3D Processing demo
1.26 3D labeling, InfoGraph (to introduce camera perspective, and log() for data
1.28 Control P5 | 3D Treemap | Individual Meetings
2.02 Lab & Individual Meetings
2.04 3D Student project presentations (may extend to next class)
------------------------------------------------------------------
PROCESSING LIBRARIES
PeasyCam: is the Processing library that allows for the 3D spatialization and mouse interaction: http://mrfeinberg.com/peasycam/
Control P5: http://www.sojamo.de/libraries/controlP5/ to add buttons if needed
Color Sampler: http://tristen.ca/hcl-picker/#/hlc/6/1/A7E57C/2C4321
Some Processing functions for 3D:
P3D: https://processing.org/tutorials/p3d/
Translate, pushmatrix, popmatrix functions are introduced. Information about push, pop and translation can be found at: https://www.processing.org/tutorials/transform2d/
------------------------------------------------------------------
The MySQL Query
As with the previous assignment, you determine your topic for the data content but reconsider the query to provide multiple columns in your csv file as 3D space requires the following:
x value - for the horizontal location
y value - for the vertical location
z value - for the depth location
c value - for the color value
s value - for any other value such as the scale of the data
------------------------------------------------------------------
Some previous 3D Projects to review
http://vislab.mat.ucsb.edu/2020/p2/Lu_Ye/index.html, Yu le: "Movie Genre of the SPL"
--
http://vislab.mat.ucsb.edu/2020/p2/Evge ... nyNoi.html, Evgeny Noi: "Slow Readers"
--
http://vislab.mat.ucsb.edu/2020/p2/Guan ... index.html, Guanyu Chen: "True vs Prediction"
--
http://vislab.mat.ucsb.edu/2020/p2/Erin_Woo/index.html, Erin Woo: "Trends in Parasychology & the Occult at SPL"
--
http://vislab.mat.ucsb.edu/2017/p3/Kimberly/index.html, Kim Schlesinger: "Capital Bike Flow"
--
http://vislab.mat.ucsb.edu/2018/p2/Junx ... index.html, Junxiang Yao: "Star Wars Nebula"
--
http://vislab.mat.ucsb.edu/2017/p2/MertToka/index.html, Mert Toka: "Word Temperatures"
--
http://vislab.mat.ucsb.edu/2017/p2/Hann ... index.html, Hannah Wolfe: "Lost & Forgotten Books",
used word2vec: https://www.tensorflow.org/tutorials/text/word2vec
------------------------------------------------------------------
EVALUATION FEEDBACK
Your project will be reviewed according to these criteria. You can redo the project throughout the length of the course.
What are the conditions for a good grade?:
1) An interesting MySQL query
2) A working, interactive visualization in 3D in the java-based Processing environment
3) Data to determine the shape of the visual form: Let the metadata values determine where and how the data is to be organized within the 3D space, rather than to have a predetermined form
4) Visual Coherence: Visualization should follow standard design rules. Consider space, the function of color, clean fonts (Arial, Helvetica, Futura, etc.) Review examples at the course website: https://www.mat.ucsb.edu/~g.legrady/aca ... ences.html
CONTENT INNOVATION: your query question and outcomes. How original, engaging, unusual, your query, or your approach to the query may be, and how interesting the data may be. The data has to be multivariate, and granular (meaning a lot of data) so that we can see patterns forming in the data.
DESIGN: The design can build on our demos but hopefully go beyond. Areas of exploration are in how you use space, form, colors, data organization, timing, interaction, coherence, direction, etc.
COMPUTATION: The third evaluation is the computational component. First of all, the code needs to work. Special consideration will be for unusual, elegant expression, utilizing functions, algorithms, etc that you can introduce to the class.
------------------------------------------------------------------
Label your Documents
Please make sure to label your documents like csv files by the name of your project, or your name so we can identify where they come from
This is a lot to cover in the short time we have. Take one step at a time!
The 3D visualization project consists in visualizing downloaded MySQL multi-dimensional data within a 3D space using the Java-based Processing language: https://processing.org/
------------------------------------------------------------------
SCHEDULE
1.19 Visual Language Overview, Intro to Processing
1.21 PeasyCam | 3D Processing demo
1.26 3D labeling, InfoGraph (to introduce camera perspective, and log() for data
1.28 Control P5 | 3D Treemap | Individual Meetings
2.02 Lab & Individual Meetings
2.04 3D Student project presentations (may extend to next class)
------------------------------------------------------------------
PROCESSING LIBRARIES
PeasyCam: is the Processing library that allows for the 3D spatialization and mouse interaction: http://mrfeinberg.com/peasycam/
Control P5: http://www.sojamo.de/libraries/controlP5/ to add buttons if needed
Color Sampler: http://tristen.ca/hcl-picker/#/hlc/6/1/A7E57C/2C4321
Some Processing functions for 3D:
P3D: https://processing.org/tutorials/p3d/
Translate, pushmatrix, popmatrix functions are introduced. Information about push, pop and translation can be found at: https://www.processing.org/tutorials/transform2d/
------------------------------------------------------------------
The MySQL Query
As with the previous assignment, you determine your topic for the data content but reconsider the query to provide multiple columns in your csv file as 3D space requires the following:
x value - for the horizontal location
y value - for the vertical location
z value - for the depth location
c value - for the color value
s value - for any other value such as the scale of the data
------------------------------------------------------------------
Some previous 3D Projects to review
http://vislab.mat.ucsb.edu/2020/p2/Lu_Ye/index.html, Yu le: "Movie Genre of the SPL"
--
http://vislab.mat.ucsb.edu/2020/p2/Evge ... nyNoi.html, Evgeny Noi: "Slow Readers"
--
http://vislab.mat.ucsb.edu/2020/p2/Guan ... index.html, Guanyu Chen: "True vs Prediction"
--
http://vislab.mat.ucsb.edu/2020/p2/Erin_Woo/index.html, Erin Woo: "Trends in Parasychology & the Occult at SPL"
--
http://vislab.mat.ucsb.edu/2017/p3/Kimberly/index.html, Kim Schlesinger: "Capital Bike Flow"
--
http://vislab.mat.ucsb.edu/2018/p2/Junx ... index.html, Junxiang Yao: "Star Wars Nebula"
--
http://vislab.mat.ucsb.edu/2017/p2/MertToka/index.html, Mert Toka: "Word Temperatures"
--
http://vislab.mat.ucsb.edu/2017/p2/Hann ... index.html, Hannah Wolfe: "Lost & Forgotten Books",
used word2vec: https://www.tensorflow.org/tutorials/text/word2vec
------------------------------------------------------------------
EVALUATION FEEDBACK
Your project will be reviewed according to these criteria. You can redo the project throughout the length of the course.
What are the conditions for a good grade?:
1) An interesting MySQL query
2) A working, interactive visualization in 3D in the java-based Processing environment
3) Data to determine the shape of the visual form: Let the metadata values determine where and how the data is to be organized within the 3D space, rather than to have a predetermined form
4) Visual Coherence: Visualization should follow standard design rules. Consider space, the function of color, clean fonts (Arial, Helvetica, Futura, etc.) Review examples at the course website: https://www.mat.ucsb.edu/~g.legrady/aca ... ences.html
CONTENT INNOVATION: your query question and outcomes. How original, engaging, unusual, your query, or your approach to the query may be, and how interesting the data may be. The data has to be multivariate, and granular (meaning a lot of data) so that we can see patterns forming in the data.
DESIGN: The design can build on our demos but hopefully go beyond. Areas of exploration are in how you use space, form, colors, data organization, timing, interaction, coherence, direction, etc.
COMPUTATION: The third evaluation is the computational component. First of all, the code needs to work. Special consideration will be for unusual, elegant expression, utilizing functions, algorithms, etc that you can introduce to the class.
------------------------------------------------------------------
Label your Documents
Please make sure to label your documents like csv files by the name of your project, or your name so we can identify where they come from
This is a lot to cover in the short time we have. Take one step at a time!