{
    "componentChunkName": "component---src-templates-page-js",
    "path": "/projects/2021-05-29-cortina-d'ampezzo-transport-app/",
    "result": {"data":{"site":{"siteMetadata":{"title":"Pavel Popov - System Engineer and Algorithmic Designer","author":"Pavel Popov"}},"markdownRemark":{"id":"bd65d8f9-d609-5ec7-8c0f-318095f69b7a","excerpt":"The area of the Games is placed in several regions of Northern Italy, the distances between some Olympic Objects are \n    quite long. As a…","html":"<div align=\"center\">\n    <a href=\"https://milano-cortina-2026.netlify.app/\" target=\"_blank\" rel=\"noopener noreferrer\">\n  <span class=\"gatsby-resp-image-wrapper\" style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 650px; \n                margin: 20px auto 20px auto;\n                padding: 10px;\n                border: 1px solid #eef;\n                border-radius: 5;\n                box-shadow: 0px 0px 5px #ccc;\n              \">\n      <span class=\"gatsby-resp-image-background-image\" style=\"padding-bottom: 47.239263803680984%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAJCAYAAAAywQxIAAAACXBIWXMAABJ0AAASdAHeZh94AAABDElEQVQoz31S/WuDMBD1//+byn5ooWywKgxHlSBFo1WYlRk/RuLHG6fVRVt3cCS5d7zcy4vR9z0o6rqGEAJFUaCqKlBdT4ppr5Sas2katG0748a0eRZ6fatnjRvr2ynyMoe4pQ/1siwHBaSGVNCZUu8z1rJK+QObO+DmG5QQi9ujKAJjDJxzuK4Lz/OQZdmScBq567thZdkFL5dXfB/2qMzT2NyNWBAEsG0bvu8PZEQehiG6O/7whl3T43h2sLM/8Lk34Rwt1C1hI54kCeJrDCnlbASt+rMtCAmM0wrWmeH0buH2lUM2fw4STs4SoZJqnmxhyjMXC3FFknJAk/Kfu5sT6iDuQtfY1v+c4hdEnb343rjwjgAAAABJRU5ErkJggg=='); background-size: cover; display: block;\"></span>\n  <img class=\"gatsby-resp-image-image\" alt=\"cor1\" title=\"cor1\" src=\"/static/746e78e0197ddbee7fb34d1f30e163d9/a6d36/cor1.png\" srcset=\"/static/746e78e0197ddbee7fb34d1f30e163d9/222b7/cor1.png 163w,\n/static/746e78e0197ddbee7fb34d1f30e163d9/ff46a/cor1.png 325w,\n/static/746e78e0197ddbee7fb34d1f30e163d9/a6d36/cor1.png 650w,\n/static/746e78e0197ddbee7fb34d1f30e163d9/e548f/cor1.png 975w,\n/static/746e78e0197ddbee7fb34d1f30e163d9/3c492/cor1.png 1300w,\n/static/746e78e0197ddbee7fb34d1f30e163d9/a88f6/cor1.png 1900w\" sizes=\"(max-width: 650px) 100vw, 650px\" style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\" loading=\"lazy\">\n    </span>\n  </a>\n</div>\n<div align=\"center\">\nTogether with a team of data scientists, I have been assigned to\nconduct a transportation research in the area of Milano and Cortina d'Ampezzo, where Olympic Games supposed to be held in 2026.\n<p>The area of the Games is placed in several regions of Northern Italy, the distances between some Olympic Objects are\nquite long.</p>\n<p>As a result, based on the findings of the analytical group and with a help of teams from\n<a href=\"https://www.systematica.net/\" target=\"_blank\" rel=\"noopener noreferrer\">Systematica</a>,\n<a href=\"https://www.alstom.com/\" target=\"_blank\" rel=\"noopener noreferrer\">Alstom</a> and other partners of the project,\nI created web based application for visualisation of current transport situation and possible future transport\ndevelopments.</p>\n<div align=\"center\">\n      <a href=\"https://map-cortina-2026.netlify.app/\" target=\"_blank\" rel=\"noopener noreferrer\">\n    <span class=\"gatsby-resp-image-wrapper\" style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 650px; \n                margin: 20px auto 20px auto;\n                padding: 10px;\n                border: 1px solid #eef;\n                border-radius: 5;\n                box-shadow: 0px 0px 5px #ccc;\n              \">\n      <span class=\"gatsby-resp-image-background-image\" style=\"padding-bottom: 46.62576687116564%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAJCAYAAAAywQxIAAAACXBIWXMAABJ0AAASdAHeZh94AAAB2ElEQVQoz02SS2/TQBRG8///C0JiwwIkECVt2jqN7cT22DPjefiZpLRdtImTLg6yC4XF0czq3Md3Z8PxyHA8vHM4HHh+fsaqNVk8R2wWGBnh9QaZ3FEWIUaGyCygFCsaI7BFhFcbtl3FbBgGuq7n8fGR0/nM6XSaUCLAyhXbRrPvLJ0XGBFOcqdCvImxLiYpfiDkHOcj+m3NbOzIGIO1dmKUj0Ual1ObhNYLqnKN1zG2iKn0eurW2YhL8ZEL8WFiUX4iq6+Zvby8oJR65+npaRKOY5V5gBIrqjKhsRldVVAWS7wKscWKQi1Yma/clJ9Zll/Iy7t/Qq01Skr2+z3n8xkpArwT9FVB4zJqk1HKECUW2Dyidhl9paidIE3n5NkVTidvI1tj8N7Tti2/Hh4YhiPepNSVorEJvkynnSbhBY2O2bUlVq5R2RKV3WLyO6xcUvuU2djNcUx6GHh9fZ0Y/7vW0bp8CkGLACOuacqEfefYNQoR/yTfXKLFzdtqsgCjNsxGwSg9/0l4fEdhkd5OZ1MkV+h0QWdT7vsx7RynI5LwO0UaUJmUrlbsWsO2tW/Cv6fyvzCJ5mxW3xCbGyoZsW/1lHhjU4rkEpkuaL3mvq/Zto6u0vSN4Tfpro0VBC0ygwAAAABJRU5ErkJggg=='); background-size: cover; display: block;\"></span>\n  <img class=\"gatsby-resp-image-image\" alt=\"cor3\" title=\"cor3\" src=\"/static/093a2bda249382e4629308afabceaa4a/a6d36/cor3.png\" srcset=\"/static/093a2bda249382e4629308afabceaa4a/222b7/cor3.png 163w,\n/static/093a2bda249382e4629308afabceaa4a/ff46a/cor3.png 325w,\n/static/093a2bda249382e4629308afabceaa4a/a6d36/cor3.png 650w,\n/static/093a2bda249382e4629308afabceaa4a/e548f/cor3.png 975w,\n/static/093a2bda249382e4629308afabceaa4a/3c492/cor3.png 1300w,\n/static/093a2bda249382e4629308afabceaa4a/29114/cor3.png 1920w\" sizes=\"(max-width: 650px) 100vw, 650px\" style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\" loading=\"lazy\">\n    </span>\n    </a>    \n  </div>\n  \n  I was focused mostly on the sub-region of Cortina d'Ampezzo and its connection with main transportation lines and hubs \n  of Northern Italy.\n  For example, there is a visualisation of one day for the bus line connection between Cortina d'Ampezzo and Calalzo di Cadore-\n  the closest railway hub to the South of Dolomiti. This line is considered to be powered by hydrogen or electronic cell vehicles.\n       <a href=\"https://schedule-cortina-2026.netlify.app/\" target=\"_blank\" rel=\"noopener noreferrer\">\n<span class=\"gatsby-resp-image-wrapper\" style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 650px; \n                margin: 20px auto 20px auto;\n                padding: 10px;\n                border: 1px solid #eef;\n                border-radius: 5;\n                box-shadow: 0px 0px 5px #ccc;\n              \">\n      <span class=\"gatsby-resp-image-background-image\" style=\"padding-bottom: 46.62576687116564%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAJCAYAAAAywQxIAAAACXBIWXMAABJ0AAASdAHeZh94AAABhklEQVQoz12S207bQBBA/UkV8V7sgFRxq5CQWvWFSxPAueDGJo7SDQQ1SpNI+QTeAkHhD/KFp9qtjXEfRrsaac+cmVnv23GNo88SXwiUFEjho7Ui0Iow0GglXd6eNmfvu/WQJEkYDocYYzAjQxzHLJdLvE87gpovkNJ3MKWkO2UOD7R2EOHX/uVdTjnAXb9PkqakaUq73Wa+WOApJbBRmBQ2UpRWH+0s0BpmWcZ4/MCj+cW9tTSGhQPmEBtBoN/vzlaWhQqgjTAMuO12+ZmmNB4njKZ/6LQ7JbBoxbZVQIooC1QLNy4uOBwMOEoGTEcxs+4p48msCrSAeqCry9CKehigVdlyqBWXzSu+RH3Oz5tk0RlP2QkPkzleMStnmG/Y2eVbtu1VZ+s7+HXzkpOvHVo/mmzGp2TX3/k9neH5tZ13Q1fdztEuwVq6uf23rLzlKIqIez2GvRbmrkvjpsV8PsM72N/PH8jKnyttPuS0cl3s7e2yWq3YbN54Xr+yft2wfnlhu93yFzy/TGbVL7eUAAAAAElFTkSuQmCC'); background-size: cover; display: block;\"></span>\n  <img class=\"gatsby-resp-image-image\" alt=\"cor2\" title=\"cor2\" src=\"/static/e2f4b51c8fd9f9fdaf245f32d3f1b0c5/a6d36/cor2.png\" srcset=\"/static/e2f4b51c8fd9f9fdaf245f32d3f1b0c5/222b7/cor2.png 163w,\n/static/e2f4b51c8fd9f9fdaf245f32d3f1b0c5/ff46a/cor2.png 325w,\n/static/e2f4b51c8fd9f9fdaf245f32d3f1b0c5/a6d36/cor2.png 650w,\n/static/e2f4b51c8fd9f9fdaf245f32d3f1b0c5/e548f/cor2.png 975w,\n/static/e2f4b51c8fd9f9fdaf245f32d3f1b0c5/3c492/cor2.png 1300w,\n/static/e2f4b51c8fd9f9fdaf245f32d3f1b0c5/29114/cor2.png 1920w\" sizes=\"(max-width: 650px) 100vw, 650px\" style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\" loading=\"lazy\">\n    </span>\n</a>\n\n<br>\n <div align=\"center\">\n    This is a React based application.\n     I tried to keep the original design of the <a href=\"https://www.milanocortina2026.org/en/\" target=\"_blank\" rel=\"noopener noreferrer\">official page</a>.\n        <br />\n    Here are some libraries used:\n    <br />\n    <a href=\"https://deck.gl/\" target=\"_blank\" rel=\"noopener noreferrer\">Deck.gl</a>\n        <br />\n            <a href=\"https://uber.github.io/react-vis/\" target=\"_blank\" rel=\"noopener noreferrer\">React-Vis (Uber, deprecated library)</a>\n        <br />\n    <a href=\"https://baseweb.design/\" target=\"_blank\" rel=\"noopener noreferrer\">BaseWeb (Uber)</a>\n        <br />\n    <a href=\"https://www.mapbox.com/\" target=\"_blank\" rel=\"noopener noreferrer\">Mapbox GL JS</a>\n  </div>\n<br/>\n<p>You can check it <a href=\"https://milano-cortina-2026.netlify.app/\" target=\"_blank\" rel=\"noopener noreferrer\">online</a>. </p>\n<br/>","frontmatter":{"title":"Milano-Cortina-2026"}}},"pageContext":{"slug":"/projects/2021-05-29-cortina-d'ampezzo-transport-app/","previous":{"fields":{"slug":"/projects/2020-05-05-photogrammetry-iphone-SE/"},"frontmatter":{"title":"Photogrammetry with IPhone SE"}},"kind":"project","parentPath":"/projects/","parentTitle":"Walk back","next":{"fields":{"slug":"/projects/2017-07-11-rcc-innoprom/"},"frontmatter":{"title":"Innoprom 2017 RCC Pavilion"}}}},
    "staticQueryHashes": ["3649515864"]}