{"id":1605,"date":"2017-02-13T22:22:33","date_gmt":"2017-02-13T22:22:33","guid":{"rendered":"http:\/\/xscotta.com\/pfolio\/?page_id=1605"},"modified":"2021-05-02T13:44:57","modified_gmt":"2021-05-02T13:44:57","slug":"miscellaneous-infographics","status":"publish","type":"page","link":"https:\/\/xscotta.com\/pfolio\/miscellaneous-infographics\/","title":{"rendered":"Miscellaneous Infographics"},"content":{"rendered":"

[vc_row row_type=”full_width” type=”container” el_class=”bk1″][vc_column width=”1\/2″][vc_column_text]<\/p>\n

Miscellaneous Infographics<\/h1>\n

A selection of random infographics, visualizing a school\u2019s MCAS results, visualizing a doctor\u2019s AIDS treatment research, and a set of visuals developed while teaching graphic design to 6th graders.[\/vc_column_text][\/vc_column][vc_column width=”1\/2″][\/vc_column][\/vc_row][vc_row row_type=”full_width” type=”container” el_class=” “][vc_column width=”1\/3”][vc_column_text]<\/p>\n

NHCS MCAS Results<\/h1>\n

[\/vc_column_text][\/vc_column][vc_column width=”1\/3″][vc_column_text]Visualization of a schools MCAS results in comparison to Boston public schools, and all MA public schools. Used by the school in its annual reporting.[\/vc_column_text][\/vc_column][vc_column width=”1\/3″][vc_single_image image=”1606″ img_size=”full” onclick=”custom_link” link=”http:\/\/xscotta.com\/pfolio\/wp-content\/uploads\/2017\/02\/NHCS2014_03.jpg”][\/vc_column][\/vc_row][vc_row row_type=”full_width” type=”container” el_class=” bk1″][vc_column width=”1\/3″][vc_column_text]<\/p>\n

Digital Heat Map<\/h1>\n

[\/vc_column_text][\/vc_column][vc_column width=”1\/3″][vc_column_text]An exploration of SVG and Javascript to visualize data in a CSV format. The periodic table version of the US is created in Illustrator and exported to SVG code. Data from the CSV file is mapped to the SVG assets, color is assigned from a scale based on the data. Radio buttons re-map data from different columns in the spreadsheet. Color buttons are created to allow control over the color scale. This employs CSS transforms best viewed with Safari and\/or Chrome.[\/vc_column_text][\/vc_column][vc_column width=”1\/3″][vc_single_image image=”2034″ img_size=”full” onclick=”custom_link” link=”\/pfolio\/wp-content\/stuff\/heatmap\/heatmap.html”][\/vc_column][\/vc_row][vc_row row_type=”full_width” type=”container” el_class=” “][vc_column width=”1\/3”][vc_column_text]<\/p>\n

MIT Centennial Map
\n100 years of MIT<\/h1>\n

[\/vc_column_text][\/vc_column][vc_column width=”1\/3″][vc_column_text]A digital version of a print piece to celebrate 100 years since MIT moved to Cambridge. Vectors were created from maps of the campus from various decades and aligned to show how the campus changed over the years. Checkboxes, styled as radio buttons control turning each layer on\/off.[\/vc_column_text][\/vc_column][vc_column width=”1\/3″][vc_single_image image=”2036″ img_size=”full” onclick=”custom_link” link=”\/pfolio\/wp-content\/stuff\/mitmap\/Centennial-Maps-2.html”][\/vc_column][\/vc_row][vc_row row_type=”full_width” type=”container” el_class=”bk1″][vc_column width=”1\/3″][vc_column_text]<\/p>\n

Treating AIDS\u00a0in Soweto, Africa<\/h1>\n

[\/vc_column_text][\/vc_column][vc_column width=”1\/3″][vc_column_text]Visualization of\u00a0how a population is tested for AIDS, qualified\u00a0for treatment, and the reasons they then give to not\u00a0proceed with treatment. Used in a successful research grant proposal.[\/vc_column_text][\/vc_column][vc_column width=”1\/3″][vc_single_image image=”1900″ img_size=”full” onclick=”custom_link” link=”http:\/\/xscotta.com\/pfolio\/wp-content\/uploads\/2017\/02\/HIV_SOWETO.jpg”][\/vc_column][\/vc_row][vc_row row_type=”full_width” type=”container”][vc_column width=”1\/3″][vc_column_text]<\/p>\n

Teaching infographics
\nto 6th-grade students
\n\u2014part 1<\/h1>\n

[\/vc_column_text][\/vc_column][vc_column width=”1\/3″][vc_column_text]Visualization of\u00a0what I drank for an entire week to demonstrate various ways of representing the same data. Part of my thesis prestudy phase.[\/vc_column_text][\/vc_column][vc_column width=”1\/3″][vc_single_image image=”1613″ img_size=”full” onclick=”custom_link” link=”http:\/\/xscotta.com\/pfolio\/wp-content\/uploads\/2017\/02\/ps05.jpg”][\/vc_column][\/vc_row][vc_row row_type=”full_width” type=”container” el_class=”bk1″][vc_column width=”1\/3″][vc_column_text]<\/p>\n

Teaching infographics
\nto 6th-grade students
\n\u2014part 2<\/h1>\n

[\/vc_column_text][\/vc_column][vc_column width=”1\/3″][vc_column_text]Visualization of\u00a0what students answered to 6 questions of preference, mapped to their geographical route to school, to demonstrate what a generative form is, and how personal data can be useful to companies.[\/vc_column_text][\/vc_column][vc_column width=”1\/3″][vc_single_image image=”1618″ img_size=”full” onclick=”custom_link” link=”http:\/\/xscotta.com\/pfolio\/wp-content\/uploads\/2017\/02\/ps07.jpg”][\/vc_column][\/vc_row][vc_row row_type=”full_width” type=”container”][vc_column width=”1\/3″][vc_column_text]<\/p>\n

Teaching infographics
\nto 6th-grade students
\n\u2014part 3<\/h1>\n

[\/vc_column_text][\/vc_column][vc_column width=”1\/3″][vc_column_text]An abstract visualization of\u00a0what students drank for an entire week, moving from 2 to 4 dimensions, and making it interactive.[\/vc_column_text][\/vc_column][vc_column width=”1\/3″][vc_single_image image=”1616″ img_size=”full” onclick=”custom_link” link=”http:\/\/xscotta.com\/pfolio\/wp-content\/uploads\/2017\/02\/ps06.jpg”][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"

[vc_row row_type=”full_width” type=”container” el_class=”bk1″][vc_column width=”1\/2″][vc_column_text] Miscellaneous Infographics A selection of random infographics, visualizing a school\u2019s MCAS results, visualizing a doctor\u2019s AIDS treatment research, and a set of visuals developed while teaching graphic design to 6th graders.[\/vc_column_text][\/vc_column][vc_column width=”1\/2″][\/vc_column][\/vc_row][vc_row row_type=”full_width” type=”container” el_class=” “][vc_column width=”1\/3”][vc_column_text] NHCS MCAS Results [\/vc_column_text][\/vc_column][vc_column width=”1\/3″][vc_column_text]Visualization of a schools MCAS results in comparison to […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-page-full.php","meta":[],"_links":{"self":[{"href":"https:\/\/xscotta.com\/pfolio\/wp-json\/wp\/v2\/pages\/1605"}],"collection":[{"href":"https:\/\/xscotta.com\/pfolio\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/xscotta.com\/pfolio\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/xscotta.com\/pfolio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xscotta.com\/pfolio\/wp-json\/wp\/v2\/comments?post=1605"}],"version-history":[{"count":44,"href":"https:\/\/xscotta.com\/pfolio\/wp-json\/wp\/v2\/pages\/1605\/revisions"}],"predecessor-version":[{"id":2327,"href":"https:\/\/xscotta.com\/pfolio\/wp-json\/wp\/v2\/pages\/1605\/revisions\/2327"}],"wp:attachment":[{"href":"https:\/\/xscotta.com\/pfolio\/wp-json\/wp\/v2\/media?parent=1605"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}