Proj 2 - 3D Visualization
Posted: Wed Jan 19, 2022 12:31 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.18 Visual Language Overview, Intro to Processing
1.20 PeasyCam | 3D Processing demo
1.25 3D labeling and log() for data
1.27 Introduce assignment, InfoGraph demo (to introduce camera perspective) and student Concept Development
2.01 In Class: Individual meetings to discuss concepts - Elings Hall, 2nf Flr, rm 2611
2.03 Concept presentations to group
2.07 Post work-in-progress concept description and code in student forum
2.08 2 short demos: multiple color in curveVertext | JSON - informal lab work - individual meetings
2.10 3D Project Completion Presentation
2.13 Latest Post of 3D Project for mid-term grade
-----------------------------------------------------
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/
-----------------------------------------------------
LESSONS LEARNED
. How to import multi-column csv data into java-based Processing
. How to work with basics of visual language (form, space, color, lines, labeling, etc.)
. How to visualize data in 3D space
. Acquire skills in design
-----------------------------------------------------
The MySQL Query
. Ask an interesting question to query in the Seattle Library database
. Download as csv file a query that returns minimum 5 columns to have data for the following:
X - for the Horizontal location
Y - for the Vertical location
Z - for the Depth location
C - for the Color value
S - for any other value such as the Scale of the data
-----------------------------------------------------
Some previous 3D Projects to review https://vislab.mat.ucsb.edu/
Library geographic distribution. Data in 3D box with lines and curves
http://vislab.mat.ucsb.edu/2020/p2/Evge ... nyNoi.html, Evgeny Noi: "Slow Readers"
--
Irregular distribution of 641 Cookbooks Info Data
https://vislab.mat.ucsb.edu/2019/p2/Cha ... index.html
--
Prediction Analysis. Data that prioritizes curves
http://vislab.mat.ucsb.edu/2020/p2/Guan ... index.html, Guanyu Chen: "True vs Prediction"
--
Occult and Long Tube
http://vislab.mat.ucsb.edu/2020/p2/Erin_Woo/index.html, Erin Woo: "Trends in Parasychology & the Occult at SPL"
--
Correlating library data with external temperature
http://vislab.mat.ucsb.edu/2017/p2/MertToka/index.html, Mert Toka: "Word Temperatures"
--
Uses word2vec: https://www.tensorflow.org/tutorials/text/word2vec
http://vislab.mat.ucsb.edu/2017/p2/Hann ... index.html, Hannah Wolfe: "Lost & Forgotten Books"
----------------------------------------------------
EVALUATION
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) Be innovative - you can begin with an existing project but you must significantly change it so that it becomes something new
5) Visual Design: Consider space, the function of color, color relationships, 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! Let us know if you have any questions.
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.18 Visual Language Overview, Intro to Processing
1.20 PeasyCam | 3D Processing demo
1.25 3D labeling and log() for data
1.27 Introduce assignment, InfoGraph demo (to introduce camera perspective) and student Concept Development
2.01 In Class: Individual meetings to discuss concepts - Elings Hall, 2nf Flr, rm 2611
2.03 Concept presentations to group
2.07 Post work-in-progress concept description and code in student forum
2.08 2 short demos: multiple color in curveVertext | JSON - informal lab work - individual meetings
2.10 3D Project Completion Presentation
2.13 Latest Post of 3D Project for mid-term grade
-----------------------------------------------------
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/
-----------------------------------------------------
LESSONS LEARNED
. How to import multi-column csv data into java-based Processing
. How to work with basics of visual language (form, space, color, lines, labeling, etc.)
. How to visualize data in 3D space
. Acquire skills in design
-----------------------------------------------------
The MySQL Query
. Ask an interesting question to query in the Seattle Library database
. Download as csv file a query that returns minimum 5 columns to have data for the following:
X - for the Horizontal location
Y - for the Vertical location
Z - for the Depth location
C - for the Color value
S - for any other value such as the Scale of the data
-----------------------------------------------------
Some previous 3D Projects to review https://vislab.mat.ucsb.edu/
Library geographic distribution. Data in 3D box with lines and curves
http://vislab.mat.ucsb.edu/2020/p2/Evge ... nyNoi.html, Evgeny Noi: "Slow Readers"
--
Irregular distribution of 641 Cookbooks Info Data
https://vislab.mat.ucsb.edu/2019/p2/Cha ... index.html
--
Prediction Analysis. Data that prioritizes curves
http://vislab.mat.ucsb.edu/2020/p2/Guan ... index.html, Guanyu Chen: "True vs Prediction"
--
Occult and Long Tube
http://vislab.mat.ucsb.edu/2020/p2/Erin_Woo/index.html, Erin Woo: "Trends in Parasychology & the Occult at SPL"
--
Correlating library data with external temperature
http://vislab.mat.ucsb.edu/2017/p2/MertToka/index.html, Mert Toka: "Word Temperatures"
--
Uses word2vec: https://www.tensorflow.org/tutorials/text/word2vec
http://vislab.mat.ucsb.edu/2017/p2/Hann ... index.html, Hannah Wolfe: "Lost & Forgotten Books"
----------------------------------------------------
EVALUATION
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) Be innovative - you can begin with an existing project but you must significantly change it so that it becomes something new
5) Visual Design: Consider space, the function of color, color relationships, 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! Let us know if you have any questions.