{"componentChunkName":"component---narative-gatsby-theme-novela-src-templates-article-template-tsx","path":"/Global-Terrorism-Visualization","result":{"data":{"allSite":{"edges":[{"node":{"siteMetadata":{"name":"Aniket Handa"}}}]}},"pageContext":{"article":{"id":"ce0a46a3-6c9b-543e-85c2-cd7bfca8caf5","slug":"/Global-Terrorism-Visualization","secret":false,"title":"Global Terrorism Visualization","author":"Aniket Handa","date":"2014","dateForSEO":"2014-02-10T00:00:00.000Z","timeToRead":3,"excerpt":"78,433 people were killed due to Terrorism during the past decade. 24,144 in Iraq alone!","canonical_url":null,"subscription":true,"body":"function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsx mdx */\nvar _frontmatter = {\n  \"title\": \"Global Terrorism Visualization\",\n  \"excerpt\": \"78,433 people were killed due to Terrorism during the past decade. 24,144 in Iraq alone!\",\n  \"date\": \"2014-02-10T00:00:00.000Z\",\n  \"category\": \"Front-end Development\",\n  \"tags\": [\"D3.js\", \"JavaScript\"],\n  \"author\": \"Aniket Handa\",\n  \"links\": [{\n    \"label\": \"Live Link\",\n    \"link\": \"http://cse512-14w.github.io/a3-chaoyu-aniket\"\n  }],\n  \"hero\": \"./viz.png\",\n  \"noImage\": true\n};\n\nvar makeShortcode = function makeShortcode(name) {\n  return function MDXDefaultShortcode(props) {\n    console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n    return mdx(\"div\", props);\n  };\n};\n\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n      props = _objectWithoutProperties(_ref, [\"components\"]);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"h2\", {\n    \"id\": \"interaction\"\n  }, \"Interaction\"), mdx(\"p\", null, \"The Visualization focuses on discovering important trends and events that shaped the history due to Terrorism. It also tries to make user conscious about the number of unnecessary lives lost due to these unfortunate events. \"), mdx(\"p\", null, mdx(\"span\", _extends({\n    parentName: \"p\"\n  }, {\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"1055px\"\n    }\n  }), \"\\n      \", mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"56.6824644549763%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAIAAADwazoUAAAACXBIWXMAAAsSAAALEgHS3X78AAABxElEQVQoz3VRTU/bQBD1r+XCiQNwQUj8AITEOQeEVClSFBQKbZMmslpZ1GmCE2cd12uvvXYSg1JIXMchyueBZy9ULWqfd0c7u/PmzYyl1Wq1Xq8n8WTQ6/8cPkTjCGs8wo5+4RtHo8f0HMdxFEUj4OExSZJVBmmxWCyXy/l83u/1ETTNkEySp+nTbDYTFqnDMJzEMc7TZIrgzWYDojQcDt0MzWaza3Z930ecDTiOaZqEEK3d/lSpvMvnvyiKYdFGq3Wr660OGdzdScy2wXQcBxYUSqnneXAZw4uDm26nQzSNfFNvLi/lXK5+fd0oVzRZpoRIzLJA817hugyLc48LPwjqxeL7/f2PR0elnZ3C1lZxe/vD4eHXXI7IssT5S1gqZFkZ38X2g8BQVaKqlmHUTk+rJydauewyRg3jR7sdhGEPZb8ocu5Q2qpWbdMUI/AHA7VQKO3tKWdnyvn55+Pjq4ODbqOBInkQpAGcS78LBh+3Rr2u1Wrc9yGOdDf5fGl39/vFRe/+Hk1S07TRJmMIx2j/ILsuOJaum5omyKn1PF1RnGyKqcu5m/WFcf5NftUXzyKd0BdSb/Avctaw938IWfxLdPkMMWAruMlYwtkAAAAASUVORK5CYII=')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  })), \"\\n  \", mdx(\"picture\", {\n    parentName: \"span\"\n  }, \"\\n        \", mdx(\"source\", _extends({\n    parentName: \"picture\"\n  }, {\n    \"srcSet\": [\"/static/85b39184f7f75183b80dfe580d4cfcad/fdb91/terror1.webp 1055w\"],\n    \"sizes\": \"(max-width: 1055px) 100vw, 1055px\",\n    \"type\": \"image/webp\"\n  })), \"\\n        \", mdx(\"source\", _extends({\n    parentName: \"picture\"\n  }, {\n    \"srcSet\": [\"/static/85b39184f7f75183b80dfe580d4cfcad/60b63/terror1.png 1055w\"],\n    \"sizes\": \"(max-width: 1055px) 100vw, 1055px\",\n    \"type\": \"image/png\"\n  })), \"\\n        \", mdx(\"img\", _extends({\n    parentName: \"picture\"\n  }, {\n    \"className\": \"gatsby-resp-image-image\",\n    \"src\": \"/static/85b39184f7f75183b80dfe580d4cfcad/60b63/terror1.png\",\n    \"alt\": \"image\",\n    \"title\": \"image\",\n    \"loading\": \"lazy\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    }\n  })), \"\\n      \"), \"\\n    \")), mdx(\"p\", null, \"We try to accomplish this by showing multiple views of the large dataset - \"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"The Global Map view - Shows the world map with color encoded countries according to number of killings over the selected period of time. \"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Country Wise view - Shows circle graphs over the selected period of time. \"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Brushing tool - Shows a bar graph of total killings in every month.\")), mdx(\"p\", null, \"The purpose of all these three views is different. The Map view shows the high level effect on countries due to terrorism, whereas the Country wise view concentrates on comparison, ordering, discovering trends of events between two or more countries, and also it facilitates finding the event which caused the mishap. While these two views focus over a period of time, the Brushing tool helps constantly see the visualization over the full period. It also helps in controlling the other two views.\"), mdx(\"p\", null, \"The visualization features basically three interaction techniques:\"), mdx(\"p\", null, mdx(\"em\", {\n    parentName: \"p\"\n  }, \"1. Brush:\"), \" \"), mdx(\"p\", null, \"To brush and link multiple views we use a timeline as a background, which starts from first day of Jan, 2000 to Jan, 2011. It supports \"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Expansion of the current selection in either direction, \"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Dragging of the span over the timeline, and \"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Clicking outside the span selects that particular month.  \")), mdx(\"p\", null, mdx(\"em\", {\n    parentName: \"p\"\n  }, \"2. Select:\")), mdx(\"p\", null, \"To afford comparison and trend discovery between event happenings in two or more countries users can select countries by clicking them on the world map. This adds the country to the country wise view of the visualization.\"), mdx(\"p\", null, mdx(\"em\", {\n    parentName: \"p\"\n  }, \"3. Hover:\")), mdx(\"p\", null, \"Details on demand - Hovering over a country in the World Map reveals the total number of killings in that country over the period. Also, hovering over a data point in  the country wise view reveals more information about the event w.r.t. to the data point. \"), mdx(\"p\", null, mdx(\"span\", _extends({\n    parentName: \"p\"\n  }, {\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"878px\"\n    }\n  }), \"\\n      \", mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"70.95671981776765%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOCAIAAACgpqunAAAACXBIWXMAAAsSAAALEgHS3X78AAACqElEQVQoz01Sy07bUBD1f7BmwYY14g9YsOMLYMkWCSEWCIEUIiFoU0HopooalRKBIkhLIA9sJziqSezYsX3tOH4mtfNo4jiwIG1XnThq1dHo6s6dOWdmji72O7C247rfXW8wHPmj4cT8l+cXP7ChNxx6cPreYACJfq8/6A+mKGw8Hv8cj73+QEay4zht1227bfBOp9OdeLfT7nTbnbbjeD/6L/5o5A2fff8XwF5fsU6vZ7luwzDSd+lisciwDMdzNE1TFAUhTuCZXC5xdXV+eYmXSqKul3meEQROlluui2mqKpCkzLCmaaqKUkfIsi3DMEzD1HVD13VFFEWGYbPZ4vmn291d6uIznUoxt18lmsZUSUrv79PJZO3xkcNxuVqVqlUjsIaimLb9cHr6fnHxw9LSu/n5N7OzhzMzZwsLNxsb3xIJzLQsq9ls9Xq3Oztv5+YuVlelchka2o5TTqXo62s2l7tcX78LhVJbW9nDQ3B4gazVamHQASY3TFPhuPtQCAAWJJpNSN+Hw4m1tS/b2zebm+m9vdjycu74mCdJ23W1RgMaYNMJYTnYGfpzBJE9OhJKJV3TZI6D+8eVFSoeBy5VFGsUBa7w/BT0FwxwTYMVZJYlotFMONwAPbtdniDykYhSqwE1ZEEgYFQR+g8cyPoPD/MABSwCIYwHffSpaZoRUASIST02obRt2N6wLLvV0i1LMwwINVgkqNMCRoBBgWXbenABh3esrqoyw1Tz+Ur+QSCIyn2GI0hE0wLLSPQTYhiBZeVKhcXxKkEIBbKcyYgUxZGkyPGYKIiI59HTk4ZQnedBFThrBFFOJh9jsVI8TsViZDQ68bMz/OQkFw5nDw7wSARqMIQQ4GuFwuRX2TZMaAbbgmANhEAbEAku0xBOCOuSNHms1/8AwAWeGZsFRhMAAAAASUVORK5CYII=')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  })), \"\\n  \", mdx(\"picture\", {\n    parentName: \"span\"\n  }, \"\\n        \", mdx(\"source\", _extends({\n    parentName: \"picture\"\n  }, {\n    \"srcSet\": [\"/static/c4f2ad11c9233d7f59dc5e16e99a829f/e432d/terror2.webp 878w\"],\n    \"sizes\": \"(max-width: 878px) 100vw, 878px\",\n    \"type\": \"image/webp\"\n  })), \"\\n        \", mdx(\"source\", _extends({\n    parentName: \"picture\"\n  }, {\n    \"srcSet\": [\"/static/c4f2ad11c9233d7f59dc5e16e99a829f/1b434/terror2.png 878w\"],\n    \"sizes\": \"(max-width: 878px) 100vw, 878px\",\n    \"type\": \"image/png\"\n  })), \"\\n        \", mdx(\"img\", _extends({\n    parentName: \"picture\"\n  }, {\n    \"className\": \"gatsby-resp-image-image\",\n    \"src\": \"/static/c4f2ad11c9233d7f59dc5e16e99a829f/1b434/terror2.png\",\n    \"alt\": \"image\",\n    \"title\": \"image\",\n    \"loading\": \"lazy\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    }\n  })), \"\\n      \"), \"\\n    \")), mdx(\"h2\", {\n    \"id\": \"dataset\"\n  }, \"Dataset\"), mdx(\"p\", null, \"The visualization heavily depends upon dataset acquired from \", mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"http://www.start.umd.edu/gtd\",\n    \"target\": \"_blank\",\n    \"rel\": \"noreferrer\"\n  }), \"Global Terrorism Database\"), \" (GTD, University of Maryland). It is currently the most comprehensive unclassified data base on over 113,000 terrorist events, occurred between 1970 and 2012 in the world.\"), mdx(\"p\", null, \"Each event consists information on the date, location, number of people killed and injured, weapons used, intention, group or individual involved, target, summary, cites, etc.\"), mdx(\"p\", null, \"The dataset was cleaned before being directly used. Many required values were \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"null\"), \" or inconsistent. For example, some of the 3 Letter country codes from the database were not matching to that in the \", mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"http://datamaps.github.io/\",\n    \"target\": \"_blank\",\n    \"rel\": \"noreferrer\"\n  }), \"Datamap\"), \" object.\"), mdx(\"h2\", {\n    \"id\": \"running-instructions\"\n  }, \"Running Instructions\"), mdx(\"p\", null, \"Access the visualization \", mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"http://cse512-14w.github.io/a3-chaoyu-aniket/\",\n    \"target\": \"_blank\",\n    \"rel\": \"noreferrer\"\n  }), \"here\"), \". View it in full screen for better experience.\"), mdx(\"p\", null, mdx(\"em\", {\n    parentName: \"p\"\n  }, \"or\"), \" \"), mdx(\"p\", null, \"Download this repository and run \"), mdx(\"p\", null, mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"python -m SimpleHTTPServer 9000\"), \" \"), mdx(\"p\", null, \"at the root and access the visualization from \", mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"http://localhost:9000/\",\n    \"target\": \"_blank\",\n    \"rel\": \"noreferrer\"\n  }), \"http://localhost:9000/\"), \" using your favorite web browser. \"), mdx(\"h2\", {\n    \"id\": \"story-board\"\n  }, \"Story Board\"), mdx(\"p\", null, \"We started off with data search and found many datasets which called our attention. But before finalizing on one we briefly explored all of them using Tableau.\"), mdx(\"h4\", {\n    \"id\": \"exploration\"\n  }, \"Exploration\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"World Map representing countries with more killings (nkill) by more red.\\n\", mdx(\"img\", _extends({\n    parentName: \"p\"\n  }, {\n    \"src\": \"https://raw.github.com/CSE512-14W/a3-chaoyu-aniket/master/images/tableau/Sheet%207.png\",\n    \"alt\": \"Sheet 7\"\n  })))), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"A time stream representing the trend\\n\", mdx(\"img\", _extends({\n    parentName: \"p\"\n  }, {\n    \"src\": \"https://raw.github.com/CSE512-14W/a3-chaoyu-aniket/master/images/tableau/Sheet%205.png\",\n    \"alt\": \"Sheet 5\"\n  })))), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Heat Map of all countries w.r.t. to time, colored according to number of killings.\\n\", mdx(\"img\", _extends({\n    parentName: \"p\"\n  }, {\n    \"src\": \"https://raw.github.com/CSE512-14W/a3-chaoyu-aniket/master/images/tableau/Sheet%204.png\",\n    \"alt\": \"Sheet 4\"\n  })))), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Bubble Chart\\n\", mdx(\"img\", _extends({\n    parentName: \"p\"\n  }, {\n    \"src\": \"https://raw.github.com/CSE512-14W/a3-chaoyu-aniket/master/images/tableau/Sheet%201.png\",\n    \"alt\": \"Sheet 1\"\n  }))))), mdx(\"p\", null, \"While exploring these charts using Tableau we also simulated them using pages year wise to evaluate various interactions possible.\"), mdx(\"h4\", {\n    \"id\": \"sketching\"\n  }, \"Sketching\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"During Brainstorm\", mdx(\"br\", {\n    parentName: \"p\"\n  }), \"\\n\", mdx(\"img\", _extends({\n    parentName: \"p\"\n  }, {\n    \"src\": \"https://raw.github.com/CSE512-14W/a3-chaoyu-aniket/master/images/sketch/s1.jpg\",\n    \"alt\": \"S1\"\n  })))), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Final sketch before we started coding\\n\", mdx(\"img\", _extends({\n    parentName: \"p\"\n  }, {\n    \"src\": \"https://raw.github.com/CSE512-14W/a3-chaoyu-aniket/master/images/sketch/s2.jpg\",\n    \"alt\": \"S2\"\n  }))))), mdx(\"p\", null, \"The top portion is a timeline wherein one can select the months from 2000 to 2010. It is used to brush below two visualizations. It affords all the interactions mentioned above.   \"), mdx(\"h4\", {\n    \"id\": \"changes-between-storyboard-and-the-final-implementation\"\n  }, \"Changes between Storyboard and the Final Implementation\"), mdx(\"p\", null, \"There are not any significant changes between the final sketch and the final implementation. Though there were some subtle changes in placement of various elements, the colors, the scale used. But, the overall interaction, views and underlining objective remained the same.\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Its hard to sketch colors and exactly understand how they will be perceived without an actual running prototype. We didn\\u2019t consider the use of log scale for color encoding, until we saw the running visualization.\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"We first envisioned the country wise visualization to be similar to time stream from Tableau (above), but we ended up plotting translucent circles with size dependent upon killings to represent each event.\")), mdx(\"h2\", {\n    \"id\": \"development-process\"\n  }, \"Development Process\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"The first task was to mutually decide what basic information is needed from the large dataset to produce the designed visualization. The data format was also decided.\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Then, we hopped onto data cleaning and generated CSVs and JSONs of the required data.\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"We decided the project into three milestones. First, basic world map representing the data. Second, brushed and linked map. Third, select countries and visualize.\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"While, one person was cleaning the data, other was readying the basic front of the world map waiting for the data.\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"The next step, after integrating the data with the map, was to implement the brushing feature.\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"After this, the country selection feature was implemented.\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Then we briefly worked upon aesthetics and colors of the visualization.\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Finally, we made trend visualization of the selected countries. \")), mdx(\"h4\", {\n    \"id\": \"technologies-used\"\n  }, \"Technologies used\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"D3.js\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", _extends({\n    parentName: \"li\"\n  }, {\n    \"href\": \"http://datamaps.github.io/\",\n    \"target\": \"_blank\",\n    \"rel\": \"noreferrer\"\n  }), \"Datamap\")), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"underscore.js\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Twitter Bootstrap\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"jQuery\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Ruby\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Tableau (for exploration)\")), mdx(\"p\", null, mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Time Consuming Aspects\")), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Brainstorming & Designing\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Learning D3\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Data exploration and then cleaning\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Dirty hack to select countries on the Datamap\")), mdx(\"h4\", {\n    \"id\": \"future-work\"\n  }, \"Future Work\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Details on demand about the event, upon hovering on circles\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Show news articles (using NYT API?) based upon events\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Highlight the countries in selection\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Optimize algorithm and queries\")));\n}\n;\nMDXContent.isMDXComponent = true;","tags":["D3.js","JavaScript"],"links":[{"label":"Live Link","link":"http://cse512-14w.github.io/a3-chaoyu-aniket"}],"category":"Front-end Development","present":false,"noImage":true,"hero":{"full":{"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAICAYAAAD5nd/tAAAACXBIWXMAAAsTAAALEwEAmpwYAAABW0lEQVQoz42SS2sCUQyF/dP+DBfu1LVFt90UsZS2Kii+dcZ5v9WZURQUu+5pzkXBIoUuQi73Jl9OclM4nU6gnc9nHI9H7Pd7xHGMLMtwOByQJImyNE0RbTawPQ9OECDebpGs18jznLnfl8uFnK/CPZAg2zShTaewxHuS/FSv47PbhS/nTrOJ12oVL6USOo2GigvCkPm/gYTRE+i6Lnzfh9bvY9nrwZeE1XiMcauFj1oNz8Ui3spl6IMBPIkNo+h/QNdxsJpMVJI5n+O9UsGk3YYmIGu1QiCx7CCUgg8t34CclS/zoapAKtO7TJJZeVKExjmyTZ4ZGwn4QeEN6to29NEIlijSh0Ol0NF1GDIrYzaDtVjA1jQY8m7NF0q5I2ofFV6B/BBCTDFDzFou4RiG8oSxEM+2QPjO2bry/mfLXJV8t1OexlVJpcVMViOVNVH3cpdd77dcG4m/b/kHQy8/hbdTu2wAAAAASUVORK5CYII=","aspectRatio":2.5281757402101244,"src":"/static/9f5e35a008a1ad623da12470ad0f1577/f4f8c/viz.png","srcSet":"/static/9f5e35a008a1ad623da12470ad0f1577/206f6/viz.png 236w,\n/static/9f5e35a008a1ad623da12470ad0f1577/84032/viz.png 472w,\n/static/9f5e35a008a1ad623da12470ad0f1577/f4f8c/viz.png 944w,\n/static/9f5e35a008a1ad623da12470ad0f1577/513fc/viz.png 1416w,\n/static/9f5e35a008a1ad623da12470ad0f1577/6eada/viz.png 1888w,\n/static/9f5e35a008a1ad623da12470ad0f1577/83486/viz.png 2647w","srcWebp":"/static/9f5e35a008a1ad623da12470ad0f1577/99fbb/viz.webp","srcSetWebp":"/static/9f5e35a008a1ad623da12470ad0f1577/77392/viz.webp 236w,\n/static/9f5e35a008a1ad623da12470ad0f1577/1f177/viz.webp 472w,\n/static/9f5e35a008a1ad623da12470ad0f1577/99fbb/viz.webp 944w,\n/static/9f5e35a008a1ad623da12470ad0f1577/4a492/viz.webp 1416w,\n/static/9f5e35a008a1ad623da12470ad0f1577/b0b8f/viz.webp 1888w,\n/static/9f5e35a008a1ad623da12470ad0f1577/21f13/viz.webp 2647w","sizes":"(max-width: 944px) 100vw, 944px"},"regular":{"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAICAYAAAD5nd/tAAAACXBIWXMAAAsTAAALEwEAmpwYAAABW0lEQVQoz42SS2sCUQyF/dP+DBfu1LVFt90UsZS2Kii+dcZ5v9WZURQUu+5pzkXBIoUuQi73Jl9OclM4nU6gnc9nHI9H7Pd7xHGMLMtwOByQJImyNE0RbTawPQ9OECDebpGs18jznLnfl8uFnK/CPZAg2zShTaewxHuS/FSv47PbhS/nTrOJ12oVL6USOo2GigvCkPm/gYTRE+i6Lnzfh9bvY9nrwZeE1XiMcauFj1oNz8Ui3spl6IMBPIkNo+h/QNdxsJpMVJI5n+O9UsGk3YYmIGu1QiCx7CCUgg8t34CclS/zoapAKtO7TJJZeVKExjmyTZ4ZGwn4QeEN6to29NEIlijSh0Ol0NF1GDIrYzaDtVjA1jQY8m7NF0q5I2ofFV6B/BBCTDFDzFou4RiG8oSxEM+2QPjO2bry/mfLXJV8t1OexlVJpcVMViOVNVH3cpdd77dcG4m/b/kHQy8/hbdTu2wAAAAASUVORK5CYII=","aspectRatio":2.5281757402101244,"src":"/static/9f5e35a008a1ad623da12470ad0f1577/6f725/viz.png","srcSet":"/static/9f5e35a008a1ad623da12470ad0f1577/fa430/viz.png 350w,\n/static/9f5e35a008a1ad623da12470ad0f1577/694d8/viz.png 700w,\n/static/9f5e35a008a1ad623da12470ad0f1577/6f725/viz.png 1400w,\n/static/9f5e35a008a1ad623da12470ad0f1577/ea429/viz.png 2100w,\n/static/9f5e35a008a1ad623da12470ad0f1577/83486/viz.png 2647w","srcWebp":"/static/9f5e35a008a1ad623da12470ad0f1577/0326e/viz.webp","srcSetWebp":"/static/9f5e35a008a1ad623da12470ad0f1577/d0d48/viz.webp 350w,\n/static/9f5e35a008a1ad623da12470ad0f1577/64998/viz.webp 700w,\n/static/9f5e35a008a1ad623da12470ad0f1577/0326e/viz.webp 1400w,\n/static/9f5e35a008a1ad623da12470ad0f1577/167eb/viz.webp 2100w,\n/static/9f5e35a008a1ad623da12470ad0f1577/21f13/viz.webp 2647w","sizes":"(max-width: 1400px) 100vw, 1400px"},"narrow":{"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAICAYAAAD5nd/tAAAACXBIWXMAAAsTAAALEwEAmpwYAAABW0lEQVQoz42SS2sCUQyF/dP+DBfu1LVFt90UsZS2Kii+dcZ5v9WZURQUu+5pzkXBIoUuQi73Jl9OclM4nU6gnc9nHI9H7Pd7xHGMLMtwOByQJImyNE0RbTawPQ9OECDebpGs18jznLnfl8uFnK/CPZAg2zShTaewxHuS/FSv47PbhS/nTrOJ12oVL6USOo2GigvCkPm/gYTRE+i6Lnzfh9bvY9nrwZeE1XiMcauFj1oNz8Ui3spl6IMBPIkNo+h/QNdxsJpMVJI5n+O9UsGk3YYmIGu1QiCx7CCUgg8t34CclS/zoapAKtO7TJJZeVKExjmyTZ4ZGwn4QeEN6to29NEIlijSh0Ol0NF1GDIrYzaDtVjA1jQY8m7NF0q5I2ofFV6B/BBCTDFDzFou4RiG8oSxEM+2QPjO2bry/mfLXJV8t1OexlVJpcVMViOVNVH3cpdd77dcG4m/b/kHQy8/hbdTu2wAAAAASUVORK5CYII=","aspectRatio":2.5281757402101244,"src":"/static/9f5e35a008a1ad623da12470ad0f1577/cb61f/viz.png","srcSet":"/static/9f5e35a008a1ad623da12470ad0f1577/336c1/viz.png 240w,\n/static/9f5e35a008a1ad623da12470ad0f1577/51d41/viz.png 480w,\n/static/9f5e35a008a1ad623da12470ad0f1577/cb61f/viz.png 960w,\n/static/9f5e35a008a1ad623da12470ad0f1577/350e1/viz.png 1440w,\n/static/9f5e35a008a1ad623da12470ad0f1577/ba228/viz.png 1920w,\n/static/9f5e35a008a1ad623da12470ad0f1577/83486/viz.png 2647w","srcWebp":"/static/9f5e35a008a1ad623da12470ad0f1577/fcc10/viz.webp","srcSetWebp":"/static/9f5e35a008a1ad623da12470ad0f1577/2b5a3/viz.webp 240w,\n/static/9f5e35a008a1ad623da12470ad0f1577/35871/viz.webp 480w,\n/static/9f5e35a008a1ad623da12470ad0f1577/fcc10/viz.webp 960w,\n/static/9f5e35a008a1ad623da12470ad0f1577/4693b/viz.webp 1440w,\n/static/9f5e35a008a1ad623da12470ad0f1577/30cf3/viz.webp 1920w,\n/static/9f5e35a008a1ad623da12470ad0f1577/21f13/viz.webp 2647w","sizes":"(max-width: 960px) 100vw, 960px"},"seo":{"src":"/static/9f5e35a008a1ad623da12470ad0f1577/7ef28/viz.png"}}},"authors":[{"authorsPage":true,"bio":"I'm Aniket Handa. I craft user experiences that blur the gap between humans and technology.\n","id":"cebebc26-b80b-5c45-b29b-fb56bd6b7b61","name":"Aniket Handa","featured":true,"social":[{"url":"https://github.com/atneik"},{"url":"https://twitter.com/anikethanda"},{"url":"https://instagram.com/_aniket"},{"url":"https://www.linkedin.com/in/anikethanda/"}],"slug":"/authors/Aniket-Handa","avatar":{"small":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAUABQDASIAAhEBAxEB/8QAGAABAQEBAQAAAAAAAAAAAAAAAAUEAgP/xAAXAQEAAwAAAAAAAAAAAAAAAAACAAED/9oADAMBAAIQAxAAAAHdPoTQ6LhK8MQdNwR//8QAHRAAAgIBBQAAAAAAAAAAAAAAAgMAASIEERMhMf/aAAgBAQABBQJhWIC1tMheDtyx1ZaisVdr/8QAGBEAAgMAAAAAAAAAAAAAAAAAARARITL/2gAIAQMBAT8BikMr/8QAFhEBAQEAAAAAAAAAAAAAAAAAEBFB/9oACAECAQE/Aaaf/8QAHBABAAICAwEAAAAAAAAAAAAAAQACEFERISIx/9oACAEBAAY/AvP2BdLDrOsFeeliwWf/xAAcEAEAAwACAwAAAAAAAAAAAAABABExEEEhYaH/2gAIAQEAAT8hcoOpcZZNekuUVjGslM642Txk+wt1xbRSf//aAAwDAQACAAMAAAAQVP8Avv/EABgRAAMBAQAAAAAAAAAAAAAAAAABERAx/9oACAEDAQE/EEjrOhD/xAAXEQADAQAAAAAAAAAAAAAAAAABEBEx/9oACAECAQE/EKsRyv/EABwQAQADAAIDAAAAAAAAAAAAAAEAESExQVFxkf/aAAgBAQABPxBIVJfwVq2bRIBSnh9ZL+YR1DmmVRtenTAl3L6qAVaBj7BBRcee7j5tlZ//2Q==","aspectRatio":1,"src":"/static/5147a03650c976f3ffbe33cf767ee366/20b9f/aniket.jpg","srcSet":"/static/5147a03650c976f3ffbe33cf767ee366/8de35/aniket.jpg 13w,\n/static/5147a03650c976f3ffbe33cf767ee366/efbf2/aniket.jpg 25w,\n/static/5147a03650c976f3ffbe33cf767ee366/20b9f/aniket.jpg 50w,\n/static/5147a03650c976f3ffbe33cf767ee366/900f1/aniket.jpg 75w,\n/static/5147a03650c976f3ffbe33cf767ee366/b08b0/aniket.jpg 100w,\n/static/5147a03650c976f3ffbe33cf767ee366/c26dd/aniket.jpg 800w","srcWebp":"/static/5147a03650c976f3ffbe33cf767ee366/e7b2c/aniket.webp","srcSetWebp":"/static/5147a03650c976f3ffbe33cf767ee366/58718/aniket.webp 13w,\n/static/5147a03650c976f3ffbe33cf767ee366/74aad/aniket.webp 25w,\n/static/5147a03650c976f3ffbe33cf767ee366/e7b2c/aniket.webp 50w,\n/static/5147a03650c976f3ffbe33cf767ee366/ed320/aniket.webp 75w,\n/static/5147a03650c976f3ffbe33cf767ee366/66016/aniket.webp 100w,\n/static/5147a03650c976f3ffbe33cf767ee366/ccdb5/aniket.webp 800w","sizes":"(max-width: 50px) 100vw, 50px"},"medium":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAUABQDASIAAhEBAxEB/8QAGAABAQEBAQAAAAAAAAAAAAAAAAUEAgP/xAAXAQEAAwAAAAAAAAAAAAAAAAACAAED/9oADAMBAAIQAxAAAAHdPoTQ6LhK8MQdNwR//8QAHRAAAgIBBQAAAAAAAAAAAAAAAgMAASIEERMhMf/aAAgBAQABBQJhWIC1tMheDtyx1ZaisVdr/8QAGBEAAgMAAAAAAAAAAAAAAAAAARARITL/2gAIAQMBAT8BikMr/8QAFhEBAQEAAAAAAAAAAAAAAAAAEBFB/9oACAECAQE/Aaaf/8QAHBABAAICAwEAAAAAAAAAAAAAAQACEFERISIx/9oACAEBAAY/AvP2BdLDrOsFeeliwWf/xAAcEAEAAwACAwAAAAAAAAAAAAABABExEEEhYaH/2gAIAQEAAT8hcoOpcZZNekuUVjGslM642Txk+wt1xbRSf//aAAwDAQACAAMAAAAQVP8Avv/EABgRAAMBAQAAAAAAAAAAAAAAAAABERAx/9oACAEDAQE/EEjrOhD/xAAXEQADAQAAAAAAAAAAAAAAAAABEBEx/9oACAECAQE/EKsRyv/EABwQAQADAAIDAAAAAAAAAAAAAAEAESExQVFxkf/aAAgBAQABPxBIVJfwVq2bRIBSnh9ZL+YR1DmmVRtenTAl3L6qAVaBj7BBRcee7j5tlZ//2Q==","aspectRatio":1,"src":"/static/5147a03650c976f3ffbe33cf767ee366/b08b0/aniket.jpg","srcSet":"/static/5147a03650c976f3ffbe33cf767ee366/efbf2/aniket.jpg 25w,\n/static/5147a03650c976f3ffbe33cf767ee366/20b9f/aniket.jpg 50w,\n/static/5147a03650c976f3ffbe33cf767ee366/b08b0/aniket.jpg 100w,\n/static/5147a03650c976f3ffbe33cf767ee366/50e4e/aniket.jpg 150w,\n/static/5147a03650c976f3ffbe33cf767ee366/471e9/aniket.jpg 200w,\n/static/5147a03650c976f3ffbe33cf767ee366/c26dd/aniket.jpg 800w","srcWebp":"/static/5147a03650c976f3ffbe33cf767ee366/66016/aniket.webp","srcSetWebp":"/static/5147a03650c976f3ffbe33cf767ee366/74aad/aniket.webp 25w,\n/static/5147a03650c976f3ffbe33cf767ee366/e7b2c/aniket.webp 50w,\n/static/5147a03650c976f3ffbe33cf767ee366/66016/aniket.webp 100w,\n/static/5147a03650c976f3ffbe33cf767ee366/d9b14/aniket.webp 150w,\n/static/5147a03650c976f3ffbe33cf767ee366/6b183/aniket.webp 200w,\n/static/5147a03650c976f3ffbe33cf767ee366/ccdb5/aniket.webp 800w","sizes":"(max-width: 100px) 100vw, 100px"},"large":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAUABQDASIAAhEBAxEB/8QAGAABAQEBAQAAAAAAAAAAAAAAAAUEAgP/xAAXAQEAAwAAAAAAAAAAAAAAAAACAAED/9oADAMBAAIQAxAAAAHdPoTQ6LhK8MQdNwR//8QAHRAAAgIBBQAAAAAAAAAAAAAAAgMAASIEERMhMf/aAAgBAQABBQJhWIC1tMheDtyx1ZaisVdr/8QAGBEAAgMAAAAAAAAAAAAAAAAAARARITL/2gAIAQMBAT8BikMr/8QAFhEBAQEAAAAAAAAAAAAAAAAAEBFB/9oACAECAQE/Aaaf/8QAHBABAAICAwEAAAAAAAAAAAAAAQACEFERISIx/9oACAEBAAY/AvP2BdLDrOsFeeliwWf/xAAcEAEAAwACAwAAAAAAAAAAAAABABExEEEhYaH/2gAIAQEAAT8hcoOpcZZNekuUVjGslM642Txk+wt1xbRSf//aAAwDAQACAAMAAAAQVP8Avv/EABgRAAMBAQAAAAAAAAAAAAAAAAABERAx/9oACAEDAQE/EEjrOhD/xAAXEQADAQAAAAAAAAAAAAAAAAABEBEx/9oACAECAQE/EKsRyv/EABwQAQADAAIDAAAAAAAAAAAAAAEAESExQVFxkf/aAAgBAQABPxBIVJfwVq2bRIBSnh9ZL+YR1DmmVRtenTAl3L6qAVaBj7BBRcee7j5tlZ//2Q==","aspectRatio":1,"src":"/static/5147a03650c976f3ffbe33cf767ee366/4b6ce/aniket.jpg","srcSet":"/static/5147a03650c976f3ffbe33cf767ee366/db25d/aniket.jpg 82w,\n/static/5147a03650c976f3ffbe33cf767ee366/ffb8a/aniket.jpg 164w,\n/static/5147a03650c976f3ffbe33cf767ee366/4b6ce/aniket.jpg 328w,\n/static/5147a03650c976f3ffbe33cf767ee366/2a47f/aniket.jpg 492w,\n/static/5147a03650c976f3ffbe33cf767ee366/9a0c0/aniket.jpg 656w,\n/static/5147a03650c976f3ffbe33cf767ee366/c26dd/aniket.jpg 800w","srcWebp":"/static/5147a03650c976f3ffbe33cf767ee366/5a48e/aniket.webp","srcSetWebp":"/static/5147a03650c976f3ffbe33cf767ee366/2d087/aniket.webp 82w,\n/static/5147a03650c976f3ffbe33cf767ee366/29d87/aniket.webp 164w,\n/static/5147a03650c976f3ffbe33cf767ee366/5a48e/aniket.webp 328w,\n/static/5147a03650c976f3ffbe33cf767ee366/42f2e/aniket.webp 492w,\n/static/5147a03650c976f3ffbe33cf767ee366/dec03/aniket.webp 656w,\n/static/5147a03650c976f3ffbe33cf767ee366/ccdb5/aniket.webp 800w","sizes":"(max-width: 328px) 100vw, 328px"}}}],"basePath":"/","permalink":"https://anikethanda.com//Global-Terrorism-Visualization/","slug":"/Global-Terrorism-Visualization","id":"ce0a46a3-6c9b-543e-85c2-cd7bfca8caf5","title":"Global Terrorism Visualization","canonicalUrl":null,"mailchimp":"","next":[{"id":"97208bd0-4ebf-5834-9c51-913f7c1c28d3","slug":"/Reveal-Care","secret":false,"title":"Reveal Care","author":"Aniket Handa","date":"2014","dateForSEO":"2014-01-12T00:00:00.000Z","timeToRead":1,"excerpt":"Can transparency in health care help us make wise medical decisions?","canonical_url":null,"subscription":true,"body":"function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsx mdx */\nvar _frontmatter = {\n  \"title\": \"Reveal Care\",\n  \"excerpt\": \"Can transparency in health care help us make wise medical decisions?\",\n  \"date\": \"2014-01-12T00:00:00.000Z\",\n  \"category\": \"Mobile\",\n  \"tags\": [\"User Centered Design\", \"UI Prototype\", \"AWS\"],\n  \"author\": \"Aniket Handa\",\n  \"hero\": \"./image.png\",\n  \"noImage\": true\n};\n\nvar makeShortcode = function makeShortcode(name) {\n  return function MDXDefaultShortcode(props) {\n    console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n    return mdx(\"div\", props);\n  };\n};\n\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n      props = _objectWithoutProperties(_ref, [\"components\"]);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"h2\", {\n    \"id\": \"problem\"\n  }, \"Problem\"), mdx(\"p\", null, \"The cost of health care in America has become an issue that affects the quality of life\\nof virtually everybody in the nation. In short, America spends about 18 cents of every dollar the economy produces on health care. This is almost twice the level of many of our fellow first world nations. More concern is that even after spending so much, the life expectancy in America is ranked at 33rd position.\"), mdx(\"h2\", {\n    \"id\": \"research-outcome\"\n  }, \"Research outcome\"), mdx(\"p\", null, \"In a survey our team conducted, about 65% of our respondents said cost plays a deciding factor in their health care treatment, despite virtually all of our respondents having health care insurance of some form. Clearly, the cost of health care in America is unsustainable and something has to be done about it. Also we found out that people rely a lot on reviews about healthcare facilities and Doctors, especially from friends and family.\"), mdx(\"h2\", {\n    \"id\": \"solution\"\n  }, \"Solution\"), mdx(\"div\", {\n    \"className\": \"Image__Small\"\n  }, \"\\n  \", mdx(\"span\", _extends({\n    parentName: \"div\"\n  }, {\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"600px\"\n    }\n  }), \"\\n      \", mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"50%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAACXBIWXMAAAsTAAALEwEAmpwYAAACuklEQVQoz2NggAPGKAYGlioXD+9Kb7+g4qDwGB4NLQNmoEQmOxdfhYe3X42nT0DG////GRSU1AWA4oWiAsJlfp4+9V7u3hEgE7xFuOGmcaopq7y1MTf/X11W/r++qua/l5efKQMzh5Sasup/J1u7/62NTf9Li0r+m1vY8wqJSDhpmJj9dw4M/t8+dfr/rJKyx0Az2BiQAOeElevvXv31/9+5jz9/7Lp+71tgSKQJUFx6+d6Dry6+//r7wsu3v3aeOf9JTFaZX1FeyfnqpAnfPsyd/ePbwvn/D7S2XgOqZUc2kKNz2cr79z89/X/xycX/my+e+63mGQUyUHLxsrlvt1+/9//81RP/165b+l3TyIpPQVbB8VBH+++3Sxb9+79p/f+dLS230F3I3r10+p13H678f/vk6r/9Zw7/4jB0MwVaKTZnyaI3W689+H/9xOr/W2eUf2MQdOVXUlK2O3Dq1M+XX7/8A4bp/y179mIaWLV0+Z1Tnz//v/L287/lx8/94tE0MQWKiy1Zs+rNtjsv/h85uv3/4kUTvgHF+JWV1e0OHT798927r2ADN27eiWlg4Yptd1YApRd8/P+/+8ztX4o6emADe9fOfrvsyYP/G56+/t+9Zdd3kIEqygq2R7d2/np2Y+X/P6+2/187rw7TwBld/TdOXt3/d8uzh9/37lnxWU3b3JSVjU9s8oKFL3bdOfxr9d0nPycvWvFJlEeQX8PE1O7M4q4vp/Ys/X775Ly/6+aUo0UKBy+ntKj4IzUlhf+q6hp/5STF/4mISpuIScqKS4pL/lBTU/mvpKL2X1pC6puCoiqvoIiknbSE3H8VVd2/Ssoa/2Vk5G+iuxCYptl9GJg589jYuLIYGJgTNXQNOb38oxkZGFmimFm5sllY2HOA7HCQUnkFVR4glczBxZ0FFMsDavaAGQMAhXo3F/nuA5oAAAAASUVORK5CYII=')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  })), \"\\n  \", mdx(\"picture\", {\n    parentName: \"span\"\n  }, \"\\n        \", mdx(\"source\", _extends({\n    parentName: \"picture\"\n  }, {\n    \"srcSet\": [\"/static/af58c9d4b731949f565ea0479ce6c9fd/b0544/revealcare2.webp 600w\"],\n    \"sizes\": \"(max-width: 600px) 100vw, 600px\",\n    \"type\": \"image/webp\"\n  })), \"\\n        \", mdx(\"source\", _extends({\n    parentName: \"picture\"\n  }, {\n    \"srcSet\": [\"/static/af58c9d4b731949f565ea0479ce6c9fd/8db2a/revealcare2.png 600w\"],\n    \"sizes\": \"(max-width: 600px) 100vw, 600px\",\n    \"type\": \"image/png\"\n  })), \"\\n        \", mdx(\"img\", _extends({\n    parentName: \"picture\"\n  }, {\n    \"className\": \"gatsby-resp-image-image\",\n    \"src\": \"/static/af58c9d4b731949f565ea0479ce6c9fd/8db2a/revealcare2.png\",\n    \"alt\": \"revealcare2\",\n    \"title\": \"revealcare2\",\n    \"loading\": \"lazy\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    }\n  })), \"\\n      \"), \"\\n    \")), mdx(\"p\", null, \"RevealCare is a smart phone app that lets users to compare health care treatment costs within a map framework. It also allows users to search both facility and doctor reviews and to submit their own. RevealCare aims to help users make more educated purchasing decision around their health care treatments.\"));\n}\n;\nMDXContent.isMDXComponent = true;","tags":["User Centered Design","UI Prototype","AWS"],"links":null,"category":"Mobile","present":false,"noImage":true,"hero":{"full":{"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAICAYAAAD5nd/tAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAuklEQVQoz62SwQ7CIBBE+f+P8g88aJompkebeKoXCiws7Jpli7VqjIceJoUy8zoFjLWWnJvJe0cheALwFGOglKAKMW7U3otHvJKRrDCEZRqoQSSUc6JSkIhUpaTnWOdYPe0Dkm1g02CIUE0aysSclye/iDZr4lXwCjUA2iznuLRazQK5TxOf+jNfxp4jACt09WlbbSqsr0BtgLURQuDjMPCh6/g2XlmIugXq+wDu/sv/HMq7fh7K3tfmAWPOcgvCwzZPAAAAAElFTkSuQmCC","aspectRatio":2.5,"src":"/static/2169bde7bf450d93b5992a4b749a7092/f4f8c/image.png","srcSet":"/static/2169bde7bf450d93b5992a4b749a7092/206f6/image.png 236w,\n/static/2169bde7bf450d93b5992a4b749a7092/84032/image.png 472w,\n/static/2169bde7bf450d93b5992a4b749a7092/f4f8c/image.png 944w,\n/static/2169bde7bf450d93b5992a4b749a7092/1283a/image.png 1000w","srcWebp":"/static/2169bde7bf450d93b5992a4b749a7092/99fbb/image.webp","srcSetWebp":"/static/2169bde7bf450d93b5992a4b749a7092/77392/image.webp 236w,\n/static/2169bde7bf450d93b5992a4b749a7092/1f177/image.webp 472w,\n/static/2169bde7bf450d93b5992a4b749a7092/99fbb/image.webp 944w,\n/static/2169bde7bf450d93b5992a4b749a7092/36ebb/image.webp 1000w","sizes":"(max-width: 944px) 100vw, 944px"},"regular":{"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAICAYAAAD5nd/tAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAuklEQVQoz62SwQ7CIBBE+f+P8g88aJompkebeKoXCiws7Jpli7VqjIceJoUy8zoFjLWWnJvJe0cheALwFGOglKAKMW7U3otHvJKRrDCEZRqoQSSUc6JSkIhUpaTnWOdYPe0Dkm1g02CIUE0aysSclye/iDZr4lXwCjUA2iznuLRazQK5TxOf+jNfxp4jACt09WlbbSqsr0BtgLURQuDjMPCh6/g2XlmIugXq+wDu/sv/HMq7fh7K3tfmAWPOcgvCwzZPAAAAAElFTkSuQmCC","aspectRatio":2.5,"src":"/static/2169bde7bf450d93b5992a4b749a7092/1283a/image.png","srcSet":"/static/2169bde7bf450d93b5992a4b749a7092/fa430/image.png 350w,\n/static/2169bde7bf450d93b5992a4b749a7092/694d8/image.png 700w,\n/static/2169bde7bf450d93b5992a4b749a7092/1283a/image.png 1000w","srcWebp":"/static/2169bde7bf450d93b5992a4b749a7092/36ebb/image.webp","srcSetWebp":"/static/2169bde7bf450d93b5992a4b749a7092/d0d48/image.webp 350w,\n/static/2169bde7bf450d93b5992a4b749a7092/64998/image.webp 700w,\n/static/2169bde7bf450d93b5992a4b749a7092/36ebb/image.webp 1000w","sizes":"(max-width: 1000px) 100vw, 1000px"},"narrow":{"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAICAYAAAD5nd/tAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAuklEQVQoz62SwQ7CIBBE+f+P8g88aJompkebeKoXCiws7Jpli7VqjIceJoUy8zoFjLWWnJvJe0cheALwFGOglKAKMW7U3otHvJKRrDCEZRqoQSSUc6JSkIhUpaTnWOdYPe0Dkm1g02CIUE0aysSclye/iDZr4lXwCjUA2iznuLRazQK5TxOf+jNfxp4jACt09WlbbSqsr0BtgLURQuDjMPCh6/g2XlmIugXq+wDu/sv/HMq7fh7K3tfmAWPOcgvCwzZPAAAAAElFTkSuQmCC","aspectRatio":2.5,"src":"/static/2169bde7bf450d93b5992a4b749a7092/cb61f/image.png","srcSet":"/static/2169bde7bf450d93b5992a4b749a7092/336c1/image.png 240w,\n/static/2169bde7bf450d93b5992a4b749a7092/51d41/image.png 480w,\n/static/2169bde7bf450d93b5992a4b749a7092/cb61f/image.png 960w,\n/static/2169bde7bf450d93b5992a4b749a7092/1283a/image.png 1000w","srcWebp":"/static/2169bde7bf450d93b5992a4b749a7092/fcc10/image.webp","srcSetWebp":"/static/2169bde7bf450d93b5992a4b749a7092/2b5a3/image.webp 240w,\n/static/2169bde7bf450d93b5992a4b749a7092/35871/image.webp 480w,\n/static/2169bde7bf450d93b5992a4b749a7092/fcc10/image.webp 960w,\n/static/2169bde7bf450d93b5992a4b749a7092/36ebb/image.webp 1000w","sizes":"(max-width: 960px) 100vw, 960px"},"seo":{"src":"/static/2169bde7bf450d93b5992a4b749a7092/1283a/image.png"}}},{"id":"39ba490f-c70e-5d84-94ec-5c7ecec34be6","slug":"/Digital-Photo-Frame","secret":false,"title":"Digital Photo Frame","author":"Aniket Handa","date":"2014","dateForSEO":"2014-01-01T00:00:00.000Z","timeToRead":1,"excerpt":"Run a slideshow on any screen.","canonical_url":null,"subscription":true,"body":"function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsx mdx */\nvar _frontmatter = {\n  \"title\": \"Digital Photo Frame\",\n  \"excerpt\": \"Run a slideshow on any screen.\",\n  \"date\": \"2014-01-01T00:00:00.000Z\",\n  \"category\": \"Front-end Development\",\n  \"tags\": [\"JavaScript\"],\n  \"author\": \"Aniket Handa\",\n  \"hero\": \"./frame/image-frame.jpg\",\n  \"links\": [{\n    \"label\": \"Live link\",\n    \"link\": \"http://anikethanda.com/frame\"\n  }],\n  \"noImage\": true\n};\n\nvar makeShortcode = function makeShortcode(name) {\n  return function MDXDefaultShortcode(props) {\n    console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n    return mdx(\"div\", props);\n  };\n};\n\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n      props = _objectWithoutProperties(_ref, [\"components\"]);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"h1\", {\n    \"id\": \"abstract\"\n  }, \"Abstract\"), mdx(\"p\", null, \"Get some stock photography or use your pictures from Facebook to run a fullscreen slideshow on any screen. Now you can use your old tablet as a digital photo frame.\"), mdx(\"p\", null, mdx(\"span\", _extends({\n    parentName: \"p\"\n  }, {\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"1278px\"\n    }\n  }), \"\\n      \", mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"57.04225352112676%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAALABQDASIAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAAMEBf/EABYBAQEBAAAAAAAAAAAAAAAAAAMAAf/aAAwDAQACEAMQAAABTRmMktIwt//EABkQAAMBAQEAAAAAAAAAAAAAAAABAhIDMf/aAAgBAQABBQKesG5NiSH4j//EABcRAQADAAAAAAAAAAAAAAAAAAABESH/2gAIAQMBAT8B1Uv/xAAWEQADAAAAAAAAAAAAAAAAAAAQESH/2gAIAQIBAT8BcH//xAAZEAABBQAAAAAAAAAAAAAAAAAAAREgITH/2gAIAQEABj8CtGMj/8QAHBAAAwABBQAAAAAAAAAAAAAAAAERMSFBUWGR/9oACAEBAAE/IcVghbHHY0u3gs9EIMD/2gAMAwEAAgADAAAAEEvv/8QAFhEAAwAAAAAAAAAAAAAAAAAAARBB/9oACAEDAQE/EBCv/8QAGBEAAgMAAAAAAAAAAAAAAAAAABEBITH/2gAIAQIBAT8QVnpNn//EABkQAAMBAQEAAAAAAAAAAAAAAAABESFxMf/aAAgBAQABPxD3g7aNBp61bvZW1hYadFOncWaJadb6f//Z')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  })), \"\\n  \", mdx(\"picture\", {\n    parentName: \"span\"\n  }, \"\\n        \", mdx(\"source\", _extends({\n    parentName: \"picture\"\n  }, {\n    \"srcSet\": [\"/static/aa7ce5b085c0f8b7dde593abcab2e596/c1533/frame.webp 1278w\"],\n    \"sizes\": \"(max-width: 1278px) 100vw, 1278px\",\n    \"type\": \"image/webp\"\n  })), \"\\n        \", mdx(\"source\", _extends({\n    parentName: \"picture\"\n  }, {\n    \"srcSet\": [\"/static/aa7ce5b085c0f8b7dde593abcab2e596/6a12c/frame.jpg 1278w\"],\n    \"sizes\": \"(max-width: 1278px) 100vw, 1278px\",\n    \"type\": \"image/jpeg\"\n  })), \"\\n        \", mdx(\"img\", _extends({\n    parentName: \"picture\"\n  }, {\n    \"className\": \"gatsby-resp-image-image\",\n    \"src\": \"/static/aa7ce5b085c0f8b7dde593abcab2e596/6a12c/frame.jpg\",\n    \"alt\": \"image\",\n    \"title\": \"image\",\n    \"loading\": \"lazy\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    }\n  })), \"\\n      \"), \"\\n    \")), mdx(\"p\", null, mdx(\"span\", _extends({\n    parentName: \"p\"\n  }, {\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"1280px\"\n    }\n  }), \"\\n      \", mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"62.5%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAIAAAAmMtkJAAAACXBIWXMAAAsSAAALEgHS3X78AAADFUlEQVQozw2NW0hTcRzH/162c93luDm3c87OzszRXNisNC8zNTNrM2V13M3d3dl2ji6dliQJGWQS0sUMSip6SbtBb9FDT70EQUSEpWTm1mY3iOil9w58+PLjy/fDD2ysvttcW81vrP3azv37+/tHsfBlY/3ndq6Y39r8tP49v/mzmMtvfvpe2PpWyK2tr+e2Pm98/Pj+7Zu3r1+B/FlPLtvzdcJZPO0qSDl8oCg6ChJCSyF7ZHvKXRBa80Lbn5HW5UBHc5ereX9LfX2j3b6vvr4BEFSgwuDTkH4tFdAavJqqAa1+QFPlV2s8FQYvrg0SlYOEzq+p8mFVAVAZAGoOEByo4IDaDcr1oXJDTEbGZFRCRiflTFpmFFU10dZDfU53X2dvsJSKlhhHS+kRmSkDMyJiTMNGHqKHICoGEDKE0lHMGMOYOM4kMZOAMHy3qzed6huPO6/NhLyhCCKV7IhkQhJ0CqITcjIqN0QAREVgOo4YecSUwti0tNBZw12Hm/u5vo6jxxLJ8MLVaZ2VlzPDmDmNSgM2DTG8pEBkFCB0FGWGUFMSZQWMFTFzBmd8wVCvPza4x9F50HX0/MVplUWUmzKIWYQlWEGSITomfQUKJqxg40ozr65JETvFCusIvkN09IRdx52W3bscHW32TgEyn8StY/jOUdRyEjYLsDkFszzMJICS6lfRxwmGU5AcrnerSLea9hp3JW0NEUtdv3VvVGcblhmCZfpBoPXgrEexIwjRHrn+mFx7AKiUOoIgVQqyo9t2IlDXP2Dj/LXZyXZ+tC0k9GQmA+J4j2+o3RdvEcaD3U4OlKkQjEAQGJKVAjUqV+OQEob5seobD1rmbu1fvFe3tFw7t0TfedI2e7N1/m7z4+dDN1bsq1/mZi9MAwAwBEMhGIFg6VaUliilPJyw8PP26GxddnHv1FLjxELT2JWazFXH9adTF1Z8c49dLz4shDMcAHhZuQaUqCQFRBg4YkIHSfSyV718Wn+LJ+8MV98WDfcnbU/O1T46U/0wa1o5RT2bqX55qWnRb+cqy0MmJGSEByjoP6mh6EqPcCKGAAAAAElFTkSuQmCC')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  })), \"\\n  \", mdx(\"picture\", {\n    parentName: \"span\"\n  }, \"\\n        \", mdx(\"source\", _extends({\n    parentName: \"picture\"\n  }, {\n    \"srcSet\": [\"/static/d9e8a14282d38955448345db48063df8/4b075/photofeed.webp 1280w\"],\n    \"sizes\": \"(max-width: 1280px) 100vw, 1280px\",\n    \"type\": \"image/webp\"\n  })), \"\\n        \", mdx(\"source\", _extends({\n    parentName: \"picture\"\n  }, {\n    \"srcSet\": [\"/static/d9e8a14282d38955448345db48063df8/9f341/photofeed.png 1280w\"],\n    \"sizes\": \"(max-width: 1280px) 100vw, 1280px\",\n    \"type\": \"image/png\"\n  })), \"\\n        \", mdx(\"img\", _extends({\n    parentName: \"picture\"\n  }, {\n    \"className\": \"gatsby-resp-image-image\",\n    \"src\": \"/static/d9e8a14282d38955448345db48063df8/9f341/photofeed.png\",\n    \"alt\": \"image\",\n    \"title\": \"image\",\n    \"loading\": \"lazy\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    }\n  })), \"\\n      \"), \"\\n    \")));\n}\n;\nMDXContent.isMDXComponent = true;","tags":["JavaScript"],"links":[{"label":"Live link","link":"http://anikethanda.com/frame"}],"category":"Front-end Development","present":false,"noImage":true,"hero":{"full":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAIABQDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAME/8QAFgEBAQEAAAAAAAAAAAAAAAAAAgED/9oADAMBAAIQAxAAAAHPcbDGf//EABoQAAEFAQAAAAAAAAAAAAAAAAABAgMEERP/2gAIAQEAAQUCZYOmCSH/xAAWEQEBAQAAAAAAAAAAAAAAAAABECH/2gAIAQMBAT8BHJ//xAAWEQEBAQAAAAAAAAAAAAAAAAABEDH/2gAIAQIBAT8BMZ//xAAZEAACAwEAAAAAAAAAAAAAAAABEQAQIXH/2gAIAQEABj8C0Rkvlf/EABkQAQADAQEAAAAAAAAAAAAAAAEAESFhgf/aAAgBAQABPyFHLOwVx3fBMJ//2gAMAwEAAgADAAAAEIPP/8QAFhEAAwAAAAAAAAAAAAAAAAAAAAER/9oACAEDAQE/EH0in//EABURAQEAAAAAAAAAAAAAAAAAABAh/9oACAECAQE/EIL/xAAbEAEBAAEFAAAAAAAAAAAAAAABEQAhMUFRgf/aAAgBAQABPxCMJCaDjB6EIeC4zaVd3vP/2Q==","aspectRatio":2.5272727272727273,"src":"/static/744f4f9470e4eb76aceef1457a1b1bc6/6ce4c/image-frame.jpg","srcSet":"/static/744f4f9470e4eb76aceef1457a1b1bc6/81a66/image-frame.jpg 236w,\n/static/744f4f9470e4eb76aceef1457a1b1bc6/60b3d/image-frame.jpg 472w,\n/static/744f4f9470e4eb76aceef1457a1b1bc6/6ce4c/image-frame.jpg 944w,\n/static/744f4f9470e4eb76aceef1457a1b1bc6/613fc/image-frame.jpg 973w","srcWebp":"/static/744f4f9470e4eb76aceef1457a1b1bc6/99fbb/image-frame.webp","srcSetWebp":"/static/744f4f9470e4eb76aceef1457a1b1bc6/77392/image-frame.webp 236w,\n/static/744f4f9470e4eb76aceef1457a1b1bc6/1f177/image-frame.webp 472w,\n/static/744f4f9470e4eb76aceef1457a1b1bc6/99fbb/image-frame.webp 944w,\n/static/744f4f9470e4eb76aceef1457a1b1bc6/72b0a/image-frame.webp 973w","sizes":"(max-width: 944px) 100vw, 944px"},"regular":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAIABQDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAME/8QAFgEBAQEAAAAAAAAAAAAAAAAAAgED/9oADAMBAAIQAxAAAAHPcbDGf//EABoQAAEFAQAAAAAAAAAAAAAAAAABAgMEERP/2gAIAQEAAQUCZYOmCSH/xAAWEQEBAQAAAAAAAAAAAAAAAAABECH/2gAIAQMBAT8BHJ//xAAWEQEBAQAAAAAAAAAAAAAAAAABEDH/2gAIAQIBAT8BMZ//xAAZEAACAwEAAAAAAAAAAAAAAAABEQAQIXH/2gAIAQEABj8C0Rkvlf/EABkQAQADAQEAAAAAAAAAAAAAAAEAESFhgf/aAAgBAQABPyFHLOwVx3fBMJ//2gAMAwEAAgADAAAAEIPP/8QAFhEAAwAAAAAAAAAAAAAAAAAAAAER/9oACAEDAQE/EH0in//EABURAQEAAAAAAAAAAAAAAAAAABAh/9oACAECAQE/EIL/xAAbEAEBAAEFAAAAAAAAAAAAAAABEQAhMUFRgf/aAAgBAQABPxCMJCaDjB6EIeC4zaVd3vP/2Q==","aspectRatio":2.5272727272727273,"src":"/static/744f4f9470e4eb76aceef1457a1b1bc6/613fc/image-frame.jpg","srcSet":"/static/744f4f9470e4eb76aceef1457a1b1bc6/8cb53/image-frame.jpg 350w,\n/static/744f4f9470e4eb76aceef1457a1b1bc6/867d5/image-frame.jpg 700w,\n/static/744f4f9470e4eb76aceef1457a1b1bc6/613fc/image-frame.jpg 973w","srcWebp":"/static/744f4f9470e4eb76aceef1457a1b1bc6/72b0a/image-frame.webp","srcSetWebp":"/static/744f4f9470e4eb76aceef1457a1b1bc6/d0d48/image-frame.webp 350w,\n/static/744f4f9470e4eb76aceef1457a1b1bc6/64998/image-frame.webp 700w,\n/static/744f4f9470e4eb76aceef1457a1b1bc6/72b0a/image-frame.webp 973w","sizes":"(max-width: 973px) 100vw, 973px"},"narrow":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAIABQDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAME/8QAFgEBAQEAAAAAAAAAAAAAAAAAAgED/9oADAMBAAIQAxAAAAHPcbDGf//EABoQAAEFAQAAAAAAAAAAAAAAAAABAgMEERP/2gAIAQEAAQUCZYOmCSH/xAAWEQEBAQAAAAAAAAAAAAAAAAABECH/2gAIAQMBAT8BHJ//xAAWEQEBAQAAAAAAAAAAAAAAAAABEDH/2gAIAQIBAT8BMZ//xAAZEAACAwEAAAAAAAAAAAAAAAABEQAQIXH/2gAIAQEABj8C0Rkvlf/EABkQAQADAQEAAAAAAAAAAAAAAAEAESFhgf/aAAgBAQABPyFHLOwVx3fBMJ//2gAMAwEAAgADAAAAEIPP/8QAFhEAAwAAAAAAAAAAAAAAAAAAAAER/9oACAEDAQE/EH0in//EABURAQEAAAAAAAAAAAAAAAAAABAh/9oACAECAQE/EIL/xAAbEAEBAAEFAAAAAAAAAAAAAAABEQAhMUFRgf/aAAgBAQABPxCMJCaDjB6EIeC4zaVd3vP/2Q==","aspectRatio":2.5272727272727273,"src":"/static/744f4f9470e4eb76aceef1457a1b1bc6/1293c/image-frame.jpg","srcSet":"/static/744f4f9470e4eb76aceef1457a1b1bc6/81141/image-frame.jpg 240w,\n/static/744f4f9470e4eb76aceef1457a1b1bc6/11d7f/image-frame.jpg 480w,\n/static/744f4f9470e4eb76aceef1457a1b1bc6/1293c/image-frame.jpg 960w,\n/static/744f4f9470e4eb76aceef1457a1b1bc6/613fc/image-frame.jpg 973w","srcWebp":"/static/744f4f9470e4eb76aceef1457a1b1bc6/fcc10/image-frame.webp","srcSetWebp":"/static/744f4f9470e4eb76aceef1457a1b1bc6/2b5a3/image-frame.webp 240w,\n/static/744f4f9470e4eb76aceef1457a1b1bc6/35871/image-frame.webp 480w,\n/static/744f4f9470e4eb76aceef1457a1b1bc6/fcc10/image-frame.webp 960w,\n/static/744f4f9470e4eb76aceef1457a1b1bc6/72b0a/image-frame.webp 973w","sizes":"(max-width: 960px) 100vw, 960px"},"seo":{"src":"/static/744f4f9470e4eb76aceef1457a1b1bc6/613fc/image-frame.jpg"}}}],"category":"Front-end Development"}}}