{"id":6634,"date":"2023-10-10T00:33:58","date_gmt":"2023-10-10T00:33:58","guid":{"rendered":"https:\/\/handandmachine.org\/classes\/computational_fabrication\/?p=6634"},"modified":"2023-10-10T13:00:23","modified_gmt":"2023-10-10T13:00:23","slug":"jingbo-data-physicalization","status":"publish","type":"post","link":"https:\/\/handandmachine.org\/classes\/computational_fabrication\/2023\/10\/10\/jingbo-data-physicalization\/","title":{"rendered":"Jingbo &#8211;Data Physicalization"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">1) Visualization of the world&#8217;s birthrate:<\/h2>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"803\" height=\"1024\" src=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/10\/1-803x1024.png\" alt=\"\" class=\"wp-image-6650\" srcset=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/10\/1-803x1024.png 803w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/10\/1-235x300.png 235w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/10\/1-768x979.png 768w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/10\/1-920x1173.png 920w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/10\/1-575x733.png 575w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/10\/1-380x484.png 380w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/10\/1.png 936w\" sizes=\"auto, (max-width: 803px) 100vw, 803px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"769\" height=\"1024\" src=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/10\/1.1-769x1024.png\" alt=\"\" class=\"wp-image-6651\" srcset=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/10\/1.1-769x1024.png 769w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/10\/1.1-225x300.png 225w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/10\/1.1-768x1022.png 768w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/10\/1.1-920x1225.png 920w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/10\/1.1-575x766.png 575w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/10\/1.1-380x506.png 380w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/10\/1.1.png 987w\" sizes=\"auto, (max-width: 769px) 100vw, 769px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"683\" height=\"1024\" src=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/10\/1.3-683x1024.png\" alt=\"\" class=\"wp-image-6652\" srcset=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/10\/1.3-683x1024.png 683w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/10\/1.3-200x300.png 200w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/10\/1.3-768x1152.png 768w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/10\/1.3-920x1380.png 920w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/10\/1.3-575x863.png 575w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/10\/1.3-380x570.png 380w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/10\/1.3.png 932w\" sizes=\"auto, (max-width: 683px) 100vw, 683px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">The dataset is from Kaggle, which is avaliable <a href=\"https:\/\/www.kaggle.com\/datasets\/madhurpant\/world-population-data?select=life_expectancy.csv\" data-type=\"link\" data-id=\"https:\/\/www.kaggle.com\/datasets\/madhurpant\/world-population-data?select=life_expectancy.csv\">here<\/a>. The file used in this project is called life_expectancy, which contains life expectancy information of 165 countries. For each country, there are four vectors, male_life_expectancy, female_life_expectancy, birth_rate and death_rate. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For this project, I used only the birth_rate vector following the process from class. First of all, I plot different countries along the x axis and their birth rates along the y axis. The outer surface was then generated by spined the curve around the z axis. It was almost the same process after that, except that I adjusted the birth rate by subtracting a distance. As a result, I am able to obtain the inner surface of the object. Finally, I added a base.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">My first try failed because the wall, which is the distance between the outer surface and inner surface, is thin. The final project is still not perfect. More supports should be helpful in the furture.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">2) Side view of  Washington <\/h2>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"321\" height=\"416\" src=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/10\/1-1.png\" alt=\"\" class=\"wp-image-6653\" srcset=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/10\/1-1.png 321w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/10\/1-1-231x300.png 231w\" sizes=\"auto, (max-width: 321px) 100vw, 321px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"799\" height=\"1006\" src=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/10\/1.1-1.png\" alt=\"\" class=\"wp-image-6654\" srcset=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/10\/1.1-1.png 799w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/10\/1.1-1-238x300.png 238w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/10\/1.1-1-768x967.png 768w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/10\/1.1-1-575x724.png 575w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/10\/1.1-1-380x478.png 380w\" sizes=\"auto, (max-width: 799px) 100vw, 799px\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"796\" height=\"1024\" src=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/10\/1.2-796x1024.png\" alt=\"\" class=\"wp-image-6655\" srcset=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/10\/1.2-796x1024.png 796w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/10\/1.2-233x300.png 233w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/10\/1.2-768x987.png 768w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/10\/1.2-920x1183.png 920w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/10\/1.2-575x739.png 575w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/10\/1.2-380x489.png 380w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/10\/1.2.png 1106w\" sizes=\"auto, (max-width: 796px) 100vw, 796px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"509\" height=\"892\" src=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/10\/1.3-1.png\" alt=\"\" class=\"wp-image-6656\" srcset=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/10\/1.3-1.png 509w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/10\/1.3-1-171x300.png 171w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/10\/1.3-1-380x666.png 380w\" sizes=\"auto, (max-width: 509px) 100vw, 509px\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Based on the last two classes, I created the second project using a side view image of Washington. The most challenging part of this project is finding the right image to visualize. With only two colors, this picture is much easier to present as a beautiful and meaningful visual. A further challenge is that if I use the code from classes to bake, I only harvest a rectangular prism, as shown in the last figure. In order to bake the second project, I had to merge the wall and the upper surface together.\u00a0<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">3) Protein structure visualization<\/h2>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"755\" height=\"630\" src=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/10\/1-2.png\" alt=\"\" class=\"wp-image-6657\" srcset=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/10\/1-2.png 755w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/10\/1-2-300x250.png 300w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/10\/1-2-575x480.png 575w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/10\/1-2-380x317.png 380w\" sizes=\"auto, (max-width: 755px) 100vw, 755px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"885\" height=\"858\" src=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/10\/1.1-2.png\" alt=\"\" class=\"wp-image-6658\" srcset=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/10\/1.1-2.png 885w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/10\/1.1-2-300x291.png 300w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/10\/1.1-2-768x745.png 768w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/10\/1.1-2-575x557.png 575w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/10\/1.1-2-380x368.png 380w\" sizes=\"auto, (max-width: 885px) 100vw, 885px\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"818\" src=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/10\/1.2-1-1024x818.png\" alt=\"\" class=\"wp-image-6659\" srcset=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/10\/1.2-1-1024x818.png 1024w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/10\/1.2-1-300x240.png 300w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/10\/1.2-1-768x614.png 768w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/10\/1.2-1-920x735.png 920w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/10\/1.2-1-575x460.png 575w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/10\/1.2-1-380x304.png 380w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/10\/1.2-1.png 1076w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"579\" height=\"742\" src=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/10\/1.3-2.png\" alt=\"\" class=\"wp-image-6660\" srcset=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/10\/1.3-2.png 579w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/10\/1.3-2-234x300.png 234w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/10\/1.3-2-575x737.png 575w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/10\/1.3-2-380x487.png 380w\" sizes=\"auto, (max-width: 579px) 100vw, 579px\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">A protein called &#8220;1BOM&#8221; is shown in the picture. This picture was generated using ChimeraX, a software program for visualizing proteins. The protein structure was printed on a plain using a similar process to that used in project2. Similar to the projection of a protein\u2019s secondary structure on a plain, we can observe \u03b1 helix on it. The last one shows a failure due to a stuck filament.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Reflection<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The most significant difference is that I am able to touch the date. As an example, consider the third project.\u00a0 \u03b1-Helix refers to a second protein structure. Looking at the 2D image, I can visualize it as a spring-like structure. However, by printing it on plain, I am able to touch and feel the 3D structure. Therefore, this process is more conducive to the visualization of 3D structures. Additionally, visualization learning is an important component of learning. The best way to teach students what a cube is by showing them a cube; similarly, the best way to teach students what a protein is by showing them a protein structure. In this regard, 3D data visualization is the most effective method.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The codes are available <a href=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/10\/JingboLiangLA3.zip\" data-type=\"link\" data-id=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/10\/JingboLiangLA3.zip\">herehttps:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/10\/JingboLiangLA3.zip<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>1) Visualization of the world&#8217;s birthrate: The dataset is from Kaggle, which is avaliable here. The file used in this project is called life_expectancy, which contains life expectancy information of 165 countries. For each country, there are four vectors, male_life_expectancy, female_life_expectancy, birth_rate and death_rate. For this project, I used only the birth_rate vector following the process from class. First of [&hellip;]<\/p>\n","protected":false},"author":19,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[37,24],"tags":[],"class_list":["post-6634","post","type-post","status-publish","format-standard","hentry","category-data_phys_23","category-studentwork23"],"_links":{"self":[{"href":"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-json\/wp\/v2\/posts\/6634","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-json\/wp\/v2\/users\/19"}],"replies":[{"embeddable":true,"href":"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-json\/wp\/v2\/comments?post=6634"}],"version-history":[{"count":1,"href":"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-json\/wp\/v2\/posts\/6634\/revisions"}],"predecessor-version":[{"id":6700,"href":"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-json\/wp\/v2\/posts\/6634\/revisions\/6700"}],"wp:attachment":[{"href":"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-json\/wp\/v2\/media?parent=6634"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-json\/wp\/v2\/categories?post=6634"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-json\/wp\/v2\/tags?post=6634"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}