WEB_CRAWLING_WITH_BS4.ipynb

{
  "nbformat": 4,
  "nbformat_minor": 0,
  "metadata": {
    "colab": {
      "provenance": [],
      "collapsed_sections": [
        "IBbf3-a0_SMK",
        "8ufsZ90G_Mia",
        "tVZcYSDr_Cqd"
      ],
      "authorship_tag": "ABX9TyPm6hUA4IcoLdROvT9JQmZC",
      "include_colab_link": true
    },
    "kernelspec": {
      "name": "python3",
      "display_name": "Python 3"
    },
    "language_info": {
      "name": "python"
    }
  },
  "cells": [
    {
      "cell_type": "markdown",
      "metadata": {
        "id": "view-in-github",
        "colab_type": "text"
      },
      "source": [
        "<a href=\"https://colab.research.google.com/github/ChimeDaniel/web_crawling_with_bs4/blob/main/WEB_CRAWLING_WITH_BS4.ipynb\" target=\"_parent\"><img src=\"https://colab.research.google.com/assets/colab-badge.svg\" alt=\"Open In Colab\"/></a>"
      ]
    },
    {
      "cell_type": "markdown",
      "source": [
        "## **START**"
      ],
      "metadata": {
        "id": "IBbf3-a0_SMK"
      }
    },
    {
      "cell_type": "code",
      "execution_count": 1,
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/"
        },
        "id": "OCQN5x91u2mE",
        "outputId": "ed9187fa-e8df-4ce8-88e6-f01aa6f8d13a"
      },
      "outputs": [
        {
          "output_type": "stream",
          "name": "stdout",
          "text": [
            "Requirement already satisfied: requests in /usr/local/lib/python3.10/dist-packages (2.31.0)\n",
            "Requirement already satisfied: charset-normalizer<4,>=2 in /usr/local/lib/python3.10/dist-packages (from requests) (3.3.2)\n",
            "Requirement already satisfied: idna<4,>=2.5 in /usr/local/lib/python3.10/dist-packages (from requests) (3.6)\n",
            "Requirement already satisfied: urllib3<3,>=1.21.1 in /usr/local/lib/python3.10/dist-packages (from requests) (2.0.7)\n",
            "Requirement already satisfied: certifi>=2017.4.17 in /usr/local/lib/python3.10/dist-packages (from requests) (2024.2.2)\n",
            "Requirement already satisfied: html5lib in /usr/local/lib/python3.10/dist-packages (1.1)\n",
            "Requirement already satisfied: six>=1.9 in /usr/local/lib/python3.10/dist-packages (from html5lib) (1.16.0)\n",
            "Requirement already satisfied: webencodings in /usr/local/lib/python3.10/dist-packages (from html5lib) (0.5.1)\n",
            "Collecting bs4\n",
            "  Downloading bs4-0.0.2-py2.py3-none-any.whl (1.2 kB)\n",
            "Requirement already satisfied: beautifulsoup4 in /usr/local/lib/python3.10/dist-packages (from bs4) (4.12.3)\n",
            "Requirement already satisfied: soupsieve>1.2 in /usr/local/lib/python3.10/dist-packages (from beautifulsoup4->bs4) (2.5)\n",
            "Installing collected packages: bs4\n",
            "Successfully installed bs4-0.0.2\n"
          ]
        }
      ],
      "source": [
        "# Install required libraries\n",
        "pip install requests\n",
        "!pip install html5lib\n",
        "!pip install bs4"
      ]
    },
    {
      "cell_type": "code",
      "source": [
        "# import said libraries\n",
        "import requests\n",
        "from bs4 import BeautifulSoup"
      ],
      "metadata": {
        "id": "LRV_Nkn3vsee"
      },
      "execution_count": null,
      "outputs": []
    },
    {
      "cell_type": "code",
      "source": [
        "# assign url to variable\n",
        "base_url = 'https://sitescrape.awh.durham.ac.uk/comp42315/'\n",
        "home = f'{base_url}index.htm'\n",
        "\n",
        "# test connection and get url\n",
        "r = requests.get(home)\n",
        "res = BeautifulSoup(r.content)\n",
        "URL_link = res.find('a').find_next_sibling('a')\n",
        "url = URL_link.get('href')\n",
        "url"
      ],
      "metadata": {
        "id": "Qjv8XpBAT7AT",
        "colab": {
          "base_uri": "https://localhost:8080/",
          "height": 35
        },
        "outputId": "7033385f-549d-4b1e-8336-5bc1d7e69f2a"
      },
      "execution_count": null,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "'publicationfull_year_characteranimation.htm'"
            ],
            "application/vnd.google.colaboratory.intrinsic+json": {
              "type": "string"
            }
          },
          "metadata": {},
          "execution_count": 3
        }
      ]
    },
    {
      "cell_type": "code",
      "source": [
        "# scrape url\n",
        "URL = f\"{base_url}{url}\"\n",
        "r = requests.get(URL)\n",
        "print(r.content)"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/"
        },
        "id": "vgMxgburxA0m",
        "outputId": "4f3ee99e-05c8-42a2-d9be-a6ba5fb852f6"
      },
      "execution_count": null,
      "outputs": [
        {
          "output_type": "stream",
          "name": "stdout",
          "text": [
            "b'<!DOCTYPE html>\\r\\n<html lang=\"en\">\\r\\n<head>\\r\\n<title>Character Animation Research Publications | COMP42315 Assignment Site for Crawling</title>\\r\\n\\r\\n<meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\">\\r\\n\\r\\n<!-- For mobile rendering -->\\r\\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\\r\\n\\r\\n<!-- Seems like browsers can do resolution down-sampling automatically -->\\r\\n<link rel=\"icon\" type=\"image/png\" href=\"http://hubertshum.com/images/icons/favicon256x256.png\" sizes=\"256x256\">\\r\\n\\r\\n<link href=\"js/w3.css\" rel=\"stylesheet\"> <!-- https://www.w3schools.com/w3css/4/w3.css -->\\r\\n<link href=\"res/FontAwesome5.15.2/css/all.css\" rel=\"stylesheet\" type=\"text/css\">\\r\\n<link href=\"js/jquery.qtip.min.css\" type=\"text/css\" rel=\"stylesheet\">\\r\\n\\r\\n\\r\\n<link href=\"default.css\" rel=\"stylesheet\" type=\"text/css\">\\r\\n<script src=\"js/functions.js\"></script>\\r\\n<script>\\r\\n// It is better to override the default css than select one out of two - this can avoid a duration when no css is loaded due to javascript delay\\r\\nif (mobileAndTabletCheck())\\r\\n{\\r\\n\\tvar link = document.createElement( \"link\" );\\r\\n\\tlink.href = \"defaultmobile.css\";\\r\\n\\tlink.type = \"text/css\";\\r\\n\\tlink.rel = \"stylesheet\";\\r\\n\\tlink.media = \"screen,print\";\\r\\n\\tdocument.getElementsByTagName( \"head\" )[0].appendChild( link );\\r\\n}\\r\\n</script>\\r\\n\\r\\n\\r\\n<script src=\"js/jquery-3.5.1.min.js\"></script>\\r\\n<script src=\"js/jquery.qtip.min.js\"></script>\\r\\n\\r\\n\\r\\n<script>\\r\\n// Resize when background DIV is completely loaded, this should be fired faster than the document load event, ready evnet is faster than load event\\r\\n// However, this is still not fast enough so final solution is to put script inside html and put one here - the html one is fast but it does not count the scrollbar, this one is slower but it will be more accurate\\r\\n$(\"#divBackground\").ready(function(){\\r\\n\\tresizeDivBackground(\\'1200px\\');\\r\\n})\\r\\nwindow.addEventListener(\\'orientationchange\\', function() {\\r\\n\\tresizeDivBackground(\\'1200px\\'); // testing, does not seem to do anything\\r\\n}, false);\\r\\n// Resize when screen size changes\\r\\nwindow.addEventListener(\\'resize\\', function() {\\r\\n    resizeDivBackground(\\'1200px\\');\\r\\n}, false);\\r\\n\\t\\r\\n</script>\\r\\n\\r\\n<script>\\r\\n$(document).ready(function() \\r\\n{\\r\\n\\t// Qtip2 for similar research\\t\\r\\n\\t$(\\'[data-similarwork!=\"\"]\\').qtip({ \\r\\n\\t\\tcontent: {\\r\\n\\t\\t\\tattr: \\'data-similarwork\\', \\r\\n\\t\\t\\ttitle: \\'<span class=\"QtipTitle\">Similar Research</span>\\',\\r\\n\\t\\t},\\r\\n\\t\\tposition: {\\r\\n\\t\\t\\tmy: \\'bottom center\\',\\r\\n\\t\\t\\tat: \\'top center\\',\\r\\n\\t\\t\\tadjust: {\\r\\n\\t\\t\\t\\tmethod: \\'none shift\\'\\r\\n\\t\\t\\t}\\r\\n\\t\\t},\\r\\n\\t\\tstyle: {\\r\\n\\t\\t\\tclasses: \\'qtip-dark qtip-shadow qtip-rounded QtipSimilarWork\\',\\r\\n\\t\\t},\\r\\n\\t\\tshow: {\\r\\n            effect: function() {\\r\\n                $(this).fadeTo(125, 1);\\r\\n            },\\r\\n        },\\r\\n\\t\\thide: {\\r\\n            effect: function() {\\r\\n                $(this).fadeTo(500, 0);\\r\\n            },\\r\\n        },\\r\\n\\t});\\r\\n\\r\\n\\t// Qtip2 for footer\\t\\r\\n\\t$(\\'[data-footer!=\"\"]\\').qtip({ \\r\\n\\t\\tcontent: {\\r\\n\\t\\t\\tattr: \\'data-footer\\', \\r\\n\\t\\t},\\r\\n\\t\\tposition: {\\r\\n\\t\\t\\tmy: \\'bottom center\\',\\r\\n\\t\\t\\tat: \\'top center\\',\\r\\n\\t\\t},\\r\\n\\t\\tstyle: {\\r\\n\\t\\t\\tclasses: \\'qtip-dark qtip-shadow qtip-rounded QtipFooter\\',\\r\\n\\t\\t},\\r\\n\\t\\tshow: {\\r\\n            effect: function() {\\r\\n                $(this).fadeTo(125, 1);\\r\\n            },\\r\\n        },\\r\\n\\t\\thide: {\\r\\n            effect: function() {\\r\\n                $(this).fadeTo(500, 0);\\r\\n            },\\r\\n        },\\r\\n\\t});\\r\\n\\t\\r\\n\\t// Qtip2 for reference popup\\r\\n\\t$(\\'[data-reference!=\"\"]\\').qtip({ \\r\\n\\t\\tcontent: {\\r\\n\\t\\t\\tattr: \\'data-reference\\', \\r\\n\\t\\t\\ttitle: function(event, api) \\r\\n\\t\\t\\t{\\r\\n\\t\\t\\t\\treturn \\'<span class=\"QtipTitle\">\\' + $(this).attr(\\'data-title\\') + \\'</span>\\';\\r\\n       \\t\\t},\\r\\n\\t\\t\\tbutton: \\'Close\\',\\r\\n\\t\\t},\\r\\n\\t\\tposition: {\\r\\n\\t\\t\\tmy: \\'top left\\',\\r\\n\\t\\t\\tat: \\'bottom left\\',\\r\\n\\t\\t\\tadjust: {\\r\\n\\t\\t\\t\\tmethod: \\'shift shift\\'\\r\\n\\t\\t\\t}\\r\\n\\t\\t},\\r\\n\\t\\tstyle: {\\r\\n\\t\\t\\tclasses: \\'qtip-dark qtip-shadow qtip-rounded QtipReference\\',\\r\\n\\t\\t},\\r\\n\\t\\tshow: {\\r\\n        \\tevent: \\'click\\',\\r\\n\\t\\t\\tsolo: true,\\r\\n            effect: function() {\\r\\n                $(this).fadeTo(125, 1);\\r\\n            },\\r\\n        },\\r\\n\\t\\thide: {\\r\\n\\t       event: \\'unfocus click\\',\\r\\n           effect: function() {\\r\\n                $(this).fadeTo(500, 0);\\r\\n            },\\r\\n        },\\r\\n\\t});\\r\\n\\r\\n\\t// Qtip2 for research interest\\r\\n\\t$(\\'[data-interest!=\"\"]\\').qtip({ \\r\\n\\t\\tcontent: {\\r\\n\\t\\t\\tattr: \\'data-interest\\', \\r\\n\\t\\t\\ttitle: function(event, api) \\r\\n\\t\\t\\t{\\r\\n\\t\\t\\t\\treturn \\'<span class=\"QtipTitle\">\\' + $(this).attr(\\'data-title\\') + \\'</span>\\';\\r\\n       \\t\\t},\\r\\n\\t\\t\\tbutton: \\'Close\\',\\r\\n\\t\\t},\\r\\n\\t\\tposition: {\\r\\n\\t\\t\\tmy: \\'top left\\',\\r\\n\\t\\t\\tat: \\'bottom left\\',\\r\\n\\t\\t\\tadjust: {\\r\\n\\t\\t\\t\\tmethod: \\'none shift\\'\\r\\n\\t\\t\\t}\\r\\n\\t\\t},\\r\\n\\t\\tstyle: {\\r\\n\\t\\t\\tclasses: \\'qtip-dark qtip-shadow qtip-rounded QtipInterest\\',\\r\\n\\t\\t},\\r\\n\\t\\tshow: {\\r\\n        \\tevent: \\'click\\',\\r\\n\\t\\t\\tsolo: true,\\r\\n            effect: function() {\\r\\n                $(this).fadeTo(125, 1);\\r\\n            },\\r\\n        },\\r\\n\\t\\thide: {\\r\\n\\t       event: \\'unfocus click\\',\\r\\n           effect: function() {\\r\\n                $(this).fadeTo(500, 0);\\r\\n            },\\r\\n        },\\r\\n\\t});\\r\\n\\r\\n\\t// JQuery show hide with slide\\r\\n\\t$(\"#divMoreNewsButton\").click(function() \\r\\n\\t{\\r\\n\\t\\t$(\"#divMoreNews\").slideToggle(500, function() {});\\r\\n\\t\\t$(\"#divMoreNews\").promise().done(function()\\r\\n\\t\\t{\\t\\t\\r\\n\\t\\t\\t$(\"#divMoreNewsButton\").hide(0, function() {});\\r\\n\\t\\t\\t$(\"#divFewerNewsButton\").show(0, function() {});\\r\\n\\t\\t});\\r\\n\\t});\\r\\n\\t$(\"#divFewerNewsButton\").click(function() \\r\\n\\t{\\r\\n\\t\\t$(\"#divMoreNews\").slideToggle(500, function() {});\\r\\n\\t\\t$(\"#divMoreNews\").promise().done(function()\\r\\n\\t\\t{\\t\\t\\r\\n\\t\\t\\t$(\"#divFewerNewsButton\").hide(0, function() {});\\r\\n\\t\\t\\t$(\"#divMoreNewsButton\").show(0, function() {});\\r\\n\\t\\t});\\r\\n\\t});\\r\\n\\t\\r\\n});\\r\\n</script>\\r\\n\\r\\n</head>\\r\\n\\r\\n<body class=\"PageDefault\">\\r\\n\\r\\n<div id=\"divBackground\" style=\"width: 1200px; margin: 0 auto; overflow: hidden;\">\\r\\n<script>resizeDivBackground(\\'1200px\\');</script>\\r\\n\\r\\n\\r\\n<div class=\"navigator\">\\r\\n<a href=\"index.htm\"><span>HOME</span><span>to discover</span></a>\\r\\n<a href=\"publicationfull_year_characteranimation.htm\"><span>PUBLICATIONS</span><span>to innovate</span></a>\\r\\n</div>\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n<h1>COMP42315 Assignment Site for Crawling</h1>\\r\\n<h2>Research Publications</h2>\\r\\n<p class=\"TextOption\">Sort by:&nbsp;&nbsp;&nbsp;Year / <a href=\"publicationfull_type_characteranimation.htm\">Type</a> / <a href=\"publicationfull_citation_characteranimation.htm\">Citation</a> / <a href=\"publicationfull_impactfactor_characteranimation.htm\">Impact Factor</a></p>\\r\\n<p class=\"TextOption\">Topic:&nbsp;&nbsp;&nbsp;Character Animation / <a href=\"publicationfull_year_motionanalysis.htm\">Motion Analysis</a> / <a href=\"publicationfull_year_interactionmodelling.htm\">Interaction Modelling</a> / <a href=\"publicationfull_year_biomedicalengineering.htm\">Biomedical Engineering</a> / <a href=\"publicationfull_year_3dreconstruction.htm\">3D Reconstruction</a> / <a href=\"publicationfull_year_actionrecognition.htm\">Action Recognition</a> / <a href=\"publicationfull_year_surfacemodelling.htm\">Surface Modelling</a> / <a href=\"publicationfull_year_crowdmodelling.htm\">Crowd Modelling</a> / <a href=\"publicationfull_year_facemodelling.htm\">Face Modelling</a> / <a href=\"publicationfull_year_virtualreality.htm\">Virtual Reality</a> / <a href=\"publicationfull_year_robotics.htm\">Robotics</a> / <a href=\"publicationfull_year_biometrics.htm\">Biometrics</a> / <a href=\"publicationfull_year_handandgesture.htm\">Hand and Gesture</a> / <a href=\"publicationfull_year_computationalintelligence.htm\">Computational Intelligence</a></p>\\r\\n<h2 id=\"2022\">2022</h2><div style = \"margin-left: var(--size-marginleft)\">\\r\\n<div class=\"w3-cell-row\">\\r\\n\\t<div class=\"w3-container w3-cell w3-mobile w3-cell-top\" style=\"padding-left: 0px; padding-right: 0px; padding-bottom: 16px; padding-top: 0px; width:120px;\">\\t\\r\\n\\t\\t<div class=\"ImgIconPublicationDiv\">\\r\\n\\t\\t\\t<a href=\"pbl_cag2022reactive7098.htm\"><img src=\"publications/cag2022reactive/images/icon.png\" alt=\"Webpage\" class=\"ImgIconPublication\" style=\"display:block\"></a>\\r\\n\\t\\t</div>\\r\\n\\t</div>\\r\\n\\t<div class=\"w3-container w3-cell w3-mobile w3-cell-middle\" style=\"padding-bottom: 24px\">\\t\\r\\n\\t\\tGAN-based Reactive Motion Synthesis with Class-aware Discriminators for Human-human Interaction</span>\\r\\n\\t\\t<br>\\r\\n\\t\\t<span class=\"TextSmallDefault\">Computers and Graphics (C&G), 2022</span><br>\\r\\n\\t\\t<span class=\"TextSmallDefault\"><a href=\"https://orcid.org/0000-0002-0059-5484\">Qianhui Men</a>, <a href=\"index.htm\">Hubert P. H. Shum</a>, <a href=\"http://www.edho.net/\">Edmond S. L. Ho</a> and <a href=\"http://www.cs.cityu.edu.hk/~howard/\">Howard Leung</a><br></span>\\r\\n\\t\\t<span class=\"TextSmallDefault\"><a href=\"pbl_cag2022reactive7098.htm\" class=\"LinkButton\" style=\"background-color:#555\" ><i class=\"far fa-window-maximize\"></i> Webpage</a></span>\\r\\n\\t</div>\\r\\n</div>\\r\\n<div class=\"w3-cell-row\">\\r\\n\\t<div class=\"w3-container w3-cell w3-mobile w3-cell-top\" style=\"padding-left: 0px; padding-right: 0px; padding-bottom: 16px; padding-top: 0px; width:120px;\">\\t\\r\\n\\t\\t<div class=\"ImgIconPublicationDiv\">\\r\\n\\t\\t\\t<a href=\"pbl_mig2022style717.htm\"><img src=\"publications/mig2022style/images/icon.png\" alt=\"Webpage\" class=\"ImgIconPublication\" style=\"display:block\"></a>\\r\\n\\t\\t</div>\\r\\n\\t</div>\\r\\n\\t<div class=\"w3-container w3-cell w3-mobile w3-cell-middle\" style=\"padding-bottom: 24px\">\\t\\r\\n\\t\\tDenoising Diffusion Probabilistic Models for Styled Walking Synthesis</span>\\r\\n\\t\\t<br>\\r\\n\\t\\t<span class=\"TextSmallDefault\">Proceedings of the 2022 International Conference on Motion, Interaction and Games (MIG) Posters, 2022</span><br>\\r\\n\\t\\t<span class=\"TextSmallDefault\">Edmund Findlay, <a href=\"https://www.durham.ac.uk/staff/haozheng-zhang/\">Haozheng Zhang</a>, <a href=\"https://www.durham.ac.uk/staff/ziyi-chang/\">Ziyi Chang</a> and <a href=\"index.htm\">Hubert P. H. Shum</a><br></span>\\r\\n\\t\\t<span class=\"TextSmallDefault\"><a href=\"pbl_mig2022style717.htm\" class=\"LinkButton\" style=\"background-color:#555\" ><i class=\"far fa-window-maximize\"></i> Webpage</a></span>\\r\\n\\t</div>\\r\\n</div>\\r\\n</div>\\r\\n<h2 id=\"2021\">2021</h2><div style = \"margin-left: var(--size-marginleft)\">\\r\\n<div class=\"w3-cell-row\">\\r\\n\\t<div class=\"w3-container w3-cell w3-mobile w3-cell-top\" style=\"padding-left: 0px; padding-right: 0px; padding-bottom: 16px; padding-top: 0px; width:120px;\">\\t\\r\\n\\t\\t<div class=\"ImgIconPublicationDiv\">\\r\\n\\t\\t\\t<a href=\"pbl_tvcg2021deeplearning8560.htm\"><img src=\"publications/tvcg2021deeplearning/images/icon.png\" alt=\"Webpage\" class=\"ImgIconPublication\" style=\"display:block\"></a>\\r\\n\\t\\t</div>\\r\\n\\t</div>\\r\\n\\t<div class=\"w3-container w3-cell w3-mobile w3-cell-middle\" style=\"padding-bottom: 24px\">\\t\\r\\n\\t\\tSpatio-temporal Manifold Learning for Human Motions via Long-horizon Modeling</span>\\r\\n\\t\\t<br>\\r\\n\\t\\t<span class=\"TextSmallDefault\">IEEE Transactions on Visualization and Computer Graphics (TVCG), 2021</span><br>\\r\\n\\t\\t<span class=\"TextSmallDefault\"><a href=\"http://www.drhewang.com/\">He Wang</a>, <a href=\"http://www.edho.net/\">Edmond S. L. Ho</a>, <a href=\"index.htm\">Hubert P. H. Shum</a> and <a href=\"http://english.math.pku.edu.cn/peoplefaculty/473.html\">Zhanxing Zhu</a><br></span>\\r\\n\\t\\t<span class=\"TextSmallDefault\"><a href=\"pbl_tvcg2021deeplearning8560.htm\" class=\"LinkButton\" style=\"background-color:#555\" ><i class=\"far fa-window-maximize\"></i> Webpage</a></span>\\r\\n\\t</div>\\r\\n</div>\\r\\n<div class=\"w3-cell-row\">\\r\\n\\t<div class=\"w3-container w3-cell w3-mobile w3-cell-top\" style=\"padding-left: 0px; padding-right: 0px; padding-bottom: 16px; padding-top: 0px; width:120px;\">\\t\\r\\n\\t\\t<div class=\"ImgIconPublicationDiv\">\\r\\n\\t\\t\\t<a href=\"pbl_tcsvt2021prediction7122.htm\"><img src=\"publications/tcsvt2021prediction/images/icon.png\" alt=\"Webpage\" class=\"ImgIconPublication\" style=\"display:block\"></a>\\r\\n\\t\\t</div>\\r\\n\\t</div>\\r\\n\\t<div class=\"w3-container w3-cell w3-mobile w3-cell-middle\" style=\"padding-bottom: 24px\">\\t\\r\\n\\t\\tA Quadruple Diffusion Convolutional Recurrent Network for Human Motion Prediction</span>\\r\\n\\t\\t<br>\\r\\n\\t\\t<span class=\"TextSmallDefault\">IEEE Transactions on Circuits and Systems for Video Technology (TCSVT), 2021</span><br>\\r\\n\\t\\t<span class=\"TextSmallDefault\"><a href=\"https://orcid.org/0000-0002-0059-5484\">Qianhui Men</a>, <a href=\"http://www.edho.net/\">Edmond S. L. Ho</a>, <a href=\"index.htm\">Hubert P. H. Shum</a> and <a href=\"http://www.cs.cityu.edu.hk/~howard/\">Howard Leung</a><br></span>\\r\\n\\t\\t<span class=\"TextSmallDefault\"><a href=\"pbl_tcsvt2021prediction7122.htm\" class=\"LinkButton\" style=\"background-color:#555\" ><i class=\"far fa-window-maximize\"></i> Webpage</a></span>\\r\\n\\t</div>\\r\\n</div>\\r\\n</div>\\r\\n<h2 id=\"2019\">2019</h2><div style = \"margin-left: var(--size-marginleft)\">\\r\\n<div class=\"w3-cell-row\">\\r\\n\\t<div class=\"w3-container w3-cell w3-mobile w3-cell-top\" style=\"padding-left: 0px; padding-right: 0px; padding-bottom: 16px; padding-top: 0px; width:120px;\">\\t\\r\\n\\t\\t<div class=\"ImgIconPublicationDiv\">\\r\\n\\t\\t\\t<a href=\"pbl_cavw2019emotion5293.htm\"><img src=\"publications/cavw2019emotion/images/icon.png\" alt=\"Webpage\" class=\"ImgIconPublication\" style=\"display:block\"></a>\\r\\n\\t\\t</div>\\r\\n\\t</div>\\r\\n\\t<div class=\"w3-container w3-cell w3-mobile w3-cell-middle\" style=\"padding-bottom: 24px\">\\t\\r\\n\\t\\tA Generic Framework for Editing and Synthesizing Multimodal Data with Relative Emotion Strength</span>\\r\\n\\t\\t<br>\\r\\n\\t\\t<span class=\"TextSmallDefault\">Computer Animation and Virtual Worlds (CAVW), 2019</span><br>\\r\\n\\t\\t<span class=\"TextSmallDefault\"><a href=\"https://scholar.google.co.uk/citations?user=qFmGo_0AAAAJ\">Jacky C. P. Chan</a>, <a href=\"index.htm\">Hubert P. H. Shum</a>, <a href=\"http://www.drhewang.com/\">He Wang</a>, Li Yi, <a href=\"https://scholar.google.com/citations?user=-brO3ckAAAAJ\">Wei Wei</a> and <a href=\"http://www.edho.net/\">Edmond S. L. Ho</a><br></span>\\r\\n\\t\\t<span class=\"TextSmallDefault\"><a href=\"pbl_cavw2019emotion5293.htm\" class=\"LinkButton\" style=\"background-color:#555\" ><i class=\"far fa-window-maximize\"></i> Webpage</a></span>\\r\\n\\t</div>\\r\\n</div>\\r\\n<div class=\"w3-cell-row\">\\r\\n\\t<div class=\"w3-container w3-cell w3-mobile w3-cell-top\" style=\"padding-left: 0px; padding-right: 0px; padding-bottom: 16px; padding-top: 0px; width:120px;\">\\t\\r\\n\\t\\t<div class=\"ImgIconPublicationDiv\">\\r\\n\\t\\t\\t<a href=\"pbl_mig2019dance3960.htm\"><img src=\"publications/mig2019dance/images/icon.png\" alt=\"Webpage\" class=\"ImgIconPublication\" style=\"display:block\"></a>\\r\\n\\t\\t</div>\\r\\n\\t</div>\\r\\n\\t<div class=\"w3-container w3-cell w3-mobile w3-cell-middle\" style=\"padding-bottom: 24px\">\\t\\r\\n\\t\\tAutomatic Sign Dance Synthesis from Gesture-based Sign Language</span>\\r\\n\\t\\t<br>\\r\\n\\t\\t<span class=\"TextSmallDefault\">Proceedings of the 2019 International Conference on Motion, Interactions and Games (MIG), 2019</span><br>\\r\\n\\t\\t<span class=\"TextSmallDefault\"><a href=\"https://github.com/iwanao731\">Naoya Iwamoto</a>, <a href=\"index.htm\">Hubert P. H. Shum</a>, <a href=\"https://dblp.uni-trier.de/pers/hd/a/Asahina:Wakana\">Wakana Asahina</a> and <a href=\"http://www.mlab.phys.waseda.ac.jp/?lang=en\">Shigeo Morishima</a><br></span>\\r\\n\\t\\t<span class=\"TextSmallDefault\"><a href=\"pbl_mig2019dance3960.htm\" class=\"LinkButton\" style=\"background-color:#555\" ><i class=\"far fa-window-maximize\"></i> Webpage</a></span>\\r\\n\\t</div>\\r\\n</div>\\r\\n</div>\\r\\n<h2 id=\"2017\">2017</h2><div style = \"margin-left: var(--size-marginleft)\">\\r\\n<div class=\"w3-cell-row\">\\r\\n\\t<div class=\"w3-container w3-cell w3-mobile w3-cell-top\" style=\"padding-left: 0px; padding-right: 0px; padding-bottom: 16px; padding-top: 0px; width:120px;\">\\t\\r\\n\\t\\t<div class=\"ImgIconPublicationDiv\">\\r\\n\\t\\t\\t<a href=\"pbl_ace2017dancedj2550.htm\"><img src=\"publications/ace2017dancedj/images/icon.jpg\" alt=\"Webpage\" class=\"ImgIconPublication\" style=\"display:block\"></a>\\r\\n\\t\\t</div>\\r\\n\\t</div>\\r\\n\\t<div class=\"w3-container w3-cell w3-mobile w3-cell-middle\" style=\"padding-bottom: 24px\">\\t\\r\\n\\t\\tDanceDJ: A 3D Dance Animation Authoring System for Live Performance</span>\\r\\n\\t\\t<br>\\r\\n\\t\\t<span class=\"TextSmallDefault\">Proceedings of the 2017 International Conference on Advances in Computer Entertainment Technology (ACE), 2017</span><br>\\r\\n\\t\\t<span class=\"TextSmallDefault\"><a href=\"https://github.com/iwanao731\">Naoya Iwamoto</a>, <a href=\"https://scholar.google.com/citations?user=D-pAl1AAAAAJ\">Takuya Kato</a>, <a href=\"index.htm\">Hubert P. H. Shum</a>, Ryo Kakitsuka, Kenta Hara and <a href=\"http://www.mlab.phys.waseda.ac.jp/?lang=en\">Shigeo Morishima</a><br></span>\\r\\n\\t\\t<span class=\"TextSmallDefault\"><a href=\"pbl_ace2017dancedj2550.htm\" class=\"LinkButton\" style=\"background-color:#555\" ><i class=\"far fa-window-maximize\"></i> Webpage</a></span>\\r\\n\\t</div>\\r\\n</div>\\r\\n<div class=\"w3-cell-row\">\\r\\n\\t<div class=\"w3-container w3-cell w3-mobile w3-cell-top\" style=\"padding-left: 0px; padding-right: 0px; padding-bottom: 16px; padding-top: 0px; width:120px;\">\\t\\r\\n\\t\\t<div class=\"ImgIconPublicationDiv\">\\r\\n\\t\\t\\t<a href=\"pbl_d2at2017emotion1318.htm\"><img src=\"publications/d2at2017emotion/images/icon.jpg\" alt=\"Webpage\" class=\"ImgIconPublication\" style=\"display:block\"></a>\\r\\n\\t\\t</div>\\r\\n\\t</div>\\r\\n\\t<div class=\"w3-container w3-cell w3-mobile w3-cell-middle\" style=\"padding-bottom: 24px\">\\t\\r\\n\\t\\tSynthesizing Motion with Relative Emotion Strength</span>\\r\\n\\t\\t<br>\\r\\n\\t\\t<span class=\"TextSmallDefault\">Proceedings of the 2017 ACM SIGGRAPH Asia Workshop on Data-Driven Animation Techniques (D2AT), 2017</span><br>\\r\\n\\t\\t<span class=\"TextSmallDefault\"><a href=\"http://www.edho.net/\">Edmond S. L. Ho</a>, <a href=\"index.htm\">Hubert P. H. Shum</a>, <a href=\"http://www.drhewang.com/\">He Wang</a> and Li Yi<br></span>\\r\\n\\t\\t<span class=\"TextSmallDefault\"><a href=\"pbl_d2at2017emotion1318.htm\" class=\"LinkButton\" style=\"background-color:#555\" ><i class=\"far fa-window-maximize\"></i> Webpage</a></span>\\r\\n\\t</div>\\r\\n</div>\\r\\n</div>\\r\\n<h2 id=\"2016\">2016</h2><div style = \"margin-left: var(--size-marginleft)\">\\r\\n<div class=\"w3-cell-row\">\\r\\n\\t<div class=\"w3-container w3-cell w3-mobile w3-cell-top\" style=\"padding-left: 0px; padding-right: 0px; padding-bottom: 16px; padding-top: 0px; width:120px;\">\\t\\r\\n\\t\\t<div class=\"ImgIconPublicationDiv\">\\r\\n\\t\\t\\t<a href=\"pbl_siggraph2016dance4025.htm\"><img src=\"publications/siggraph2016dance/images/icon.jpg\" alt=\"Webpage\" class=\"ImgIconPublication\" style=\"display:block\"></a>\\r\\n\\t\\t</div>\\r\\n\\t</div>\\r\\n\\t<div class=\"w3-container w3-cell w3-mobile w3-cell-middle\" style=\"padding-bottom: 24px\">\\t\\r\\n\\t\\tAutomatic Dance Generation System Considering Sign Language Information</span>\\r\\n\\t\\t<br>\\r\\n\\t\\t<span class=\"TextSmallDefault\">Proceedings of the 2016 ACM SIGGRAPH (SIGGRAPH) Posters, 2016</span><br>\\r\\n\\t\\t<span class=\"TextSmallDefault\"><a href=\"https://dblp.uni-trier.de/pers/hd/a/Asahina:Wakana\">Wakana Asahina</a>, <a href=\"https://github.com/iwanao731\">Naoya Iwamoto</a>, <a href=\"index.htm\">Hubert P. H. Shum</a> and <a href=\"http://www.mlab.phys.waseda.ac.jp/?lang=en\">Shigeo Morishima</a><br></span>\\r\\n\\t\\t<span class=\"TextSmallDefault\"><a href=\"pbl_siggraph2016dance4025.htm\" class=\"LinkButton\" style=\"background-color:#555\" ><i class=\"far fa-window-maximize\"></i> Webpage</a></span>\\r\\n\\t</div>\\r\\n</div>\\r\\n<div class=\"w3-cell-row\">\\r\\n\\t<div class=\"w3-container w3-cell w3-mobile w3-cell-top\" style=\"padding-left: 0px; padding-right: 0px; padding-bottom: 16px; padding-top: 0px; width:120px;\">\\t\\r\\n\\t\\t<div class=\"ImgIconPublicationDiv\">\\r\\n\\t\\t\\t<a href=\"pbl_hhm2016depth6053.htm\"><img src=\"publications/hhm2016depth/images/icon.jpg\" alt=\"Webpage\" class=\"ImgIconPublication\" style=\"display:block\"></a>\\r\\n\\t\\t</div>\\r\\n\\t</div>\\r\\n\\t<div class=\"w3-container w3-cell w3-mobile w3-cell-middle\" style=\"padding-bottom: 24px\">\\t\\r\\n\\t\\tDepth Sensor based Facial and Body Animation Control</span>\\r\\n\\t\\t<br>\\r\\n\\t\\t<span class=\"TextSmallDefault\">Book Chapter: Handbook of Human Motion, 2016</span><br>\\r\\n\\t\\t<span class=\"TextSmallDefault\"><a href=\"https://scholar.google.com/citations?user=eqtsGlUAAAAJ\">Yijun Shen</a>, <a href=\"https://scholar.google.com/citations?user=BKjkbY0AAAAJ\">Jingtian Zhang</a>, <a href=\"http://lyang.uk/\">Longzhi Yang</a> and <a href=\"index.htm\">Hubert P. H. Shum</a><br></span>\\r\\n\\t\\t<span class=\"TextSmallDefault\"><a href=\"pbl_hhm2016depth6053.htm\" class=\"LinkButton\" style=\"background-color:#555\" ><i class=\"far fa-window-maximize\"></i> Webpage</a></span>\\r\\n\\t</div>\\r\\n</div>\\r\\n</div>\\r\\n<h2 id=\"2015\">2015</h2><div style = \"margin-left: var(--size-marginleft)\">\\r\\n<div class=\"w3-cell-row\">\\r\\n\\t<div class=\"w3-container w3-cell w3-mobile w3-cell-top\" style=\"padding-left: 0px; padding-right: 0px; padding-bottom: 16px; padding-top: 0px; width:120px;\">\\t\\r\\n\\t\\t<div class=\"ImgIconPublicationDiv\">\\r\\n\\t\\t\\t<a href=\"pbl_pg2015lattice663.htm\"><img src=\"publications/pg2015lattice/images/icon.jpg\" alt=\"Webpage\" class=\"ImgIconPublication\" style=\"display:block\"></a>\\r\\n\\t\\t</div>\\r\\n\\t</div>\\r\\n\\t<div class=\"w3-container w3-cell w3-mobile w3-cell-middle\" style=\"padding-bottom: 24px\">\\t\\r\\n\\t\\tMulti-layer Lattice Model for Real-Time Dynamic Character Deformation</span>\\r\\n\\t\\t<br>\\r\\n\\t\\t<span class=\"TextSmallDefault\">Computer Graphics Forum (CGF) - Proceedings of the 2015 Pacific Conference on Computer Graphics and Applications (PG), 2015</span><br>\\r\\n\\t\\t<span class=\"TextSmallDefault\"><a href=\"https://github.com/iwanao731\">Naoya Iwamoto</a>, <a href=\"index.htm\">Hubert P. H. Shum</a>, <a href=\"http://lyang.uk/\">Longzhi Yang</a> and <a href=\"http://www.mlab.phys.waseda.ac.jp/?lang=en\">Shigeo Morishima</a><br></span>\\r\\n\\t\\t<span class=\"TextSmallDefault\"><a href=\"pbl_pg2015lattice663.htm\" class=\"LinkButton\" style=\"background-color:#555\" ><i class=\"far fa-window-maximize\"></i> Webpage</a></span>\\r\\n\\t</div>\\r\\n</div>\\r\\n</div>\\r\\n<h2 id=\"2014\">2014</h2><div style = \"margin-left: var(--size-marginleft)\">\\r\\n<div class=\"w3-cell-row\">\\r\\n\\t<div class=\"w3-container w3-cell w3-mobile w3-cell-top\" style=\"padding-left: 0px; padding-right: 0px; padding-bottom: 16px; padding-top: 0px; width:120px;\">\\t\\r\\n\\t\\t<div class=\"ImgIconPublicationDiv\">\\r\\n\\t\\t\\t<a href=\"pbl_casa2014variation340.htm\"><img src=\"publications/casa2014variation/images/icon.jpg\" alt=\"Webpage\" class=\"ImgIconPublication\" style=\"display:block\"></a>\\r\\n\\t\\t</div>\\r\\n\\t</div>\\r\\n\\t<div class=\"w3-container w3-cell w3-mobile w3-cell-middle\" style=\"padding-bottom: 24px\">\\t\\r\\n\\t\\tHuman Motion Variation Synthesis with Multivariate Gaussian Processes</span>\\r\\n\\t\\t<br>\\r\\n\\t\\t<span class=\"TextSmallDefault\">Computer Animation and Virtual Worlds (CAVW) - Proceedings of the 2014 International Conference on Computer Animation and Social Agents (CASA), 2014</span><br>\\r\\n\\t\\t<span class=\"TextSmallDefault\"><a href=\"https://www.researchgate.net/profile/Liuyang_Zhou\">Liuyang Zhou</a>, <a href=\"https://sites.google.com/site/lifengshang/\">Lifeng Shang</a>, <a href=\"index.htm\">Hubert P. H. Shum</a> and <a href=\"http://www.cs.cityu.edu.hk/~howard/\">Howard Leung</a><br></span>\\r\\n\\t\\t<span class=\"TextSmallDefault\"><a href=\"pbl_casa2014variation340.htm\" class=\"LinkButton\" style=\"background-color:#555\" ><i class=\"far fa-window-maximize\"></i> Webpage</a></span>\\r\\n\\t</div>\\r\\n</div>\\r\\n</div>\\r\\n<h2 id=\"2013\">2013</h2><div style = \"margin-left: var(--size-marginleft)\">\\r\\n<div class=\"w3-cell-row\">\\r\\n\\t<div class=\"w3-container w3-cell w3-mobile w3-cell-top\" style=\"padding-left: 0px; padding-right: 0px; padding-bottom: 16px; padding-top: 0px; width:120px;\">\\t\\r\\n\\t\\t<div class=\"ImgIconPublicationDiv\">\\r\\n\\t\\t\\t<a href=\"pbl_pg2013topology5337.htm\"><img src=\"publications/pg2013topology/images/icon.jpg\" alt=\"Webpage\" class=\"ImgIconPublication\" style=\"display:block\"></a>\\r\\n\\t\\t</div>\\r\\n\\t</div>\\r\\n\\t<div class=\"w3-container w3-cell w3-mobile w3-cell-middle\" style=\"padding-bottom: 24px\">\\t\\r\\n\\t\\tTopology Aware Data-Driven Inverse Kinematics</span>\\r\\n\\t\\t<br>\\r\\n\\t\\t<span class=\"TextSmallDefault\">Computer Graphics Forum (CGF) - Proceedings of the 2013 Pacific Conference on Computer Graphics and Applications (PG), 2013</span><br>\\r\\n\\t\\t<span class=\"TextSmallDefault\"><a href=\"http://www.edho.net/\">Edmond S. L. Ho</a>, <a href=\"index.htm\">Hubert P. H. Shum</a>, <a href=\"http://www.comp.hkbu.edu.hk/~ymc/\">Yiu-ming Cheung</a> and <a href=\"http://www.comp.hkbu.edu.hk/~pcyuen/\">P. C. Yuen</a><br></span>\\r\\n\\t\\t<span class=\"TextSmallDefault\"><a href=\"pbl_pg2013topology5337.htm\" class=\"LinkButton\" style=\"background-color:#555\" ><i class=\"far fa-window-maximize\"></i> Webpage</a></span>\\r\\n\\t</div>\\r\\n</div>\\r\\n<div class=\"w3-cell-row\">\\r\\n\\t<div class=\"w3-container w3-cell w3-mobile w3-cell-top\" style=\"padding-left: 0px; padding-right: 0px; padding-bottom: 16px; padding-top: 0px; width:120px;\">\\t\\r\\n\\t\\t<div class=\"ImgIconPublicationDiv\">\\r\\n\\t\\t\\t<a href=\"pbl_cavw2013preparation8776.htm\"><img src=\"publications/cavw2013preparation/images/icon.jpg\" alt=\"Webpage\" class=\"ImgIconPublication\" style=\"display:block\"></a>\\r\\n\\t\\t</div>\\r\\n\\t</div>\\r\\n\\t<div class=\"w3-container w3-cell w3-mobile w3-cell-middle\" style=\"padding-bottom: 24px\">\\t\\r\\n\\t\\tNatural Preparation Behavior Synthesis</span>\\r\\n\\t\\t<br>\\r\\n\\t\\t<span class=\"TextSmallDefault\">Computer Animation and Virtual Worlds (CAVW), 2013</span><br>\\r\\n\\t\\t<span class=\"TextSmallDefault\"><a href=\"index.htm\">Hubert P. H. Shum</a>, <a href=\"http://people.rennes.inria.fr/Ludovic.Hoyet/index.shtml\">Ludovic Hoyet</a>, <a href=\"http://www.edho.net/\">Edmond S. L. Ho</a>, <a href=\"http://homepages.inf.ed.ac.uk/tkomura/\">Taku Komura</a> and <a href=\"http://m2slab.com/index.php/members/franck-multon/\">Franck Multon</a><br></span>\\r\\n\\t\\t<span class=\"TextSmallDefault\"><a href=\"pbl_cavw2013preparation8776.htm\" class=\"LinkButton\" style=\"background-color:#555\" ><i class=\"far fa-window-maximize\"></i> Webpage</a></span>\\r\\n\\t</div>\\r\\n</div>\\r\\n<div class=\"w3-cell-row\">\\r\\n\\t<div class=\"w3-container w3-cell w3-mobile w3-cell-top\" style=\"padding-left: 0px; padding-right: 0px; padding-bottom: 16px; padding-top: 0px; width:120px;\">\\t\\r\\n\\t\\t<div class=\"ImgIconPublicationDiv\">\\r\\n\\t\\t\\t<a href=\"pbl_casa2013preparation87.htm\"><img src=\"publications/casa2013preparation/images/icon.jpg\" alt=\"Webpage\" class=\"ImgIconPublication\" style=\"display:block\"></a>\\r\\n\\t\\t</div>\\r\\n\\t</div>\\r\\n\\t<div class=\"w3-container w3-cell w3-mobile w3-cell-middle\" style=\"padding-bottom: 24px\">\\t\\r\\n\\t\\tPreparation Behaviour Synthesis with Reinforcement Learning</span>\\r\\n\\t\\t<br>\\r\\n\\t\\t<span class=\"TextSmallDefault\">Proceedings of the 2013 International Conference on Computer Animation and Social Agents (CASA), 2013</span><br>\\r\\n\\t\\t<span class=\"TextSmallDefault\"><a href=\"index.htm\">Hubert P. H. Shum</a>, <a href=\"http://people.rennes.inria.fr/Ludovic.Hoyet/index.shtml\">Ludovic Hoyet</a>, <a href=\"http://www.edho.net/\">Edmond S. L. Ho</a>, <a href=\"http://homepages.inf.ed.ac.uk/tkomura/\">Taku Komura</a> and <a href=\"http://m2slab.com/index.php/members/franck-multon/\">Franck Multon</a><br></span>\\r\\n\\t\\t<span class=\"TextSmallDefault\"><a href=\"pbl_casa2013preparation87.htm\" class=\"LinkButton\" style=\"background-color:#555\" ><i class=\"far fa-window-maximize\"></i> Webpage</a></span>\\r\\n\\t</div>\\r\\n</div>\\r\\n</div>\\r\\n<h2 id=\"2012\">2012</h2><div style = \"margin-left: var(--size-marginleft)\">\\r\\n<div class=\"w3-cell-row\">\\r\\n\\t<div class=\"w3-container w3-cell w3-mobile w3-cell-top\" style=\"padding-left: 0px; padding-right: 0px; padding-bottom: 16px; padding-top: 0px; width:120px;\">\\t\\r\\n\\t\\t<div class=\"ImgIconPublicationDiv\">\\r\\n\\t\\t\\t<a href=\"pbl_tvcg2012interaction1595.htm\"><img src=\"publications/tvcg2012interaction/images/icon.jpg\" alt=\"Webpage\" class=\"ImgIconPublication\" style=\"display:block\"></a>\\r\\n\\t\\t</div>\\r\\n\\t</div>\\r\\n\\t<div class=\"w3-container w3-cell w3-mobile w3-cell-middle\" style=\"padding-bottom: 24px\">\\t\\r\\n\\t\\tSimulating Multiple Character Interactions with Collaborative and Adversarial Goals</span>\\r\\n\\t\\t<br>\\r\\n\\t\\t<span class=\"TextSmallDefault\">IEEE Transactions on Visualization and Computer Graphics (TVCG), 2012</span><br>\\r\\n\\t\\t<span class=\"TextSmallDefault\"><a href=\"index.htm\">Hubert P. H. Shum</a>, <a href=\"http://homepages.inf.ed.ac.uk/tkomura/\">Taku Komura</a> and <a href=\"https://sites.google.com/view/shuntaro/\">Shuntaro Yamazaki</a><br></span>\\r\\n\\t\\t<span class=\"TextSmallDefault\"><a href=\"pbl_tvcg2012interaction1595.htm\" class=\"LinkButton\" style=\"background-color:#555\" ><i class=\"far fa-window-maximize\"></i> Webpage</a></span>\\r\\n\\t</div>\\r\\n</div>\\r\\n<div class=\"w3-cell-row\">\\r\\n\\t<div class=\"w3-container w3-cell w3-mobile w3-cell-top\" style=\"padding-left: 0px; padding-right: 0px; padding-bottom: 16px; padding-top: 0px; width:120px;\">\\t\\r\\n\\t\\t<div class=\"ImgIconPublicationDiv\">\\r\\n\\t\\t\\t<a href=\"pbl_vrst2012physical3558.htm\"><img src=\"publications/vrst2012physical/images/icon.jpg\" alt=\"Webpage\" class=\"ImgIconPublication\" style=\"display:block\"></a>\\r\\n\\t\\t</div>\\r\\n\\t</div>\\r\\n\\t<div class=\"w3-container w3-cell w3-mobile w3-cell-middle\" style=\"padding-bottom: 24px\">\\t\\r\\n\\t\\tReal-time Physical Modelling of Character Movements with Microsoft Kinect</span>\\r\\n\\t\\t<br>\\r\\n\\t\\t<span class=\"TextSmallDefault\">Proceedings of the 2012 ACM Symposium on Virtual Reality Software and Technology (VRST), 2012</span><br>\\r\\n\\t\\t<span class=\"TextSmallDefault\"><a href=\"index.htm\">Hubert P. H. Shum</a> and <a href=\"http://www.edho.net/\">Edmond S. L. Ho</a><br></span>\\r\\n\\t\\t<span class=\"TextSmallDefault\"><a href=\"pbl_vrst2012physical3558.htm\" class=\"LinkButton\" style=\"background-color:#555\" ><i class=\"far fa-window-maximize\"></i> Webpage</a></span>\\r\\n\\t</div>\\r\\n</div>\\r\\n</div>\\r\\n<h2 id=\"2010\">2010</h2><div style = \"margin-left: var(--size-marginleft)\">\\r\\n<div class=\"w3-cell-row\">\\r\\n\\t<div class=\"w3-container w3-cell w3-mobile w3-cell-top\" style=\"padding-left: 0px; padding-right: 0px; padding-bottom: 16px; padding-top: 0px; width:120px;\">\\t\\r\\n\\t\\t<div class=\"ImgIconPublicationDiv\">\\r\\n\\t\\t\\t<a href=\"pbl_patent2010interaction4886.htm\"><img src=\"publications/patent2010interaction/images/icon.jpg\" alt=\"Webpage\" class=\"ImgIconPublication\" style=\"display:block\"></a>\\r\\n\\t\\t</div>\\r\\n\\t</div>\\r\\n\\t<div class=\"w3-container w3-cell w3-mobile w3-cell-middle\" style=\"padding-bottom: 24px\">\\t\\r\\n\\t\\tManufacturing Video Graphics</span>\\r\\n\\t\\t<br>\\r\\n\\t\\t<span class=\"TextSmallDefault\">Patent: Patent from the World Intellectual Property Organization, 2010</span><br>\\r\\n\\t\\t<span class=\"TextSmallDefault\"><a href=\"http://homepages.inf.ed.ac.uk/tkomura/\">Taku Komura</a> and <a href=\"index.htm\">Hubert P. H. Shum</a><br></span>\\r\\n\\t\\t<span class=\"TextSmallDefault\"><a href=\"pbl_patent2010interaction4886.htm\" class=\"LinkButton\" style=\"background-color:#555\" ><i class=\"far fa-window-maximize\"></i> Webpage</a></span>\\r\\n\\t</div>\\r\\n</div>\\r\\n<div class=\"w3-cell-row\">\\r\\n\\t<div class=\"w3-container w3-cell w3-mobile w3-cell-top\" style=\"padding-left: 0px; padding-right: 0px; padding-bottom: 16px; padding-top: 0px; width:120px;\">\\t\\r\\n\\t\\t<div class=\"ImgIconPublicationDiv\">\\r\\n\\t\\t\\t<a href=\"pbl_thesis2010interaction4848.htm\"><img src=\"publications/thesis2010interaction/images/icon.jpg\" alt=\"Webpage\" class=\"ImgIconPublication\" style=\"display:block\"></a>\\r\\n\\t\\t</div>\\r\\n\\t</div>\\r\\n\\t<div class=\"w3-container w3-cell w3-mobile w3-cell-middle\" style=\"padding-bottom: 24px\">\\t\\r\\n\\t\\tSimulating Interactions Among Multiple Characters</span>\\r\\n\\t\\t<br>\\r\\n\\t\\t<span class=\"TextSmallDefault\">PhD Thesis from the University of Edinburgh, 2010</span><br>\\r\\n\\t\\t<span class=\"TextSmallDefault\"><a href=\"index.htm\">Hubert P. H. Shum</a><br></span>\\r\\n\\t\\t<span class=\"TextSmallDefault\"><a href=\"pbl_thesis2010interaction4848.htm\" class=\"LinkButton\" style=\"background-color:#555\" ><i class=\"far fa-window-maximize\"></i> Webpage</a></span>\\r\\n\\t</div>\\r\\n</div>\\r\\n</div>\\r\\n<h2 id=\"2009\">2009</h2><div style = \"margin-left: var(--size-marginleft)\">\\r\\n<div class=\"w3-cell-row\">\\r\\n\\t<div class=\"w3-container w3-cell w3-mobile w3-cell-top\" style=\"padding-left: 0px; padding-right: 0px; padding-bottom: 16px; padding-top: 0px; width:120px;\">\\t\\r\\n\\t\\t<div class=\"ImgIconPublicationDiv\">\\r\\n\\t\\t\\t<a href=\"pbl_casa2009angular3290.htm\"><img src=\"publications/casa2009angular/images/icon.jpg\" alt=\"Webpage\" class=\"ImgIconPublication\" style=\"display:block\"></a>\\r\\n\\t\\t</div>\\r\\n\\t</div>\\r\\n\\t<div class=\"w3-container w3-cell w3-mobile w3-cell-middle\" style=\"padding-bottom: 24px\">\\t\\r\\n\\t\\tAngular Momentum Guided Motion Concatenation</span>\\r\\n\\t\\t<br>\\r\\n\\t\\t<span class=\"TextSmallDefault\">Computer Animation and Virtual Worlds (CAVW) - Proceedings of the 2009 International Conference on Computer Animation and Social Agents (CASA), 2009</span><br>\\r\\n\\t\\t<span class=\"TextSmallDefault\"><a href=\"index.htm\">Hubert P. H. Shum</a>, <a href=\"http://homepages.inf.ed.ac.uk/tkomura/\">Taku Komura</a> and <a href=\"https://scholar.google.com/citations?user=zBxiK6gAAAAJ&oi=ao\">Pranjul Yadav</a><br></span>\\r\\n\\t\\t<span class=\"TextSmallDefault\"><a href=\"pbl_casa2009angular3290.htm\" class=\"LinkButton\" style=\"background-color:#555\" ><i class=\"far fa-window-maximize\"></i> Webpage</a></span>\\r\\n\\t</div>\\r\\n</div>\\r\\n</div>\\r\\n<h2 id=\"2008\">2008</h2><div style = \"margin-left: var(--size-marginleft)\">\\r\\n<div class=\"w3-cell-row\">\\r\\n\\t<div class=\"w3-container w3-cell w3-mobile w3-cell-top\" style=\"padding-left: 0px; padding-right: 0px; padding-bottom: 16px; padding-top: 0px; width:120px;\">\\t\\r\\n\\t\\t<div class=\"ImgIconPublicationDiv\">\\r\\n\\t\\t\\t<a href=\"pbl_siggraphasia2008interaction5478.htm\"><img src=\"publications/siggraphasia2008interaction/images/icon.jpg\" alt=\"Webpage\" class=\"ImgIconPublication\" style=\"display:block\"></a>\\r\\n\\t\\t</div>\\r\\n\\t</div>\\r\\n\\t<div class=\"w3-container w3-cell w3-mobile w3-cell-middle\" style=\"padding-bottom: 24px\">\\t\\r\\n\\t\\tInteraction Patches for Multi-Character Animation</span>\\r\\n\\t\\t<br>\\r\\n\\t\\t<span class=\"TextSmallDefault\">ACM Transactions on Graphics (TOG) - Proceedings of the 2008 ACM SIGGRAPH Asia, 2008</span><br>\\r\\n\\t\\t<span class=\"TextSmallDefault\"><a href=\"index.htm\">Hubert P. H. Shum</a>, <a href=\"http://homepages.inf.ed.ac.uk/tkomura/\">Taku Komura</a>, <a href=\"https://scholar.google.com/citations?user=ee6FzccAAAAJ\">Masashi Shiraishi</a> and <a href=\"https://sites.google.com/view/shuntaro/\">Shuntaro Yamazaki</a><br></span>\\r\\n\\t\\t<span class=\"TextSmallDefault\"><a href=\"pbl_siggraphasia2008interaction5478.htm\" class=\"LinkButton\" style=\"background-color:#555\" ><i class=\"far fa-window-maximize\"></i> Webpage</a></span>\\r\\n\\t</div>\\r\\n</div>\\r\\n<div class=\"w3-cell-row\">\\r\\n\\t<div class=\"w3-container w3-cell w3-mobile w3-cell-top\" style=\"padding-left: 0px; padding-right: 0px; padding-bottom: 16px; padding-top: 0px; width:120px;\">\\t\\r\\n\\t\\t<div class=\"ImgIconPublicationDiv\">\\r\\n\\t\\t\\t<a href=\"pbl_i3d2008interaction5368.htm\"><img src=\"publications/i3d2008interaction/images/icon.jpg\" alt=\"Webpage\" class=\"ImgIconPublication\" style=\"display:block\"></a>\\r\\n\\t\\t</div>\\r\\n\\t</div>\\r\\n\\t<div class=\"w3-container w3-cell w3-mobile w3-cell-middle\" style=\"padding-bottom: 24px\">\\t\\r\\n\\t\\tSimulating Interactions of Avatars in High Dimensional State Space</span>\\r\\n\\t\\t<br>\\r\\n\\t\\t<span class=\"TextSmallDefault\">Proceedings of the 2008 Symposium on Interactive 3D Graphics and Games (I3D), 2008</span><br>\\r\\n\\t\\t<span class=\"TextSmallDefault\"><a href=\"index.htm\">Hubert P. H. Shum</a>, <a href=\"http://homepages.inf.ed.ac.uk/tkomura/\">Taku Komura</a> and <a href=\"https://sites.google.com/view/shuntaro/\">Shuntaro Yamazaki</a><br></span>\\r\\n\\t\\t<span class=\"TextSmallDefault\"><a href=\"pbl_i3d2008interaction5368.htm\" class=\"LinkButton\" style=\"background-color:#555\" ><i class=\"far fa-window-maximize\"></i> Webpage</a></span>\\r\\n\\t</div>\\r\\n</div>\\r\\n<div class=\"w3-cell-row\">\\r\\n\\t<div class=\"w3-container w3-cell w3-mobile w3-cell-top\" style=\"padding-left: 0px; padding-right: 0px; padding-bottom: 16px; padding-top: 0px; width:120px;\">\\t\\r\\n\\t\\t<div class=\"ImgIconPublicationDiv\">\\r\\n\\t\\t\\t<a href=\"pbl_mig2008interaction4792.htm\"><img src=\"publications/mig2008interaction/images/icon.jpg\" alt=\"Webpage\" class=\"ImgIconPublication\" style=\"display:block\"></a>\\r\\n\\t\\t</div>\\r\\n\\t</div>\\r\\n\\t<div class=\"w3-container w3-cell w3-mobile w3-cell-middle\" style=\"padding-bottom: 24px\">\\t\\r\\n\\t\\tSimulating Interactions of Characters</span>\\r\\n\\t\\t<br>\\r\\n\\t\\t<span class=\"TextSmallDefault\">Proceedings of the 2008 International Conference on Motion in Games (MIG), 2008</span><br>\\r\\n\\t\\t<span class=\"TextSmallDefault\"><a href=\"http://homepages.inf.ed.ac.uk/tkomura/\">Taku Komura</a>, <a href=\"index.htm\">Hubert P. H. Shum</a> and <a href=\"http://www.edho.net/\">Edmond S. L. Ho</a><br></span>\\r\\n\\t\\t<span class=\"TextSmallDefault\"><a href=\"pbl_mig2008interaction4792.htm\" class=\"LinkButton\" style=\"background-color:#555\" ><i class=\"far fa-window-maximize\"></i> Webpage</a></span>\\r\\n\\t</div>\\r\\n</div>\\r\\n</div>\\r\\n<h2 id=\"2007\">2007</h2><div style = \"margin-left: var(--size-marginleft)\">\\r\\n<div class=\"w3-cell-row\">\\r\\n\\t<div class=\"w3-container w3-cell w3-mobile w3-cell-top\" style=\"padding-left: 0px; padding-right: 0px; padding-bottom: 16px; padding-top: 0px; width:120px;\">\\t\\r\\n\\t\\t<div class=\"ImgIconPublicationDiv\">\\r\\n\\t\\t\\t<a href=\"pbl_vrst2007interaction2032.htm\"><img src=\"publications/vrst2007interaction/images/icon.jpg\" alt=\"Webpage\" class=\"ImgIconPublication\" style=\"display:block\"></a>\\r\\n\\t\\t</div>\\r\\n\\t</div>\\r\\n\\t<div class=\"w3-container w3-cell w3-mobile w3-cell-middle\" style=\"padding-bottom: 24px\">\\t\\r\\n\\t\\tSimulating Competitive Interactions using Singly Captured Motions</span>\\r\\n\\t\\t<br>\\r\\n\\t\\t<span class=\"TextSmallDefault\">Proceedings of the 2007 ACM Symposium on Virtual Reality Software and Technology (VRST), 2007</span><br>\\r\\n\\t\\t<span class=\"TextSmallDefault\"><a href=\"index.htm\">Hubert P. H. Shum</a>, <a href=\"http://homepages.inf.ed.ac.uk/tkomura/\">Taku Komura</a> and <a href=\"https://sites.google.com/view/shuntaro/\">Shuntaro Yamazaki</a><br></span>\\r\\n\\t\\t<span class=\"TextSmallDefault\"><a href=\"pbl_vrst2007interaction2032.htm\" class=\"LinkButton\" style=\"background-color:#555\" ><i class=\"far fa-window-maximize\"></i> Webpage</a></span>\\r\\n\\t</div>\\r\\n</div>\\r\\n</div>\\r\\n<h2 id=\"2006\">2006</h2><div style = \"margin-left: var(--size-marginleft)\">\\r\\n<div class=\"w3-cell-row\">\\r\\n\\t<div class=\"w3-container w3-cell w3-mobile w3-cell-top\" style=\"padding-left: 0px; padding-right: 0px; padding-bottom: 16px; padding-top: 0px; width:120px;\">\\t\\r\\n\\t\\t<div class=\"ImgIconPublicationDiv\">\\r\\n\\t\\t\\t<a href=\"pbl_sca2006fighting316.htm\"><img src=\"publications/sca2006fighting/images/icon.gif\" alt=\"Webpage\" class=\"ImgIconPublication\" style=\"display:block\"></a>\\r\\n\\t\\t</div>\\r\\n\\t</div>\\r\\n\\t<div class=\"w3-container w3-cell w3-mobile w3-cell-middle\" style=\"padding-bottom: 24px\">\\t\\r\\n\\t\\tGenerating Realistic Fighting Scenes by Game Tree</span>\\r\\n\\t\\t<br>\\r\\n\\t\\t<span class=\"TextSmallDefault\">Proceedings of the 2006 ACM SIGGRAPH/Eurographics Symposium on Computer Animation (SCA) Posters, 2006</span><br>\\r\\n\\t\\t<span class=\"TextSmallDefault\"><a href=\"index.htm\">Hubert P. H. Shum</a> and <a href=\"http://homepages.inf.ed.ac.uk/tkomura/\">Taku Komura</a><br></span>\\r\\n\\t\\t<span class=\"TextSmallDefault\"><a href=\"pbl_sca2006fighting316.htm\" class=\"LinkButton\" style=\"background-color:#555\" ><i class=\"far fa-window-maximize\"></i> Webpage</a></span>\\r\\n\\t</div>\\r\\n</div>\\r\\n<div class=\"w3-cell-row\">\\r\\n\\t<div class=\"w3-container w3-cell w3-mobile w3-cell-top\" style=\"padding-left: 0px; padding-right: 0px; padding-bottom: 16px; padding-top: 0px; width:120px;\">\\t\\r\\n\\t\\t<div class=\"ImgIconPublicationDiv\">\\r\\n\\t\\t\\t<a href=\"pbl_arxiv2006tree4251.htm\"><img src=\"publications/arxiv2006tree/images/icon.png\" alt=\"Webpage\" class=\"ImgIconPublication\" style=\"display:block\"></a>\\r\\n\\t\\t</div>\\r\\n\\t</div>\\r\\n\\t<div class=\"w3-container w3-cell w3-mobile w3-cell-middle\" style=\"padding-bottom: 24px\">\\t\\r\\n\\t\\tTechnical Note: Generating Realistic Fighting Scenes by Game Tree</span>\\r\\n\\t\\t<br>\\r\\n\\t\\t<span class=\"TextSmallDefault\">arXiv Preprint, 2006</span><br>\\r\\n\\t\\t<span class=\"TextSmallDefault\"><a href=\"index.htm\">Hubert P. H. Shum</a> and <a href=\"http://homepages.inf.ed.ac.uk/tkomura/\">Taku Komura</a><br></span>\\r\\n\\t\\t<span class=\"TextSmallDefault\"><a href=\"pbl_arxiv2006tree4251.htm\" class=\"LinkButton\" style=\"background-color:#555\" ><i class=\"far fa-window-maximize\"></i> Webpage</a></span>\\r\\n\\t</div>\\r\\n</div>\\r\\n</div>\\r\\n\\r\\n\\t\\r\\n\\r\\n<p>&nbsp;</p>\\r\\n<div class=\"w3-row\">\\r\\n\\t\\r\\n\\r\\n<div class=\"ToolButton\" data-footer=\"Print\" style=\"display: inline; float: right\"><a href=\"javascript:void(0);\" onClick=\"PrintPage()\"><i class=\"fa fa-print fa-2x\"></i></a></div>\\r\\n<div style=\"display: inline; float: right; border-left: 2px solid white;\">&nbsp;</div>\\r\\n<div style=\"display: inline; float: right; width: 6px;\">&nbsp;</div>\\r\\n\\r\\n\\r\\n<div class=\"ToolButton\" data-footer=\"Email\" style=\"display: inline; float: right\"><a href=\"contacts.htm\"><i class=\"fa fa-envelope fa-2x\"></i></a></div>\\r\\n<div class=\"ToolButton\" data-footer=\"Github\" style=\"display: inline; float: right\"><a href=\"https://github.com/hubertshum\"><i class=\"fab fa-github fa-2x\"></i></a></div>\\r\\n<div class=\"ToolButton\" data-footer=\"Twitter\" style=\"display: inline; float: right\"><a href=\"https://twitter.com/hubertshum\"><i class=\"fab fa-twitter fa-2x\"></i></a></div>\\r\\n<div class=\"ToolButton\" data-footer=\"LinkedIn\" style=\"display: inline; float: right\"><a href=\"http://www.linkedin.com/in/hubertshum\"><i class=\"fab fa-linkedin fa-2x\"></i></a></div>\\r\\n<div class=\"ToolButton\" data-footer=\"Youtube\" style=\"display: inline; float: right\"><a href=\"https://www.youtube.com/user/hubertshum\"><i class=\"fab fa-youtube fa-2x\"></i></a></div>\\r\\n<div class=\"ToolButton\" data-footer=\"Google Scholar\" style=\"display: inline; float: right\"><a href=\"https://scholar.google.com/citations?user=pkPLCEYAAAAJ\"><i class=\"fas fa-graduation-cap fa-2x\"></i></a></div>\\r\\n<div class=\"ToolButton\" data-footer=\"Home\" style=\"display: inline; float: right\"><a href=\"index.htm\"><i class=\"fa fa-home fa-2x\"></i></a></div>\\r\\n\\r\\n</div>\\r\\n\\r\\n\\r\\n<p class=\"TextSmallDefault\" style=\"text-align: right\">Last updated on 04 October 2022, <a href=\"rss.xml\">RSS Feeds</a></p>\\r\\n<p style=\"text-align: right\">&nbsp;</p>\\r\\n\\r\\n\\r\\n        \\r\\n\\r\\n\\r\\n</div>\\r\\n</body>\\r\\n\\r\\n</html>\\r\\n'\n"
          ]
        }
      ]
    },
    {
      "cell_type": "code",
      "source": [
        "# Pharse webpage response\n",
        "soup = BeautifulSoup(r.content)\n",
        "soup"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/"
        },
        "id": "0BccaaAv07ds",
        "outputId": "72db83e1-8112-40c8-b248-9ab17ca3729f"
      },
      "execution_count": null,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "<!DOCTYPE html>\n",
              "<html lang=\"en\">\n",
              "<head>\n",
              "<title>Character Animation Research Publications | COMP42315 Assignment Site for Crawling</title>\n",
              "<meta content=\"text/html; charset=utf-8\" http-equiv=\"Content-Type\"/>\n",
              "<!-- For mobile rendering -->\n",
              "<meta content=\"width=device-width, initial-scale=1\" name=\"viewport\"/>\n",
              "<!-- Seems like browsers can do resolution down-sampling automatically -->\n",
              "<link href=\"http://hubertshum.com/images/icons/favicon256x256.png\" rel=\"icon\" sizes=\"256x256\" type=\"image/png\"/>\n",
              "<link href=\"js/w3.css\" rel=\"stylesheet\"/> <!-- https://www.w3schools.com/w3css/4/w3.css -->\n",
              "<link href=\"res/FontAwesome5.15.2/css/all.css\" rel=\"stylesheet\" type=\"text/css\"/>\n",
              "<link href=\"js/jquery.qtip.min.css\" rel=\"stylesheet\" type=\"text/css\"/>\n",
              "<link href=\"default.css\" rel=\"stylesheet\" type=\"text/css\"/>\n",
              "<script src=\"js/functions.js\"></script>\n",
              "<script>\n",
              "// It is better to override the default css than select one out of two - this can avoid a duration when no css is loaded due to javascript delay\n",
              "if (mobileAndTabletCheck())\n",
              "{\n",
              "\tvar link = document.createElement( \"link\" );\n",
              "\tlink.href = \"defaultmobile.css\";\n",
              "\tlink.type = \"text/css\";\n",
              "\tlink.rel = \"stylesheet\";\n",
              "\tlink.media = \"screen,print\";\n",
              "\tdocument.getElementsByTagName( \"head\" )[0].appendChild( link );\n",
              "}\n",
              "</script>\n",
              "<script src=\"js/jquery-3.5.1.min.js\"></script>\n",
              "<script src=\"js/jquery.qtip.min.js\"></script>\n",
              "<script>\n",
              "// Resize when background DIV is completely loaded, this should be fired faster than the document load event, ready evnet is faster than load event\n",
              "// However, this is still not fast enough so final solution is to put script inside html and put one here - the html one is fast but it does not count the scrollbar, this one is slower but it will be more accurate\n",
              "$(\"#divBackground\").ready(function(){\n",
              "\tresizeDivBackground('1200px');\n",
              "})\n",
              "window.addEventListener('orientationchange', function() {\n",
              "\tresizeDivBackground('1200px'); // testing, does not seem to do anything\n",
              "}, false);\n",
              "// Resize when screen size changes\n",
              "window.addEventListener('resize', function() {\n",
              "    resizeDivBackground('1200px');\n",
              "}, false);\n",
              "\t\n",
              "</script>\n",
              "<script>\n",
              "$(document).ready(function() \n",
              "{\n",
              "\t// Qtip2 for similar research\t\n",
              "\t$('[data-similarwork!=\"\"]').qtip({ \n",
              "\t\tcontent: {\n",
              "\t\t\tattr: 'data-similarwork', \n",
              "\t\t\ttitle: '<span class=\"QtipTitle\">Similar Research</span>',\n",
              "\t\t},\n",
              "\t\tposition: {\n",
              "\t\t\tmy: 'bottom center',\n",
              "\t\t\tat: 'top center',\n",
              "\t\t\tadjust: {\n",
              "\t\t\t\tmethod: 'none shift'\n",
              "\t\t\t}\n",
              "\t\t},\n",
              "\t\tstyle: {\n",
              "\t\t\tclasses: 'qtip-dark qtip-shadow qtip-rounded QtipSimilarWork',\n",
              "\t\t},\n",
              "\t\tshow: {\n",
              "            effect: function() {\n",
              "                $(this).fadeTo(125, 1);\n",
              "            },\n",
              "        },\n",
              "\t\thide: {\n",
              "            effect: function() {\n",
              "                $(this).fadeTo(500, 0);\n",
              "            },\n",
              "        },\n",
              "\t});\n",
              "\n",
              "\t// Qtip2 for footer\t\n",
              "\t$('[data-footer!=\"\"]').qtip({ \n",
              "\t\tcontent: {\n",
              "\t\t\tattr: 'data-footer', \n",
              "\t\t},\n",
              "\t\tposition: {\n",
              "\t\t\tmy: 'bottom center',\n",
              "\t\t\tat: 'top center',\n",
              "\t\t},\n",
              "\t\tstyle: {\n",
              "\t\t\tclasses: 'qtip-dark qtip-shadow qtip-rounded QtipFooter',\n",
              "\t\t},\n",
              "\t\tshow: {\n",
              "            effect: function() {\n",
              "                $(this).fadeTo(125, 1);\n",
              "            },\n",
              "        },\n",
              "\t\thide: {\n",
              "            effect: function() {\n",
              "                $(this).fadeTo(500, 0);\n",
              "            },\n",
              "        },\n",
              "\t});\n",
              "\t\n",
              "\t// Qtip2 for reference popup\n",
              "\t$('[data-reference!=\"\"]').qtip({ \n",
              "\t\tcontent: {\n",
              "\t\t\tattr: 'data-reference', \n",
              "\t\t\ttitle: function(event, api) \n",
              "\t\t\t{\n",
              "\t\t\t\treturn '<span class=\"QtipTitle\">' + $(this).attr('data-title') + '</span>';\n",
              "       \t\t},\n",
              "\t\t\tbutton: 'Close',\n",
              "\t\t},\n",
              "\t\tposition: {\n",
              "\t\t\tmy: 'top left',\n",
              "\t\t\tat: 'bottom left',\n",
              "\t\t\tadjust: {\n",
              "\t\t\t\tmethod: 'shift shift'\n",
              "\t\t\t}\n",
              "\t\t},\n",
              "\t\tstyle: {\n",
              "\t\t\tclasses: 'qtip-dark qtip-shadow qtip-rounded QtipReference',\n",
              "\t\t},\n",
              "\t\tshow: {\n",
              "        \tevent: 'click',\n",
              "\t\t\tsolo: true,\n",
              "            effect: function() {\n",
              "                $(this).fadeTo(125, 1);\n",
              "            },\n",
              "        },\n",
              "\t\thide: {\n",
              "\t       event: 'unfocus click',\n",
              "           effect: function() {\n",
              "                $(this).fadeTo(500, 0);\n",
              "            },\n",
              "        },\n",
              "\t});\n",
              "\n",
              "\t// Qtip2 for research interest\n",
              "\t$('[data-interest!=\"\"]').qtip({ \n",
              "\t\tcontent: {\n",
              "\t\t\tattr: 'data-interest', \n",
              "\t\t\ttitle: function(event, api) \n",
              "\t\t\t{\n",
              "\t\t\t\treturn '<span class=\"QtipTitle\">' + $(this).attr('data-title') + '</span>';\n",
              "       \t\t},\n",
              "\t\t\tbutton: 'Close',\n",
              "\t\t},\n",
              "\t\tposition: {\n",
              "\t\t\tmy: 'top left',\n",
              "\t\t\tat: 'bottom left',\n",
              "\t\t\tadjust: {\n",
              "\t\t\t\tmethod: 'none shift'\n",
              "\t\t\t}\n",
              "\t\t},\n",
              "\t\tstyle: {\n",
              "\t\t\tclasses: 'qtip-dark qtip-shadow qtip-rounded QtipInterest',\n",
              "\t\t},\n",
              "\t\tshow: {\n",
              "        \tevent: 'click',\n",
              "\t\t\tsolo: true,\n",
              "            effect: function() {\n",
              "                $(this).fadeTo(125, 1);\n",
              "            },\n",
              "        },\n",
              "\t\thide: {\n",
              "\t       event: 'unfocus click',\n",
              "           effect: function() {\n",
              "                $(this).fadeTo(500, 0);\n",
              "            },\n",
              "        },\n",
              "\t});\n",
              "\n",
              "\t// JQuery show hide with slide\n",
              "\t$(\"#divMoreNewsButton\").click(function() \n",
              "\t{\n",
              "\t\t$(\"#divMoreNews\").slideToggle(500, function() {});\n",
              "\t\t$(\"#divMoreNews\").promise().done(function()\n",
              "\t\t{\t\t\n",
              "\t\t\t$(\"#divMoreNewsButton\").hide(0, function() {});\n",
              "\t\t\t$(\"#divFewerNewsButton\").show(0, function() {});\n",
              "\t\t});\n",
              "\t});\n",
              "\t$(\"#divFewerNewsButton\").click(function() \n",
              "\t{\n",
              "\t\t$(\"#divMoreNews\").slideToggle(500, function() {});\n",
              "\t\t$(\"#divMoreNews\").promise().done(function()\n",
              "\t\t{\t\t\n",
              "\t\t\t$(\"#divFewerNewsButton\").hide(0, function() {});\n",
              "\t\t\t$(\"#divMoreNewsButton\").show(0, function() {});\n",
              "\t\t});\n",
              "\t});\n",
              "\t\n",
              "});\n",
              "</script>\n",
              "</head>\n",
              "<body class=\"PageDefault\">\n",
              "<div id=\"divBackground\" style=\"width: 1200px; margin: 0 auto; overflow: hidden;\">\n",
              "<script>resizeDivBackground('1200px');</script>\n",
              "<div class=\"navigator\">\n",
              "<a href=\"index.htm\"><span>HOME</span><span>to discover</span></a>\n",
              "<a href=\"publicationfull_year_characteranimation.htm\"><span>PUBLICATIONS</span><span>to innovate</span></a>\n",
              "</div>\n",
              "<h1>COMP42315 Assignment Site for Crawling</h1>\n",
              "<h2>Research Publications</h2>\n",
              "<p class=\"TextOption\">Sort by:   Year / <a href=\"publicationfull_type_characteranimation.htm\">Type</a> / <a href=\"publicationfull_citation_characteranimation.htm\">Citation</a> / <a href=\"publicationfull_impactfactor_characteranimation.htm\">Impact Factor</a></p>\n",
              "<p class=\"TextOption\">Topic:   Character Animation / <a href=\"publicationfull_year_motionanalysis.htm\">Motion Analysis</a> / <a href=\"publicationfull_year_interactionmodelling.htm\">Interaction Modelling</a> / <a href=\"publicationfull_year_biomedicalengineering.htm\">Biomedical Engineering</a> / <a href=\"publicationfull_year_3dreconstruction.htm\">3D Reconstruction</a> / <a href=\"publicationfull_year_actionrecognition.htm\">Action Recognition</a> / <a href=\"publicationfull_year_surfacemodelling.htm\">Surface Modelling</a> / <a href=\"publicationfull_year_crowdmodelling.htm\">Crowd Modelling</a> / <a href=\"publicationfull_year_facemodelling.htm\">Face Modelling</a> / <a href=\"publicationfull_year_virtualreality.htm\">Virtual Reality</a> / <a href=\"publicationfull_year_robotics.htm\">Robotics</a> / <a href=\"publicationfull_year_biometrics.htm\">Biometrics</a> / <a href=\"publicationfull_year_handandgesture.htm\">Hand and Gesture</a> / <a href=\"publicationfull_year_computationalintelligence.htm\">Computational Intelligence</a></p>\n",
              "<h2 id=\"2022\">2022</h2><div style=\"margin-left: var(--size-marginleft)\">\n",
              "<div class=\"w3-cell-row\">\n",
              "<div class=\"w3-container w3-cell w3-mobile w3-cell-top\" style=\"padding-left: 0px; padding-right: 0px; padding-bottom: 16px; padding-top: 0px; width:120px;\">\n",
              "<div class=\"ImgIconPublicationDiv\">\n",
              "<a href=\"pbl_cag2022reactive7098.htm\"><img alt=\"Webpage\" class=\"ImgIconPublication\" src=\"publications/cag2022reactive/images/icon.png\" style=\"display:block\"/></a>\n",
              "</div>\n",
              "</div>\n",
              "<div class=\"w3-container w3-cell w3-mobile w3-cell-middle\" style=\"padding-bottom: 24px\">\t\n",
              "\t\tGAN-based Reactive Motion Synthesis with Class-aware Discriminators for Human-human Interaction\n",
              "\t\t<br/>\n",
              "<span class=\"TextSmallDefault\">Computers and Graphics (C&amp;G), 2022</span><br/>\n",
              "<span class=\"TextSmallDefault\"><a href=\"https://orcid.org/0000-0002-0059-5484\">Qianhui Men</a>, <a href=\"index.htm\">Hubert P. H. Shum</a>, <a href=\"http://www.edho.net/\">Edmond S. L. Ho</a> and <a href=\"http://www.cs.cityu.edu.hk/~howard/\">Howard Leung</a><br/></span>\n",
              "<span class=\"TextSmallDefault\"><a class=\"LinkButton\" href=\"pbl_cag2022reactive7098.htm\" style=\"background-color:#555\"><i class=\"far fa-window-maximize\"></i> Webpage</a></span>\n",
              "</div>\n",
              "</div>\n",
              "<div class=\"w3-cell-row\">\n",
              "<div class=\"w3-container w3-cell w3-mobile w3-cell-top\" style=\"padding-left: 0px; padding-right: 0px; padding-bottom: 16px; padding-top: 0px; width:120px;\">\n",
              "<div class=\"ImgIconPublicationDiv\">\n",
              "<a href=\"pbl_mig2022style717.htm\"><img alt=\"Webpage\" class=\"ImgIconPublication\" src=\"publications/mig2022style/images/icon.png\" style=\"display:block\"/></a>\n",
              "</div>\n",
              "</div>\n",
              "<div class=\"w3-container w3-cell w3-mobile w3-cell-middle\" style=\"padding-bottom: 24px\">\t\n",
              "\t\tDenoising Diffusion Probabilistic Models for Styled Walking Synthesis\n",
              "\t\t<br/>\n",
              "<span class=\"TextSmallDefault\">Proceedings of the 2022 International Conference on Motion, Interaction and Games (MIG) Posters, 2022</span><br/>\n",
              "<span class=\"TextSmallDefault\">Edmund Findlay, <a href=\"https://www.durham.ac.uk/staff/haozheng-zhang/\">Haozheng Zhang</a>, <a href=\"https://www.durham.ac.uk/staff/ziyi-chang/\">Ziyi Chang</a> and <a href=\"index.htm\">Hubert P. H. Shum</a><br/></span>\n",
              "<span class=\"TextSmallDefault\"><a class=\"LinkButton\" href=\"pbl_mig2022style717.htm\" style=\"background-color:#555\"><i class=\"far fa-window-maximize\"></i> Webpage</a></span>\n",
              "</div>\n",
              "</div>\n",
              "</div>\n",
              "<h2 id=\"2021\">2021</h2><div style=\"margin-left: var(--size-marginleft)\">\n",
              "<div class=\"w3-cell-row\">\n",
              "<div class=\"w3-container w3-cell w3-mobile w3-cell-top\" style=\"padding-left: 0px; padding-right: 0px; padding-bottom: 16px; padding-top: 0px; width:120px;\">\n",
              "<div class=\"ImgIconPublicationDiv\">\n",
              "<a href=\"pbl_tvcg2021deeplearning8560.htm\"><img alt=\"Webpage\" class=\"ImgIconPublication\" src=\"publications/tvcg2021deeplearning/images/icon.png\" style=\"display:block\"/></a>\n",
              "</div>\n",
              "</div>\n",
              "<div class=\"w3-container w3-cell w3-mobile w3-cell-middle\" style=\"padding-bottom: 24px\">\t\n",
              "\t\tSpatio-temporal Manifold Learning for Human Motions via Long-horizon Modeling\n",
              "\t\t<br/>\n",
              "<span class=\"TextSmallDefault\">IEEE Transactions on Visualization and Computer Graphics (TVCG), 2021</span><br/>\n",
              "<span class=\"TextSmallDefault\"><a href=\"http://www.drhewang.com/\">He Wang</a>, <a href=\"http://www.edho.net/\">Edmond S. L. Ho</a>, <a href=\"index.htm\">Hubert P. H. Shum</a> and <a href=\"http://english.math.pku.edu.cn/peoplefaculty/473.html\">Zhanxing Zhu</a><br/></span>\n",
              "<span class=\"TextSmallDefault\"><a class=\"LinkButton\" href=\"pbl_tvcg2021deeplearning8560.htm\" style=\"background-color:#555\"><i class=\"far fa-window-maximize\"></i> Webpage</a></span>\n",
              "</div>\n",
              "</div>\n",
              "<div class=\"w3-cell-row\">\n",
              "<div class=\"w3-container w3-cell w3-mobile w3-cell-top\" style=\"padding-left: 0px; padding-right: 0px; padding-bottom: 16px; padding-top: 0px; width:120px;\">\n",
              "<div class=\"ImgIconPublicationDiv\">\n",
              "<a href=\"pbl_tcsvt2021prediction7122.htm\"><img alt=\"Webpage\" class=\"ImgIconPublication\" src=\"publications/tcsvt2021prediction/images/icon.png\" style=\"display:block\"/></a>\n",
              "</div>\n",
              "</div>\n",
              "<div class=\"w3-container w3-cell w3-mobile w3-cell-middle\" style=\"padding-bottom: 24px\">\t\n",
              "\t\tA Quadruple Diffusion Convolutional Recurrent Network for Human Motion Prediction\n",
              "\t\t<br/>\n",
              "<span class=\"TextSmallDefault\">IEEE Transactions on Circuits and Systems for Video Technology (TCSVT), 2021</span><br/>\n",
              "<span class=\"TextSmallDefault\"><a href=\"https://orcid.org/0000-0002-0059-5484\">Qianhui Men</a>, <a href=\"http://www.edho.net/\">Edmond S. L. Ho</a>, <a href=\"index.htm\">Hubert P. H. Shum</a> and <a href=\"http://www.cs.cityu.edu.hk/~howard/\">Howard Leung</a><br/></span>\n",
              "<span class=\"TextSmallDefault\"><a class=\"LinkButton\" href=\"pbl_tcsvt2021prediction7122.htm\" style=\"background-color:#555\"><i class=\"far fa-window-maximize\"></i> Webpage</a></span>\n",
              "</div>\n",
              "</div>\n",
              "</div>\n",
              "<h2 id=\"2019\">2019</h2><div style=\"margin-left: var(--size-marginleft)\">\n",
              "<div class=\"w3-cell-row\">\n",
              "<div class=\"w3-container w3-cell w3-mobile w3-cell-top\" style=\"padding-left: 0px; padding-right: 0px; padding-bottom: 16px; padding-top: 0px; width:120px;\">\n",
              "<div class=\"ImgIconPublicationDiv\">\n",
              "<a href=\"pbl_cavw2019emotion5293.htm\"><img alt=\"Webpage\" class=\"ImgIconPublication\" src=\"publications/cavw2019emotion/images/icon.png\" style=\"display:block\"/></a>\n",
              "</div>\n",
              "</div>\n",
              "<div class=\"w3-container w3-cell w3-mobile w3-cell-middle\" style=\"padding-bottom: 24px\">\t\n",
              "\t\tA Generic Framework for Editing and Synthesizing Multimodal Data with Relative Emotion Strength\n",
              "\t\t<br/>\n",
              "<span class=\"TextSmallDefault\">Computer Animation and Virtual Worlds (CAVW), 2019</span><br/>\n",
              "<span class=\"TextSmallDefault\"><a href=\"https://scholar.google.co.uk/citations?user=qFmGo_0AAAAJ\">Jacky C. P. Chan</a>, <a href=\"index.htm\">Hubert P. H. Shum</a>, <a href=\"http://www.drhewang.com/\">He Wang</a>, Li Yi, <a href=\"https://scholar.google.com/citations?user=-brO3ckAAAAJ\">Wei Wei</a> and <a href=\"http://www.edho.net/\">Edmond S. L. Ho</a><br/></span>\n",
              "<span class=\"TextSmallDefault\"><a class=\"LinkButton\" href=\"pbl_cavw2019emotion5293.htm\" style=\"background-color:#555\"><i class=\"far fa-window-maximize\"></i> Webpage</a></span>\n",
              "</div>\n",
              "</div>\n",
              "<div class=\"w3-cell-row\">\n",
              "<div class=\"w3-container w3-cell w3-mobile w3-cell-top\" style=\"padding-left: 0px; padding-right: 0px; padding-bottom: 16px; padding-top: 0px; width:120px;\">\n",
              "<div class=\"ImgIconPublicationDiv\">\n",
              "<a href=\"pbl_mig2019dance3960.htm\"><img alt=\"Webpage\" class=\"ImgIconPublication\" src=\"publications/mig2019dance/images/icon.png\" style=\"display:block\"/></a>\n",
              "</div>\n",
              "</div>\n",
              "<div class=\"w3-container w3-cell w3-mobile w3-cell-middle\" style=\"padding-bottom: 24px\">\t\n",
              "\t\tAutomatic Sign Dance Synthesis from Gesture-based Sign Language\n",
              "\t\t<br/>\n",
              "<span class=\"TextSmallDefault\">Proceedings of the 2019 International Conference on Motion, Interactions and Games (MIG), 2019</span><br/>\n",
              "<span class=\"TextSmallDefault\"><a href=\"https://github.com/iwanao731\">Naoya Iwamoto</a>, <a href=\"index.htm\">Hubert P. H. Shum</a>, <a href=\"https://dblp.uni-trier.de/pers/hd/a/Asahina:Wakana\">Wakana Asahina</a> and <a href=\"http://www.mlab.phys.waseda.ac.jp/?lang=en\">Shigeo Morishima</a><br/></span>\n",
              "<span class=\"TextSmallDefault\"><a class=\"LinkButton\" href=\"pbl_mig2019dance3960.htm\" style=\"background-color:#555\"><i class=\"far fa-window-maximize\"></i> Webpage</a></span>\n",
              "</div>\n",
              "</div>\n",
              "</div>\n",
              "<h2 id=\"2017\">2017</h2><div style=\"margin-left: var(--size-marginleft)\">\n",
              "<div class=\"w3-cell-row\">\n",
              "<div class=\"w3-container w3-cell w3-mobile w3-cell-top\" style=\"padding-left: 0px; padding-right: 0px; padding-bottom: 16px; padding-top: 0px; width:120px;\">\n",
              "<div class=\"ImgIconPublicationDiv\">\n",
              "<a href=\"pbl_ace2017dancedj2550.htm\"><img alt=\"Webpage\" class=\"ImgIconPublication\" src=\"publications/ace2017dancedj/images/icon.jpg\" style=\"display:block\"/></a>\n",
              "</div>\n",
              "</div>\n",
              "<div class=\"w3-container w3-cell w3-mobile w3-cell-middle\" style=\"padding-bottom: 24px\">\t\n",
              "\t\tDanceDJ: A 3D Dance Animation Authoring System for Live Performance\n",
              "\t\t<br/>\n",
              "<span class=\"TextSmallDefault\">Proceedings of the 2017 International Conference on Advances in Computer Entertainment Technology (ACE), 2017</span><br/>\n",
              "<span class=\"TextSmallDefault\"><a href=\"https://github.com/iwanao731\">Naoya Iwamoto</a>, <a href=\"https://scholar.google.com/citations?user=D-pAl1AAAAAJ\">Takuya Kato</a>, <a href=\"index.htm\">Hubert P. H. Shum</a>, Ryo Kakitsuka, Kenta Hara and <a href=\"http://www.mlab.phys.waseda.ac.jp/?lang=en\">Shigeo Morishima</a><br/></span>\n",
              "<span class=\"TextSmallDefault\"><a class=\"LinkButton\" href=\"pbl_ace2017dancedj2550.htm\" style=\"background-color:#555\"><i class=\"far fa-window-maximize\"></i> Webpage</a></span>\n",
              "</div>\n",
              "</div>\n",
              "<div class=\"w3-cell-row\">\n",
              "<div class=\"w3-container w3-cell w3-mobile w3-cell-top\" style=\"padding-left: 0px; padding-right: 0px; padding-bottom: 16px; padding-top: 0px; width:120px;\">\n",
              "<div class=\"ImgIconPublicationDiv\">\n",
              "<a href=\"pbl_d2at2017emotion1318.htm\"><img alt=\"Webpage\" class=\"ImgIconPublication\" src=\"publications/d2at2017emotion/images/icon.jpg\" style=\"display:block\"/></a>\n",
              "</div>\n",
              "</div>\n",
              "<div class=\"w3-container w3-cell w3-mobile w3-cell-middle\" style=\"padding-bottom: 24px\">\t\n",
              "\t\tSynthesizing Motion with Relative Emotion Strength\n",
              "\t\t<br/>\n",
              "<span class=\"TextSmallDefault\">Proceedings of the 2017 ACM SIGGRAPH Asia Workshop on Data-Driven Animation Techniques (D2AT), 2017</span><br/>\n",
              "<span class=\"TextSmallDefault\"><a href=\"http://www.edho.net/\">Edmond S. L. Ho</a>, <a href=\"index.htm\">Hubert P. H. Shum</a>, <a href=\"http://www.drhewang.com/\">He Wang</a> and Li Yi<br/></span>\n",
              "<span class=\"TextSmallDefault\"><a class=\"LinkButton\" href=\"pbl_d2at2017emotion1318.htm\" style=\"background-color:#555\"><i class=\"far fa-window-maximize\"></i> Webpage</a></span>\n",
              "</div>\n",
              "</div>\n",
              "</div>\n",
              "<h2 id=\"2016\">2016</h2><div style=\"margin-left: var(--size-marginleft)\">\n",
              "<div class=\"w3-cell-row\">\n",
              "<div class=\"w3-container w3-cell w3-mobile w3-cell-top\" style=\"padding-left: 0px; padding-right: 0px; padding-bottom: 16px; padding-top: 0px; width:120px;\">\n",
              "<div class=\"ImgIconPublicationDiv\">\n",
              "<a href=\"pbl_siggraph2016dance4025.htm\"><img alt=\"Webpage\" class=\"ImgIconPublication\" src=\"publications/siggraph2016dance/images/icon.jpg\" style=\"display:block\"/></a>\n",
              "</div>\n",
              "</div>\n",
              "<div class=\"w3-container w3-cell w3-mobile w3-cell-middle\" style=\"padding-bottom: 24px\">\t\n",
              "\t\tAutomatic Dance Generation System Considering Sign Language Information\n",
              "\t\t<br/>\n",
              "<span class=\"TextSmallDefault\">Proceedings of the 2016 ACM SIGGRAPH (SIGGRAPH) Posters, 2016</span><br/>\n",
              "<span class=\"TextSmallDefault\"><a href=\"https://dblp.uni-trier.de/pers/hd/a/Asahina:Wakana\">Wakana Asahina</a>, <a href=\"https://github.com/iwanao731\">Naoya Iwamoto</a>, <a href=\"index.htm\">Hubert P. H. Shum</a> and <a href=\"http://www.mlab.phys.waseda.ac.jp/?lang=en\">Shigeo Morishima</a><br/></span>\n",
              "<span class=\"TextSmallDefault\"><a class=\"LinkButton\" href=\"pbl_siggraph2016dance4025.htm\" style=\"background-color:#555\"><i class=\"far fa-window-maximize\"></i> Webpage</a></span>\n",
              "</div>\n",
              "</div>\n",
              "<div class=\"w3-cell-row\">\n",
              "<div class=\"w3-container w3-cell w3-mobile w3-cell-top\" style=\"padding-left: 0px; padding-right: 0px; padding-bottom: 16px; padding-top: 0px; width:120px;\">\n",
              "<div class=\"ImgIconPublicationDiv\">\n",
              "<a href=\"pbl_hhm2016depth6053.htm\"><img alt=\"Webpage\" class=\"ImgIconPublication\" src=\"publications/hhm2016depth/images/icon.jpg\" style=\"display:block\"/></a>\n",
              "</div>\n",
              "</div>\n",
              "<div class=\"w3-container w3-cell w3-mobile w3-cell-middle\" style=\"padding-bottom: 24px\">\t\n",
              "\t\tDepth Sensor based Facial and Body Animation Control\n",
              "\t\t<br/>\n",
              "<span class=\"TextSmallDefault\">Book Chapter: Handbook of Human Motion, 2016</span><br/>\n",
              "<span class=\"TextSmallDefault\"><a href=\"https://scholar.google.com/citations?user=eqtsGlUAAAAJ\">Yijun Shen</a>, <a href=\"https://scholar.google.com/citations?user=BKjkbY0AAAAJ\">Jingtian Zhang</a>, <a href=\"http://lyang.uk/\">Longzhi Yang</a> and <a href=\"index.htm\">Hubert P. H. Shum</a><br/></span>\n",
              "<span class=\"TextSmallDefault\"><a class=\"LinkButton\" href=\"pbl_hhm2016depth6053.htm\" style=\"background-color:#555\"><i class=\"far fa-window-maximize\"></i> Webpage</a></span>\n",
              "</div>\n",
              "</div>\n",
              "</div>\n",
              "<h2 id=\"2015\">2015</h2><div style=\"margin-left: var(--size-marginleft)\">\n",
              "<div class=\"w3-cell-row\">\n",
              "<div class=\"w3-container w3-cell w3-mobile w3-cell-top\" style=\"padding-left: 0px; padding-right: 0px; padding-bottom: 16px; padding-top: 0px; width:120px;\">\n",
              "<div class=\"ImgIconPublicationDiv\">\n",
              "<a href=\"pbl_pg2015lattice663.htm\"><img alt=\"Webpage\" class=\"ImgIconPublication\" src=\"publications/pg2015lattice/images/icon.jpg\" style=\"display:block\"/></a>\n",
              "</div>\n",
              "</div>\n",
              "<div class=\"w3-container w3-cell w3-mobile w3-cell-middle\" style=\"padding-bottom: 24px\">\t\n",
              "\t\tMulti-layer Lattice Model for Real-Time Dynamic Character Deformation\n",
              "\t\t<br/>\n",
              "<span class=\"TextSmallDefault\">Computer Graphics Forum (CGF) - Proceedings of the 2015 Pacific Conference on Computer Graphics and Applications (PG), 2015</span><br/>\n",
              "<span class=\"TextSmallDefault\"><a href=\"https://github.com/iwanao731\">Naoya Iwamoto</a>, <a href=\"index.htm\">Hubert P. H. Shum</a>, <a href=\"http://lyang.uk/\">Longzhi Yang</a> and <a href=\"http://www.mlab.phys.waseda.ac.jp/?lang=en\">Shigeo Morishima</a><br/></span>\n",
              "<span class=\"TextSmallDefault\"><a class=\"LinkButton\" href=\"pbl_pg2015lattice663.htm\" style=\"background-color:#555\"><i class=\"far fa-window-maximize\"></i> Webpage</a></span>\n",
              "</div>\n",
              "</div>\n",
              "</div>\n",
              "<h2 id=\"2014\">2014</h2><div style=\"margin-left: var(--size-marginleft)\">\n",
              "<div class=\"w3-cell-row\">\n",
              "<div class=\"w3-container w3-cell w3-mobile w3-cell-top\" style=\"padding-left: 0px; padding-right: 0px; padding-bottom: 16px; padding-top: 0px; width:120px;\">\n",
              "<div class=\"ImgIconPublicationDiv\">\n",
              "<a href=\"pbl_casa2014variation340.htm\"><img alt=\"Webpage\" class=\"ImgIconPublication\" src=\"publications/casa2014variation/images/icon.jpg\" style=\"display:block\"/></a>\n",
              "</div>\n",
              "</div>\n",
              "<div class=\"w3-container w3-cell w3-mobile w3-cell-middle\" style=\"padding-bottom: 24px\">\t\n",
              "\t\tHuman Motion Variation Synthesis with Multivariate Gaussian Processes\n",
              "\t\t<br/>\n",
              "<span class=\"TextSmallDefault\">Computer Animation and Virtual Worlds (CAVW) - Proceedings of the 2014 International Conference on Computer Animation and Social Agents (CASA), 2014</span><br/>\n",
              "<span class=\"TextSmallDefault\"><a href=\"https://www.researchgate.net/profile/Liuyang_Zhou\">Liuyang Zhou</a>, <a href=\"https://sites.google.com/site/lifengshang/\">Lifeng Shang</a>, <a href=\"index.htm\">Hubert P. H. Shum</a> and <a href=\"http://www.cs.cityu.edu.hk/~howard/\">Howard Leung</a><br/></span>\n",
              "<span class=\"TextSmallDefault\"><a class=\"LinkButton\" href=\"pbl_casa2014variation340.htm\" style=\"background-color:#555\"><i class=\"far fa-window-maximize\"></i> Webpage</a></span>\n",
              "</div>\n",
              "</div>\n",
              "</div>\n",
              "<h2 id=\"2013\">2013</h2><div style=\"margin-left: var(--size-marginleft)\">\n",
              "<div class=\"w3-cell-row\">\n",
              "<div class=\"w3-container w3-cell w3-mobile w3-cell-top\" style=\"padding-left: 0px; padding-right: 0px; padding-bottom: 16px; padding-top: 0px; width:120px;\">\n",
              "<div class=\"ImgIconPublicationDiv\">\n",
              "<a href=\"pbl_pg2013topology5337.htm\"><img alt=\"Webpage\" class=\"ImgIconPublication\" src=\"publications/pg2013topology/images/icon.jpg\" style=\"display:block\"/></a>\n",
              "</div>\n",
              "</div>\n",
              "<div class=\"w3-container w3-cell w3-mobile w3-cell-middle\" style=\"padding-bottom: 24px\">\t\n",
              "\t\tTopology Aware Data-Driven Inverse Kinematics\n",
              "\t\t<br/>\n",
              "<span class=\"TextSmallDefault\">Computer Graphics Forum (CGF) - Proceedings of the 2013 Pacific Conference on Computer Graphics and Applications (PG), 2013</span><br/>\n",
              "<span class=\"TextSmallDefault\"><a href=\"http://www.edho.net/\">Edmond S. L. Ho</a>, <a href=\"index.htm\">Hubert P. H. Shum</a>, <a href=\"http://www.comp.hkbu.edu.hk/~ymc/\">Yiu-ming Cheung</a> and <a href=\"http://www.comp.hkbu.edu.hk/~pcyuen/\">P. C. Yuen</a><br/></span>\n",
              "<span class=\"TextSmallDefault\"><a class=\"LinkButton\" href=\"pbl_pg2013topology5337.htm\" style=\"background-color:#555\"><i class=\"far fa-window-maximize\"></i> Webpage</a></span>\n",
              "</div>\n",
              "</div>\n",
              "<div class=\"w3-cell-row\">\n",
              "<div class=\"w3-container w3-cell w3-mobile w3-cell-top\" style=\"padding-left: 0px; padding-right: 0px; padding-bottom: 16px; padding-top: 0px; width:120px;\">\n",
              "<div class=\"ImgIconPublicationDiv\">\n",
              "<a href=\"pbl_cavw2013preparation8776.htm\"><img alt=\"Webpage\" class=\"ImgIconPublication\" src=\"publications/cavw2013preparation/images/icon.jpg\" style=\"display:block\"/></a>\n",
              "</div>\n",
              "</div>\n",
              "<div class=\"w3-container w3-cell w3-mobile w3-cell-middle\" style=\"padding-bottom: 24px\">\t\n",
              "\t\tNatural Preparation Behavior Synthesis\n",
              "\t\t<br/>\n",
              "<span class=\"TextSmallDefault\">Computer Animation and Virtual Worlds (CAVW), 2013</span><br/>\n",
              "<span class=\"TextSmallDefault\"><a href=\"index.htm\">Hubert P. H. Shum</a>, <a href=\"http://people.rennes.inria.fr/Ludovic.Hoyet/index.shtml\">Ludovic Hoyet</a>, <a href=\"http://www.edho.net/\">Edmond S. L. Ho</a>, <a href=\"http://homepages.inf.ed.ac.uk/tkomura/\">Taku Komura</a> and <a href=\"http://m2slab.com/index.php/members/franck-multon/\">Franck Multon</a><br/></span>\n",
              "<span class=\"TextSmallDefault\"><a class=\"LinkButton\" href=\"pbl_cavw2013preparation8776.htm\" style=\"background-color:#555\"><i class=\"far fa-window-maximize\"></i> Webpage</a></span>\n",
              "</div>\n",
              "</div>\n",
              "<div class=\"w3-cell-row\">\n",
              "<div class=\"w3-container w3-cell w3-mobile w3-cell-top\" style=\"padding-left: 0px; padding-right: 0px; padding-bottom: 16px; padding-top: 0px; width:120px;\">\n",
              "<div class=\"ImgIconPublicationDiv\">\n",
              "<a href=\"pbl_casa2013preparation87.htm\"><img alt=\"Webpage\" class=\"ImgIconPublication\" src=\"publications/casa2013preparation/images/icon.jpg\" style=\"display:block\"/></a>\n",
              "</div>\n",
              "</div>\n",
              "<div class=\"w3-container w3-cell w3-mobile w3-cell-middle\" style=\"padding-bottom: 24px\">\t\n",
              "\t\tPreparation Behaviour Synthesis with Reinforcement Learning\n",
              "\t\t<br/>\n",
              "<span class=\"TextSmallDefault\">Proceedings of the 2013 International Conference on Computer Animation and Social Agents (CASA), 2013</span><br/>\n",
              "<span class=\"TextSmallDefault\"><a href=\"index.htm\">Hubert P. H. Shum</a>, <a href=\"http://people.rennes.inria.fr/Ludovic.Hoyet/index.shtml\">Ludovic Hoyet</a>, <a href=\"http://www.edho.net/\">Edmond S. L. Ho</a>, <a href=\"http://homepages.inf.ed.ac.uk/tkomura/\">Taku Komura</a> and <a href=\"http://m2slab.com/index.php/members/franck-multon/\">Franck Multon</a><br/></span>\n",
              "<span class=\"TextSmallDefault\"><a class=\"LinkButton\" href=\"pbl_casa2013preparation87.htm\" style=\"background-color:#555\"><i class=\"far fa-window-maximize\"></i> Webpage</a></span>\n",
              "</div>\n",
              "</div>\n",
              "</div>\n",
              "<h2 id=\"2012\">2012</h2><div style=\"margin-left: var(--size-marginleft)\">\n",
              "<div class=\"w3-cell-row\">\n",
              "<div class=\"w3-container w3-cell w3-mobile w3-cell-top\" style=\"padding-left: 0px; padding-right: 0px; padding-bottom: 16px; padding-top: 0px; width:120px;\">\n",
              "<div class=\"ImgIconPublicationDiv\">\n",
              "<a href=\"pbl_tvcg2012interaction1595.htm\"><img alt=\"Webpage\" class=\"ImgIconPublication\" src=\"publications/tvcg2012interaction/images/icon.jpg\" style=\"display:block\"/></a>\n",
              "</div>\n",
              "</div>\n",
              "<div class=\"w3-container w3-cell w3-mobile w3-cell-middle\" style=\"padding-bottom: 24px\">\t\n",
              "\t\tSimulating Multiple Character Interactions with Collaborative and Adversarial Goals\n",
              "\t\t<br/>\n",
              "<span class=\"TextSmallDefault\">IEEE Transactions on Visualization and Computer Graphics (TVCG), 2012</span><br/>\n",
              "<span class=\"TextSmallDefault\"><a href=\"index.htm\">Hubert P. H. Shum</a>, <a href=\"http://homepages.inf.ed.ac.uk/tkomura/\">Taku Komura</a> and <a href=\"https://sites.google.com/view/shuntaro/\">Shuntaro Yamazaki</a><br/></span>\n",
              "<span class=\"TextSmallDefault\"><a class=\"LinkButton\" href=\"pbl_tvcg2012interaction1595.htm\" style=\"background-color:#555\"><i class=\"far fa-window-maximize\"></i> Webpage</a></span>\n",
              "</div>\n",
              "</div>\n",
              "<div class=\"w3-cell-row\">\n",
              "<div class=\"w3-container w3-cell w3-mobile w3-cell-top\" style=\"padding-left: 0px; padding-right: 0px; padding-bottom: 16px; padding-top: 0px; width:120px;\">\n",
              "<div class=\"ImgIconPublicationDiv\">\n",
              "<a href=\"pbl_vrst2012physical3558.htm\"><img alt=\"Webpage\" class=\"ImgIconPublication\" src=\"publications/vrst2012physical/images/icon.jpg\" style=\"display:block\"/></a>\n",
              "</div>\n",
              "</div>\n",
              "<div class=\"w3-container w3-cell w3-mobile w3-cell-middle\" style=\"padding-bottom: 24px\">\t\n",
              "\t\tReal-time Physical Modelling of Character Movements with Microsoft Kinect\n",
              "\t\t<br/>\n",
              "<span class=\"TextSmallDefault\">Proceedings of the 2012 ACM Symposium on Virtual Reality Software and Technology (VRST), 2012</span><br/>\n",
              "<span class=\"TextSmallDefault\"><a href=\"index.htm\">Hubert P. H. Shum</a> and <a href=\"http://www.edho.net/\">Edmond S. L. Ho</a><br/></span>\n",
              "<span class=\"TextSmallDefault\"><a class=\"LinkButton\" href=\"pbl_vrst2012physical3558.htm\" style=\"background-color:#555\"><i class=\"far fa-window-maximize\"></i> Webpage</a></span>\n",
              "</div>\n",
              "</div>\n",
              "</div>\n",
              "<h2 id=\"2010\">2010</h2><div style=\"margin-left: var(--size-marginleft)\">\n",
              "<div class=\"w3-cell-row\">\n",
              "<div class=\"w3-container w3-cell w3-mobile w3-cell-top\" style=\"padding-left: 0px; padding-right: 0px; padding-bottom: 16px; padding-top: 0px; width:120px;\">\n",
              "<div class=\"ImgIconPublicationDiv\">\n",
              "<a href=\"pbl_patent2010interaction4886.htm\"><img alt=\"Webpage\" class=\"ImgIconPublication\" src=\"publications/patent2010interaction/images/icon.jpg\" style=\"display:block\"/></a>\n",
              "</div>\n",
              "</div>\n",
              "<div class=\"w3-container w3-cell w3-mobile w3-cell-middle\" style=\"padding-bottom: 24px\">\t\n",
              "\t\tManufacturing Video Graphics\n",
              "\t\t<br/>\n",
              "<span class=\"TextSmallDefault\">Patent: Patent from the World Intellectual Property Organization, 2010</span><br/>\n",
              "<span class=\"TextSmallDefault\"><a href=\"http://homepages.inf.ed.ac.uk/tkomura/\">Taku Komura</a> and <a href=\"index.htm\">Hubert P. H. Shum</a><br/></span>\n",
              "<span class=\"TextSmallDefault\"><a class=\"LinkButton\" href=\"pbl_patent2010interaction4886.htm\" style=\"background-color:#555\"><i class=\"far fa-window-maximize\"></i> Webpage</a></span>\n",
              "</div>\n",
              "</div>\n",
              "<div class=\"w3-cell-row\">\n",
              "<div class=\"w3-container w3-cell w3-mobile w3-cell-top\" style=\"padding-left: 0px; padding-right: 0px; padding-bottom: 16px; padding-top: 0px; width:120px;\">\n",
              "<div class=\"ImgIconPublicationDiv\">\n",
              "<a href=\"pbl_thesis2010interaction4848.htm\"><img alt=\"Webpage\" class=\"ImgIconPublication\" src=\"publications/thesis2010interaction/images/icon.jpg\" style=\"display:block\"/></a>\n",
              "</div>\n",
              "</div>\n",
              "<div class=\"w3-container w3-cell w3-mobile w3-cell-middle\" style=\"padding-bottom: 24px\">\t\n",
              "\t\tSimulating Interactions Among Multiple Characters\n",
              "\t\t<br/>\n",
              "<span class=\"TextSmallDefault\">PhD Thesis from the University of Edinburgh, 2010</span><br/>\n",
              "<span class=\"TextSmallDefault\"><a href=\"index.htm\">Hubert P. H. Shum</a><br/></span>\n",
              "<span class=\"TextSmallDefault\"><a class=\"LinkButton\" href=\"pbl_thesis2010interaction4848.htm\" style=\"background-color:#555\"><i class=\"far fa-window-maximize\"></i> Webpage</a></span>\n",
              "</div>\n",
              "</div>\n",
              "</div>\n",
              "<h2 id=\"2009\">2009</h2><div style=\"margin-left: var(--size-marginleft)\">\n",
              "<div class=\"w3-cell-row\">\n",
              "<div class=\"w3-container w3-cell w3-mobile w3-cell-top\" style=\"padding-left: 0px; padding-right: 0px; padding-bottom: 16px; padding-top: 0px; width:120px;\">\n",
              "<div class=\"ImgIconPublicationDiv\">\n",
              "<a href=\"pbl_casa2009angular3290.htm\"><img alt=\"Webpage\" class=\"ImgIconPublication\" src=\"publications/casa2009angular/images/icon.jpg\" style=\"display:block\"/></a>\n",
              "</div>\n",
              "</div>\n",
              "<div class=\"w3-container w3-cell w3-mobile w3-cell-middle\" style=\"padding-bottom: 24px\">\t\n",
              "\t\tAngular Momentum Guided Motion Concatenation\n",
              "\t\t<br/>\n",
              "<span class=\"TextSmallDefault\">Computer Animation and Virtual Worlds (CAVW) - Proceedings of the 2009 International Conference on Computer Animation and Social Agents (CASA), 2009</span><br/>\n",
              "<span class=\"TextSmallDefault\"><a href=\"index.htm\">Hubert P. H. Shum</a>, <a href=\"http://homepages.inf.ed.ac.uk/tkomura/\">Taku Komura</a> and <a href=\"https://scholar.google.com/citations?user=zBxiK6gAAAAJ&amp;oi=ao\">Pranjul Yadav</a><br/></span>\n",
              "<span class=\"TextSmallDefault\"><a class=\"LinkButton\" href=\"pbl_casa2009angular3290.htm\" style=\"background-color:#555\"><i class=\"far fa-window-maximize\"></i> Webpage</a></span>\n",
              "</div>\n",
              "</div>\n",
              "</div>\n",
              "<h2 id=\"2008\">2008</h2><div style=\"margin-left: var(--size-marginleft)\">\n",
              "<div class=\"w3-cell-row\">\n",
              "<div class=\"w3-container w3-cell w3-mobile w3-cell-top\" style=\"padding-left: 0px; padding-right: 0px; padding-bottom: 16px; padding-top: 0px; width:120px;\">\n",
              "<div class=\"ImgIconPublicationDiv\">\n",
              "<a href=\"pbl_siggraphasia2008interaction5478.htm\"><img alt=\"Webpage\" class=\"ImgIconPublication\" src=\"publications/siggraphasia2008interaction/images/icon.jpg\" style=\"display:block\"/></a>\n",
              "</div>\n",
              "</div>\n",
              "<div class=\"w3-container w3-cell w3-mobile w3-cell-middle\" style=\"padding-bottom: 24px\">\t\n",
              "\t\tInteraction Patches for Multi-Character Animation\n",
              "\t\t<br/>\n",
              "<span class=\"TextSmallDefault\">ACM Transactions on Graphics (TOG) - Proceedings of the 2008 ACM SIGGRAPH Asia, 2008</span><br/>\n",
              "<span class=\"TextSmallDefault\"><a href=\"index.htm\">Hubert P. H. Shum</a>, <a href=\"http://homepages.inf.ed.ac.uk/tkomura/\">Taku Komura</a>, <a href=\"https://scholar.google.com/citations?user=ee6FzccAAAAJ\">Masashi Shiraishi</a> and <a href=\"https://sites.google.com/view/shuntaro/\">Shuntaro Yamazaki</a><br/></span>\n",
              "<span class=\"TextSmallDefault\"><a class=\"LinkButton\" href=\"pbl_siggraphasia2008interaction5478.htm\" style=\"background-color:#555\"><i class=\"far fa-window-maximize\"></i> Webpage</a></span>\n",
              "</div>\n",
              "</div>\n",
              "<div class=\"w3-cell-row\">\n",
              "<div class=\"w3-container w3-cell w3-mobile w3-cell-top\" style=\"padding-left: 0px; padding-right: 0px; padding-bottom: 16px; padding-top: 0px; width:120px;\">\n",
              "<div class=\"ImgIconPublicationDiv\">\n",
              "<a href=\"pbl_i3d2008interaction5368.htm\"><img alt=\"Webpage\" class=\"ImgIconPublication\" src=\"publications/i3d2008interaction/images/icon.jpg\" style=\"display:block\"/></a>\n",
              "</div>\n",
              "</div>\n",
              "<div class=\"w3-container w3-cell w3-mobile w3-cell-middle\" style=\"padding-bottom: 24px\">\t\n",
              "\t\tSimulating Interactions of Avatars in High Dimensional State Space\n",
              "\t\t<br/>\n",
              "<span class=\"TextSmallDefault\">Proceedings of the 2008 Symposium on Interactive 3D Graphics and Games (I3D), 2008</span><br/>\n",
              "<span class=\"TextSmallDefault\"><a href=\"index.htm\">Hubert P. H. Shum</a>, <a href=\"http://homepages.inf.ed.ac.uk/tkomura/\">Taku Komura</a> and <a href=\"https://sites.google.com/view/shuntaro/\">Shuntaro Yamazaki</a><br/></span>\n",
              "<span class=\"TextSmallDefault\"><a class=\"LinkButton\" href=\"pbl_i3d2008interaction5368.htm\" style=\"background-color:#555\"><i class=\"far fa-window-maximize\"></i> Webpage</a></span>\n",
              "</div>\n",
              "</div>\n",
              "<div class=\"w3-cell-row\">\n",
              "<div class=\"w3-container w3-cell w3-mobile w3-cell-top\" style=\"padding-left: 0px; padding-right: 0px; padding-bottom: 16px; padding-top: 0px; width:120px;\">\n",
              "<div class=\"ImgIconPublicationDiv\">\n",
              "<a href=\"pbl_mig2008interaction4792.htm\"><img alt=\"Webpage\" class=\"ImgIconPublication\" src=\"publications/mig2008interaction/images/icon.jpg\" style=\"display:block\"/></a>\n",
              "</div>\n",
              "</div>\n",
              "<div class=\"w3-container w3-cell w3-mobile w3-cell-middle\" style=\"padding-bottom: 24px\">\t\n",
              "\t\tSimulating Interactions of Characters\n",
              "\t\t<br/>\n",
              "<span class=\"TextSmallDefault\">Proceedings of the 2008 International Conference on Motion in Games (MIG), 2008</span><br/>\n",
              "<span class=\"TextSmallDefault\"><a href=\"http://homepages.inf.ed.ac.uk/tkomura/\">Taku Komura</a>, <a href=\"index.htm\">Hubert P. H. Shum</a> and <a href=\"http://www.edho.net/\">Edmond S. L. Ho</a><br/></span>\n",
              "<span class=\"TextSmallDefault\"><a class=\"LinkButton\" href=\"pbl_mig2008interaction4792.htm\" style=\"background-color:#555\"><i class=\"far fa-window-maximize\"></i> Webpage</a></span>\n",
              "</div>\n",
              "</div>\n",
              "</div>\n",
              "<h2 id=\"2007\">2007</h2><div style=\"margin-left: var(--size-marginleft)\">\n",
              "<div class=\"w3-cell-row\">\n",
              "<div class=\"w3-container w3-cell w3-mobile w3-cell-top\" style=\"padding-left: 0px; padding-right: 0px; padding-bottom: 16px; padding-top: 0px; width:120px;\">\n",
              "<div class=\"ImgIconPublicationDiv\">\n",
              "<a href=\"pbl_vrst2007interaction2032.htm\"><img alt=\"Webpage\" class=\"ImgIconPublication\" src=\"publications/vrst2007interaction/images/icon.jpg\" style=\"display:block\"/></a>\n",
              "</div>\n",
              "</div>\n",
              "<div class=\"w3-container w3-cell w3-mobile w3-cell-middle\" style=\"padding-bottom: 24px\">\t\n",
              "\t\tSimulating Competitive Interactions using Singly Captured Motions\n",
              "\t\t<br/>\n",
              "<span class=\"TextSmallDefault\">Proceedings of the 2007 ACM Symposium on Virtual Reality Software and Technology (VRST), 2007</span><br/>\n",
              "<span class=\"TextSmallDefault\"><a href=\"index.htm\">Hubert P. H. Shum</a>, <a href=\"http://homepages.inf.ed.ac.uk/tkomura/\">Taku Komura</a> and <a href=\"https://sites.google.com/view/shuntaro/\">Shuntaro Yamazaki</a><br/></span>\n",
              "<span class=\"TextSmallDefault\"><a class=\"LinkButton\" href=\"pbl_vrst2007interaction2032.htm\" style=\"background-color:#555\"><i class=\"far fa-window-maximize\"></i> Webpage</a></span>\n",
              "</div>\n",
              "</div>\n",
              "</div>\n",
              "<h2 id=\"2006\">2006</h2><div style=\"margin-left: var(--size-marginleft)\">\n",
              "<div class=\"w3-cell-row\">\n",
              "<div class=\"w3-container w3-cell w3-mobile w3-cell-top\" style=\"padding-left: 0px; padding-right: 0px; padding-bottom: 16px; padding-top: 0px; width:120px;\">\n",
              "<div class=\"ImgIconPublicationDiv\">\n",
              "<a href=\"pbl_sca2006fighting316.htm\"><img alt=\"Webpage\" class=\"ImgIconPublication\" src=\"publications/sca2006fighting/images/icon.gif\" style=\"display:block\"/></a>\n",
              "</div>\n",
              "</div>\n",
              "<div class=\"w3-container w3-cell w3-mobile w3-cell-middle\" style=\"padding-bottom: 24px\">\t\n",
              "\t\tGenerating Realistic Fighting Scenes by Game Tree\n",
              "\t\t<br/>\n",
              "<span class=\"TextSmallDefault\">Proceedings of the 2006 ACM SIGGRAPH/Eurographics Symposium on Computer Animation (SCA) Posters, 2006</span><br/>\n",
              "<span class=\"TextSmallDefault\"><a href=\"index.htm\">Hubert P. H. Shum</a> and <a href=\"http://homepages.inf.ed.ac.uk/tkomura/\">Taku Komura</a><br/></span>\n",
              "<span class=\"TextSmallDefault\"><a class=\"LinkButton\" href=\"pbl_sca2006fighting316.htm\" style=\"background-color:#555\"><i class=\"far fa-window-maximize\"></i> Webpage</a></span>\n",
              "</div>\n",
              "</div>\n",
              "<div class=\"w3-cell-row\">\n",
              "<div class=\"w3-container w3-cell w3-mobile w3-cell-top\" style=\"padding-left: 0px; padding-right: 0px; padding-bottom: 16px; padding-top: 0px; width:120px;\">\n",
              "<div class=\"ImgIconPublicationDiv\">\n",
              "<a href=\"pbl_arxiv2006tree4251.htm\"><img alt=\"Webpage\" class=\"ImgIconPublication\" src=\"publications/arxiv2006tree/images/icon.png\" style=\"display:block\"/></a>\n",
              "</div>\n",
              "</div>\n",
              "<div class=\"w3-container w3-cell w3-mobile w3-cell-middle\" style=\"padding-bottom: 24px\">\t\n",
              "\t\tTechnical Note: Generating Realistic Fighting Scenes by Game Tree\n",
              "\t\t<br/>\n",
              "<span class=\"TextSmallDefault\">arXiv Preprint, 2006</span><br/>\n",
              "<span class=\"TextSmallDefault\"><a href=\"index.htm\">Hubert P. H. Shum</a> and <a href=\"http://homepages.inf.ed.ac.uk/tkomura/\">Taku Komura</a><br/></span>\n",
              "<span class=\"TextSmallDefault\"><a class=\"LinkButton\" href=\"pbl_arxiv2006tree4251.htm\" style=\"background-color:#555\"><i class=\"far fa-window-maximize\"></i> Webpage</a></span>\n",
              "</div>\n",
              "</div>\n",
              "</div>\n",
              "<p> </p>\n",
              "<div class=\"w3-row\">\n",
              "<div class=\"ToolButton\" data-footer=\"Print\" style=\"display: inline; float: right\"><a href=\"javascript:void(0);\" onclick=\"PrintPage()\"><i class=\"fa fa-print fa-2x\"></i></a></div>\n",
              "<div style=\"display: inline; float: right; border-left: 2px solid white;\"> </div>\n",
              "<div style=\"display: inline; float: right; width: 6px;\"> </div>\n",
              "<div class=\"ToolButton\" data-footer=\"Email\" style=\"display: inline; float: right\"><a href=\"contacts.htm\"><i class=\"fa fa-envelope fa-2x\"></i></a></div>\n",
              "<div class=\"ToolButton\" data-footer=\"Github\" style=\"display: inline; float: right\"><a href=\"https://github.com/hubertshum\"><i class=\"fab fa-github fa-2x\"></i></a></div>\n",
              "<div class=\"ToolButton\" data-footer=\"Twitter\" style=\"display: inline; float: right\"><a href=\"https://twitter.com/hubertshum\"><i class=\"fab fa-twitter fa-2x\"></i></a></div>\n",
              "<div class=\"ToolButton\" data-footer=\"LinkedIn\" style=\"display: inline; float: right\"><a href=\"http://www.linkedin.com/in/hubertshum\"><i class=\"fab fa-linkedin fa-2x\"></i></a></div>\n",
              "<div class=\"ToolButton\" data-footer=\"Youtube\" style=\"display: inline; float: right\"><a href=\"https://www.youtube.com/user/hubertshum\"><i class=\"fab fa-youtube fa-2x\"></i></a></div>\n",
              "<div class=\"ToolButton\" data-footer=\"Google Scholar\" style=\"display: inline; float: right\"><a href=\"https://scholar.google.com/citations?user=pkPLCEYAAAAJ\"><i class=\"fas fa-graduation-cap fa-2x\"></i></a></div>\n",
              "<div class=\"ToolButton\" data-footer=\"Home\" style=\"display: inline; float: right\"><a href=\"index.htm\"><i class=\"fa fa-home fa-2x\"></i></a></div>\n",
              "</div>\n",
              "<p class=\"TextSmallDefault\" style=\"text-align: right\">Last updated on 04 October 2022, <a href=\"rss.xml\">RSS Feeds</a></p>\n",
              "<p style=\"text-align: right\"> </p>\n",
              "</div>\n",
              "</body>\n",
              "</html>"
            ]
          },
          "metadata": {},
          "execution_count": 5
        }
      ]
    },
    {
      "cell_type": "markdown",
      "source": [
        "## **QUESTION 1**"
      ],
      "metadata": {
        "id": "8ufsZ90G_Mia"
      }
    },
    {
      "cell_type": "code",
      "source": [
        "# Find all Topic list\n",
        "\n",
        "topic_link = soup.find('h2', text = 'Research Publications').find_next().find_next_sibling('p').findAll('a')\n",
        "topic_links = [a.get(\"href\") for a in topic_link]\n",
        "topic_links = [url] + topic_links\n",
        "print(topic_links)"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/"
        },
        "id": "MaJbj90XBbqm",
        "outputId": "2f09bdb1-89e8-4a7d-e765-47ee67754336"
      },
      "execution_count": null,
      "outputs": [
        {
          "output_type": "stream",
          "name": "stdout",
          "text": [
            "['publicationfull_year_characteranimation.htm', 'publicationfull_year_motionanalysis.htm', 'publicationfull_year_interactionmodelling.htm', 'publicationfull_year_biomedicalengineering.htm', 'publicationfull_year_3dreconstruction.htm', 'publicationfull_year_actionrecognition.htm', 'publicationfull_year_surfacemodelling.htm', 'publicationfull_year_crowdmodelling.htm', 'publicationfull_year_facemodelling.htm', 'publicationfull_year_virtualreality.htm', 'publicationfull_year_robotics.htm', 'publicationfull_year_biometrics.htm', 'publicationfull_year_handandgesture.htm', 'publicationfull_year_computationalintelligence.htm']\n"
          ]
        }
      ]
    },
    {
      "cell_type": "code",
      "source": [
        "# FIND ALL THE TAGS WITH \"LINK BUTTON\" CLASS\n",
        "table = soup.findAll('a', attrs = {'class':'LinkButton'})\n",
        "table"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/"
        },
        "id": "jH33WCsu1ViH",
        "outputId": "47981eeb-3a45-4e31-cd40-f836bbfa9663"
      },
      "execution_count": null,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "[<a class=\"LinkButton\" href=\"pbl_cag2022reactive7098.htm\" style=\"background-color:#555\"><i class=\"far fa-window-maximize\"></i> Webpage</a>,\n",
              " <a class=\"LinkButton\" href=\"pbl_mig2022style717.htm\" style=\"background-color:#555\"><i class=\"far fa-window-maximize\"></i> Webpage</a>,\n",
              " <a class=\"LinkButton\" href=\"pbl_tvcg2021deeplearning8560.htm\" style=\"background-color:#555\"><i class=\"far fa-window-maximize\"></i> Webpage</a>,\n",
              " <a class=\"LinkButton\" href=\"pbl_tcsvt2021prediction7122.htm\" style=\"background-color:#555\"><i class=\"far fa-window-maximize\"></i> Webpage</a>,\n",
              " <a class=\"LinkButton\" href=\"pbl_cavw2019emotion5293.htm\" style=\"background-color:#555\"><i class=\"far fa-window-maximize\"></i> Webpage</a>,\n",
              " <a class=\"LinkButton\" href=\"pbl_mig2019dance3960.htm\" style=\"background-color:#555\"><i class=\"far fa-window-maximize\"></i> Webpage</a>,\n",
              " <a class=\"LinkButton\" href=\"pbl_ace2017dancedj2550.htm\" style=\"background-color:#555\"><i class=\"far fa-window-maximize\"></i> Webpage</a>,\n",
              " <a class=\"LinkButton\" href=\"pbl_d2at2017emotion1318.htm\" style=\"background-color:#555\"><i class=\"far fa-window-maximize\"></i> Webpage</a>,\n",
              " <a class=\"LinkButton\" href=\"pbl_siggraph2016dance4025.htm\" style=\"background-color:#555\"><i class=\"far fa-window-maximize\"></i> Webpage</a>,\n",
              " <a class=\"LinkButton\" href=\"pbl_hhm2016depth6053.htm\" style=\"background-color:#555\"><i class=\"far fa-window-maximize\"></i> Webpage</a>,\n",
              " <a class=\"LinkButton\" href=\"pbl_pg2015lattice663.htm\" style=\"background-color:#555\"><i class=\"far fa-window-maximize\"></i> Webpage</a>,\n",
              " <a class=\"LinkButton\" href=\"pbl_casa2014variation340.htm\" style=\"background-color:#555\"><i class=\"far fa-window-maximize\"></i> Webpage</a>,\n",
              " <a class=\"LinkButton\" href=\"pbl_pg2013topology5337.htm\" style=\"background-color:#555\"><i class=\"far fa-window-maximize\"></i> Webpage</a>,\n",
              " <a class=\"LinkButton\" href=\"pbl_cavw2013preparation8776.htm\" style=\"background-color:#555\"><i class=\"far fa-window-maximize\"></i> Webpage</a>,\n",
              " <a class=\"LinkButton\" href=\"pbl_casa2013preparation87.htm\" style=\"background-color:#555\"><i class=\"far fa-window-maximize\"></i> Webpage</a>,\n",
              " <a class=\"LinkButton\" href=\"pbl_tvcg2012interaction1595.htm\" style=\"background-color:#555\"><i class=\"far fa-window-maximize\"></i> Webpage</a>,\n",
              " <a class=\"LinkButton\" href=\"pbl_vrst2012physical3558.htm\" style=\"background-color:#555\"><i class=\"far fa-window-maximize\"></i> Webpage</a>,\n",
              " <a class=\"LinkButton\" href=\"pbl_patent2010interaction4886.htm\" style=\"background-color:#555\"><i class=\"far fa-window-maximize\"></i> Webpage</a>,\n",
              " <a class=\"LinkButton\" href=\"pbl_thesis2010interaction4848.htm\" style=\"background-color:#555\"><i class=\"far fa-window-maximize\"></i> Webpage</a>,\n",
              " <a class=\"LinkButton\" href=\"pbl_casa2009angular3290.htm\" style=\"background-color:#555\"><i class=\"far fa-window-maximize\"></i> Webpage</a>,\n",
              " <a class=\"LinkButton\" href=\"pbl_siggraphasia2008interaction5478.htm\" style=\"background-color:#555\"><i class=\"far fa-window-maximize\"></i> Webpage</a>,\n",
              " <a class=\"LinkButton\" href=\"pbl_i3d2008interaction5368.htm\" style=\"background-color:#555\"><i class=\"far fa-window-maximize\"></i> Webpage</a>,\n",
              " <a class=\"LinkButton\" href=\"pbl_mig2008interaction4792.htm\" style=\"background-color:#555\"><i class=\"far fa-window-maximize\"></i> Webpage</a>,\n",
              " <a class=\"LinkButton\" href=\"pbl_vrst2007interaction2032.htm\" style=\"background-color:#555\"><i class=\"far fa-window-maximize\"></i> Webpage</a>,\n",
              " <a class=\"LinkButton\" href=\"pbl_sca2006fighting316.htm\" style=\"background-color:#555\"><i class=\"far fa-window-maximize\"></i> Webpage</a>,\n",
              " <a class=\"LinkButton\" href=\"pbl_arxiv2006tree4251.htm\" style=\"background-color:#555\"><i class=\"far fa-window-maximize\"></i> Webpage</a>]"
            ]
          },
          "metadata": {},
          "execution_count": 126
        }
      ]
    },
    {
      "cell_type": "code",
      "source": [
        "# GET ALL THE LINK FOR EACH ARTICLE\n",
        "#links = [link.get(\"href\") for link in soup.select(\"a\")]\n",
        "links = [a.get(\"href\") for a in wp.findAll(\"a\", {\"class\":\"LinkButton\"})]\n",
        "links"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/"
        },
        "id": "VKzimdCZ15RJ",
        "outputId": "cfdbf6fa-bb40-4491-9177-c0f8412b40be"
      },
      "execution_count": null,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "['pbl_tnsre2022features4670.htm',\n",
              " 'pbl_jms2022disorder812.htm',\n",
              " 'pbl_simpac2022cerebral8450.htm',\n",
              " 'pbl_miccai2022parkinson4346.htm',\n",
              " 'pbl_embc2022cerebral7485.htm',\n",
              " 'pbl_bhi2021cerebral8050.htm',\n",
              " 'pbl_tvcg2020interaction9753.htm',\n",
              " 'pbl_access2020infant2992.htm',\n",
              " 'pbl_mig2019analysis6150.htm',\n",
              " 'pbl_dhmp2019kinect7054.htm',\n",
              " 'pbl_tnsre2018disorder7712.htm',\n",
              " 'pbl_skima2018emotion419.htm',\n",
              " 'pbl_ecticon2018gait1261.htm',\n",
              " 'pbl_ae2016ergonomic2852.htm',\n",
              " 'pbl_cag2017visualization4134.htm',\n",
              " 'pbl_ijie2017ergonomics6748.htm',\n",
              " 'pbl_ijhfms2017ergonomic8186.htm',\n",
              " 'pbl_mig2016visualization9440.htm',\n",
              " 'pbl_dhm2016ergonomics6323.htm',\n",
              " 'pbl_isb2007boxing8075.htm']"
            ]
          },
          "metadata": {},
          "execution_count": 37
        }
      ]
    },
    {
      "cell_type": "code",
      "source": [
        "# SCRAP TITLE AND CITATION NUMBER IN LIST\n",
        "title_table = []\n",
        "cit_table = []\n",
        "n1 = 0\n",
        "n2 = 0\n",
        "for table_link in topic_links:\n",
        "  n2 += 1\n",
        "  req = requests.get(f\"{base_url}{table_link}\")\n",
        "  webpage = BeautifulSoup(req.content)\n",
        "  links = [a.get(\"href\") for a in webpage.findAll(\"a\", {\"class\":\"LinkButton\"})]\n",
        "  for link in links:\n",
        "    re = requests.get(f\"{base_url}{link}\")\n",
        "    site = BeautifulSoup(re.content)\n",
        "    title = site.find('h1', {'style':\"text-align: center\"}).contents[0]\n",
        "    if len(site.find('div', style = \"color:orange\").contents) <= 1:\n",
        "      citation = 0\n",
        "    elif len(site.find('div', style = \"color:orange\").contents) == 4:\n",
        "      citation = str(site.find('div', style = \"color:orange\").contents[2].split(':')[1]).strip()\n",
        "    elif len(site.find('div', style = \"color:orange\").contents) == 2:\n",
        "      citation = str(site.find('div', style = \"color:orange\").contents[0].split(':')[1]).strip()\n",
        "    title_table.append(title)\n",
        "    cit_table.append(citation)\n",
        "    n1 += 1\n",
        "    print(f'link {n1} from topic {n2}')"
      ],
      "metadata": {
        "id": "wBar6vHN164Q",
        "colab": {
          "base_uri": "https://localhost:8080/"
        },
        "outputId": "ec810baf-9dd6-4de2-c7e0-e2035df614b4"
      },
      "execution_count": null,
      "outputs": [
        {
          "output_type": "stream",
          "name": "stdout",
          "text": [
            "link 1 from topic 1\n",
            "link 2 from topic 1\n",
            "link 3 from topic 1\n",
            "link 4 from topic 1\n",
            "link 5 from topic 1\n",
            "link 6 from topic 1\n",
            "link 7 from topic 1\n",
            "link 8 from topic 1\n",
            "link 9 from topic 1\n",
            "link 10 from topic 1\n",
            "link 11 from topic 1\n",
            "link 12 from topic 1\n",
            "link 13 from topic 1\n",
            "link 14 from topic 1\n",
            "link 15 from topic 1\n",
            "link 16 from topic 1\n",
            "link 17 from topic 1\n",
            "link 18 from topic 1\n",
            "link 19 from topic 1\n",
            "link 20 from topic 1\n",
            "link 21 from topic 1\n",
            "link 22 from topic 1\n",
            "link 23 from topic 1\n",
            "link 24 from topic 1\n",
            "link 25 from topic 1\n",
            "link 26 from topic 1\n",
            "link 27 from topic 2\n",
            "link 28 from topic 2\n",
            "link 29 from topic 2\n",
            "link 30 from topic 2\n",
            "link 31 from topic 2\n",
            "link 32 from topic 2\n",
            "link 33 from topic 2\n",
            "link 34 from topic 2\n",
            "link 35 from topic 2\n",
            "link 36 from topic 2\n",
            "link 37 from topic 2\n",
            "link 38 from topic 2\n",
            "link 39 from topic 2\n",
            "link 40 from topic 2\n",
            "link 41 from topic 2\n",
            "link 42 from topic 2\n",
            "link 43 from topic 2\n",
            "link 44 from topic 2\n",
            "link 45 from topic 2\n",
            "link 46 from topic 2\n",
            "link 47 from topic 3\n",
            "link 48 from topic 3\n",
            "link 49 from topic 3\n",
            "link 50 from topic 3\n",
            "link 51 from topic 3\n",
            "link 52 from topic 3\n",
            "link 53 from topic 3\n",
            "link 54 from topic 3\n",
            "link 55 from topic 3\n",
            "link 56 from topic 3\n",
            "link 57 from topic 3\n",
            "link 58 from topic 3\n",
            "link 59 from topic 3\n",
            "link 60 from topic 3\n",
            "link 61 from topic 3\n",
            "link 62 from topic 3\n",
            "link 63 from topic 3\n",
            "link 64 from topic 3\n",
            "link 65 from topic 3\n",
            "link 66 from topic 3\n",
            "link 67 from topic 4\n",
            "link 68 from topic 4\n",
            "link 69 from topic 4\n",
            "link 70 from topic 4\n",
            "link 71 from topic 4\n",
            "link 72 from topic 4\n",
            "link 73 from topic 4\n",
            "link 74 from topic 4\n",
            "link 75 from topic 4\n",
            "link 76 from topic 4\n",
            "link 77 from topic 4\n",
            "link 78 from topic 4\n",
            "link 79 from topic 4\n",
            "link 80 from topic 4\n",
            "link 81 from topic 4\n",
            "link 82 from topic 4\n",
            "link 83 from topic 4\n",
            "link 84 from topic 5\n",
            "link 85 from topic 5\n",
            "link 86 from topic 5\n",
            "link 87 from topic 5\n",
            "link 88 from topic 5\n",
            "link 89 from topic 5\n",
            "link 90 from topic 5\n",
            "link 91 from topic 5\n",
            "link 92 from topic 5\n",
            "link 93 from topic 5\n",
            "link 94 from topic 5\n",
            "link 95 from topic 5\n",
            "link 96 from topic 5\n",
            "link 97 from topic 5\n",
            "link 98 from topic 5\n",
            "link 99 from topic 5\n",
            "link 100 from topic 6\n",
            "link 101 from topic 6\n",
            "link 102 from topic 6\n",
            "link 103 from topic 6\n",
            "link 104 from topic 6\n",
            "link 105 from topic 6\n",
            "link 106 from topic 6\n",
            "link 107 from topic 6\n",
            "link 108 from topic 6\n",
            "link 109 from topic 6\n",
            "link 110 from topic 6\n",
            "link 111 from topic 6\n",
            "link 112 from topic 6\n",
            "link 113 from topic 6\n",
            "link 114 from topic 6\n",
            "link 115 from topic 7\n",
            "link 116 from topic 7\n",
            "link 117 from topic 7\n",
            "link 118 from topic 7\n",
            "link 119 from topic 7\n",
            "link 120 from topic 7\n",
            "link 121 from topic 7\n",
            "link 122 from topic 7\n",
            "link 123 from topic 7\n",
            "link 124 from topic 7\n",
            "link 125 from topic 7\n",
            "link 126 from topic 8\n",
            "link 127 from topic 8\n",
            "link 128 from topic 8\n",
            "link 129 from topic 8\n",
            "link 130 from topic 8\n",
            "link 131 from topic 8\n",
            "link 132 from topic 8\n",
            "link 133 from topic 8\n",
            "link 134 from topic 8\n",
            "link 135 from topic 9\n",
            "link 136 from topic 9\n",
            "link 137 from topic 9\n",
            "link 138 from topic 9\n",
            "link 139 from topic 9\n",
            "link 140 from topic 9\n",
            "link 141 from topic 9\n",
            "link 142 from topic 9\n",
            "link 143 from topic 9\n",
            "link 144 from topic 10\n",
            "link 145 from topic 10\n",
            "link 146 from topic 10\n",
            "link 147 from topic 10\n",
            "link 148 from topic 10\n",
            "link 149 from topic 10\n",
            "link 150 from topic 10\n",
            "link 151 from topic 10\n",
            "link 152 from topic 10\n",
            "link 153 from topic 11\n",
            "link 154 from topic 11\n",
            "link 155 from topic 11\n",
            "link 156 from topic 11\n",
            "link 157 from topic 11\n",
            "link 158 from topic 11\n",
            "link 159 from topic 11\n",
            "link 160 from topic 11\n",
            "link 161 from topic 12\n",
            "link 162 from topic 12\n",
            "link 163 from topic 12\n",
            "link 164 from topic 12\n",
            "link 165 from topic 12\n",
            "link 166 from topic 12\n",
            "link 167 from topic 12\n",
            "link 168 from topic 12\n",
            "link 169 from topic 13\n",
            "link 170 from topic 13\n",
            "link 171 from topic 13\n",
            "link 172 from topic 13\n",
            "link 173 from topic 13\n",
            "link 174 from topic 13\n",
            "link 175 from topic 13\n",
            "link 176 from topic 14\n",
            "link 177 from topic 14\n",
            "link 178 from topic 14\n",
            "link 179 from topic 14\n",
            "link 180 from topic 14\n",
            "link 181 from topic 14\n",
            "link 182 from topic 14\n"
          ]
        }
      ]
    },
    {
      "cell_type": "code",
      "source": [
        "#CREATE TABLE FOR ARTICLE TITLE AND CITATION\n",
        "import pandas as pd\n",
        "table = {'Title': title_table, 'Citation':cit_table}\n",
        "df = pd.DataFrame(table)\n",
        "df['Citation'] = df['Citation'].astype('int64')\n",
        "df.sort_values(by=['Citation'], inplace = True)\n",
        "df #print the dataframe"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/",
          "height": 267
        },
        "id": "Bk5OtzJiRSgk",
        "outputId": "d1a48ba0-0d86-4405-f8ab-6812a28bea9f"
      },
      "execution_count": null,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "                                                 Title  Citation\n",
              "49   A Skeleton-aware Graph Convolutional Network f...         0\n",
              "29   Pose-based Tremor Classification for Parkinson...         0\n",
              "30   Cerebral Palsy Prediction with Frequency Atten...         0\n",
              "152  Interaction-aware Decision-making for Automate...         0\n",
              "46   Interaction-aware Decision-making for Automate...         0\n",
              "..                                                 ...       ...\n",
              "57   Simulating Multiple Character Interactions wit...       112\n",
              "96   Real-Time Posture Reconstruction for Microsoft...       150\n",
              "20   Interaction Patches for Multi-Character Animation       201\n",
              "60   Interaction Patches for Multi-Character Animation       201\n",
              "3    A Quadruple Diffusion Convolutional Recurrent ...       228\n",
              "\n",
              "[182 rows x 2 columns]"
            ],
            "text/html": [
              "\n",
              "  <div id=\"df-2b5f448a-1883-4655-8197-76a40edca1b6\">\n",
              "    <div class=\"colab-df-container\">\n",
              "      <div>\n",
              "<style scoped>\n",
              "    .dataframe tbody tr th:only-of-type {\n",
              "        vertical-align: middle;\n",
              "    }\n",
              "\n",
              "    .dataframe tbody tr th {\n",
              "        vertical-align: top;\n",
              "    }\n",
              "\n",
              "    .dataframe thead th {\n",
              "        text-align: right;\n",
              "    }\n",
              "</style>\n",
              "<table border=\"1\" class=\"dataframe\">\n",
              "  <thead>\n",
              "    <tr style=\"text-align: right;\">\n",
              "      <th></th>\n",
              "      <th>Title</th>\n",
              "      <th>Citation</th>\n",
              "    </tr>\n",
              "  </thead>\n",
              "  <tbody>\n",
              "    <tr>\n",
              "      <th>49</th>\n",
              "      <td>A Skeleton-aware Graph Convolutional Network f...</td>\n",
              "      <td>0</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>29</th>\n",
              "      <td>Pose-based Tremor Classification for Parkinson...</td>\n",
              "      <td>0</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>30</th>\n",
              "      <td>Cerebral Palsy Prediction with Frequency Atten...</td>\n",
              "      <td>0</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>152</th>\n",
              "      <td>Interaction-aware Decision-making for Automate...</td>\n",
              "      <td>0</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>46</th>\n",
              "      <td>Interaction-aware Decision-making for Automate...</td>\n",
              "      <td>0</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>...</th>\n",
              "      <td>...</td>\n",
              "      <td>...</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>57</th>\n",
              "      <td>Simulating Multiple Character Interactions wit...</td>\n",
              "      <td>112</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>96</th>\n",
              "      <td>Real-Time Posture Reconstruction for Microsoft...</td>\n",
              "      <td>150</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>20</th>\n",
              "      <td>Interaction Patches for Multi-Character Animation</td>\n",
              "      <td>201</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>60</th>\n",
              "      <td>Interaction Patches for Multi-Character Animation</td>\n",
              "      <td>201</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>3</th>\n",
              "      <td>A Quadruple Diffusion Convolutional Recurrent ...</td>\n",
              "      <td>228</td>\n",
              "    </tr>\n",
              "  </tbody>\n",
              "</table>\n",
              "<p>182 rows × 2 columns</p>\n",
              "</div>\n",
              "      <button class=\"colab-df-convert\" onclick=\"convertToInteractive('df-2b5f448a-1883-4655-8197-76a40edca1b6')\"\n",
              "              title=\"Convert this dataframe to an interactive table.\"\n",
              "              style=\"display:none;\">\n",
              "        \n",
              "  <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\"viewBox=\"0 0 24 24\"\n",
              "       width=\"24px\">\n",
              "    <path d=\"M0 0h24v24H0V0z\" fill=\"none\"/>\n",
              "    <path d=\"M18.56 5.44l.94 2.06.94-2.06 2.06-.94-2.06-.94-.94-2.06-.94 2.06-2.06.94zm-11 1L8.5 8.5l.94-2.06 2.06-.94-2.06-.94L8.5 2.5l-.94 2.06-2.06.94zm10 10l.94 2.06.94-2.06 2.06-.94-2.06-.94-.94-2.06-.94 2.06-2.06.94z\"/><path d=\"M17.41 7.96l-1.37-1.37c-.4-.4-.92-.59-1.43-.59-.52 0-1.04.2-1.43.59L10.3 9.45l-7.72 7.72c-.78.78-.78 2.05 0 2.83L4 21.41c.39.39.9.59 1.41.59.51 0 1.02-.2 1.41-.59l7.78-7.78 2.81-2.81c.8-.78.8-2.07 0-2.86zM5.41 20L4 18.59l7.72-7.72 1.47 1.35L5.41 20z\"/>\n",
              "  </svg>\n",
              "      </button>\n",
              "      \n",
              "  <style>\n",
              "    .colab-df-container {\n",
              "      display:flex;\n",
              "      flex-wrap:wrap;\n",
              "      gap: 12px;\n",
              "    }\n",
              "\n",
              "    .colab-df-convert {\n",
              "      background-color: #E8F0FE;\n",
              "      border: none;\n",
              "      border-radius: 50%;\n",
              "      cursor: pointer;\n",
              "      display: none;\n",
              "      fill: #1967D2;\n",
              "      height: 32px;\n",
              "      padding: 0 0 0 0;\n",
              "      width: 32px;\n",
              "    }\n",
              "\n",
              "    .colab-df-convert:hover {\n",
              "      background-color: #E2EBFA;\n",
              "      box-shadow: 0px 1px 2px rgba(60, 64, 67, 0.3), 0px 1px 3px 1px rgba(60, 64, 67, 0.15);\n",
              "      fill: #174EA6;\n",
              "    }\n",
              "\n",
              "    [theme=dark] .colab-df-convert {\n",
              "      background-color: #3B4455;\n",
              "      fill: #D2E3FC;\n",
              "    }\n",
              "\n",
              "    [theme=dark] .colab-df-convert:hover {\n",
              "      background-color: #434B5C;\n",
              "      box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15);\n",
              "      filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.3));\n",
              "      fill: #FFFFFF;\n",
              "    }\n",
              "  </style>\n",
              "\n",
              "      <script>\n",
              "        const buttonEl =\n",
              "          document.querySelector('#df-2b5f448a-1883-4655-8197-76a40edca1b6 button.colab-df-convert');\n",
              "        buttonEl.style.display =\n",
              "          google.colab.kernel.accessAllowed ? 'block' : 'none';\n",
              "\n",
              "        async function convertToInteractive(key) {\n",
              "          const element = document.querySelector('#df-2b5f448a-1883-4655-8197-76a40edca1b6');\n",
              "          const dataTable =\n",
              "            await google.colab.kernel.invokeFunction('convertToInteractive',\n",
              "                                                     [key], {});\n",
              "          if (!dataTable) return;\n",
              "\n",
              "          const docLinkHtml = 'Like what you see? Visit the ' +\n",
              "            '<a target=\"_blank\" href=https://colab.research.google.com/notebooks/data_table.ipynb>data table notebook</a>'\n",
              "            + ' to learn more about interactive tables.';\n",
              "          element.innerHTML = '';\n",
              "          dataTable['output_type'] = 'display_data';\n",
              "          await google.colab.output.renderOutput(dataTable, element);\n",
              "          const docLink = document.createElement('div');\n",
              "          docLink.innerHTML = docLinkHtml;\n",
              "          element.appendChild(docLink);\n",
              "        }\n",
              "      </script>\n",
              "    </div>\n",
              "  </div>\n",
              "  "
            ]
          },
          "metadata": {},
          "execution_count": 54
        }
      ]
    },
    {
      "cell_type": "code",
      "source": [
        "# TOP 25 CITED ARTICLES\n",
        "top_25 = df.nlargest(25,['Citation'])\n",
        "top_25"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/",
          "height": 833
        },
        "id": "B5nAHXqPRSd1",
        "outputId": "157d2d9c-208b-47c2-85fe-a3ad455b1d93"
      },
      "execution_count": null,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "                                                 Title  Citation\n",
              "3    A Quadruple Diffusion Convolutional Recurrent ...       228\n",
              "20   Interaction Patches for Multi-Character Animation       201\n",
              "60   Interaction Patches for Multi-Character Animation       201\n",
              "96   Real-Time Posture Reconstruction for Microsoft...       150\n",
              "23   Simulating Competitive Interactions using Sing...       112\n",
              "63   Simulating Competitive Interactions using Sing...       112\n",
              "15   Simulating Multiple Character Interactions wit...       112\n",
              "57   Simulating Multiple Character Interactions wit...       112\n",
              "21   Simulating Interactions of Avatars in High Dim...       102\n",
              "61   Simulating Interactions of Avatars in High Dim...       102\n",
              "94   Kinect Posture Reconstruction based on a Local...        98\n",
              "101        Interaction-based Human Activity Comparison        88\n",
              "32         Interaction-based Human Activity Comparison        88\n",
              "52         Interaction-based Human Activity Comparison        88\n",
              "133          Environment-aware Real-Time Crowd Control        79\n",
              "16   Real-time Physical Modelling of Character Move...        68\n",
              "95   Posture Reconstruction Using Kinect with a Pro...        62\n",
              "132  Interactive Formation Control in Complex Envir...        61\n",
              "88   Bi-projection based Foreground-aware Omnidirec...        60\n",
              "103  A Two-Stream Recurrent Network for Skeleton-Ba...        60\n",
              "53   A Two-Stream Recurrent Network for Skeleton-Ba...        60\n",
              "31   Interpreting Deep Learning based Cerebral Pals...        55\n",
              "93   Filtered Pose Graph for Efficient Kinect Pose ...        55\n",
              "75   Interpreting Deep Learning based Cerebral Pals...        55\n",
              "112    Emulating Human Perception of Motion Similarity        51"
            ],
            "text/html": [
              "\n",
              "  <div id=\"df-a29f2e2b-c7a5-4ac5-af7a-828cd7309fac\">\n",
              "    <div class=\"colab-df-container\">\n",
              "      <div>\n",
              "<style scoped>\n",
              "    .dataframe tbody tr th:only-of-type {\n",
              "        vertical-align: middle;\n",
              "    }\n",
              "\n",
              "    .dataframe tbody tr th {\n",
              "        vertical-align: top;\n",
              "    }\n",
              "\n",
              "    .dataframe thead th {\n",
              "        text-align: right;\n",
              "    }\n",
              "</style>\n",
              "<table border=\"1\" class=\"dataframe\">\n",
              "  <thead>\n",
              "    <tr style=\"text-align: right;\">\n",
              "      <th></th>\n",
              "      <th>Title</th>\n",
              "      <th>Citation</th>\n",
              "    </tr>\n",
              "  </thead>\n",
              "  <tbody>\n",
              "    <tr>\n",
              "      <th>3</th>\n",
              "      <td>A Quadruple Diffusion Convolutional Recurrent ...</td>\n",
              "      <td>228</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>20</th>\n",
              "      <td>Interaction Patches for Multi-Character Animation</td>\n",
              "      <td>201</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>60</th>\n",
              "      <td>Interaction Patches for Multi-Character Animation</td>\n",
              "      <td>201</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>96</th>\n",
              "      <td>Real-Time Posture Reconstruction for Microsoft...</td>\n",
              "      <td>150</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>23</th>\n",
              "      <td>Simulating Competitive Interactions using Sing...</td>\n",
              "      <td>112</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>63</th>\n",
              "      <td>Simulating Competitive Interactions using Sing...</td>\n",
              "      <td>112</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>15</th>\n",
              "      <td>Simulating Multiple Character Interactions wit...</td>\n",
              "      <td>112</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>57</th>\n",
              "      <td>Simulating Multiple Character Interactions wit...</td>\n",
              "      <td>112</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>21</th>\n",
              "      <td>Simulating Interactions of Avatars in High Dim...</td>\n",
              "      <td>102</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>61</th>\n",
              "      <td>Simulating Interactions of Avatars in High Dim...</td>\n",
              "      <td>102</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>94</th>\n",
              "      <td>Kinect Posture Reconstruction based on a Local...</td>\n",
              "      <td>98</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>101</th>\n",
              "      <td>Interaction-based Human Activity Comparison</td>\n",
              "      <td>88</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>32</th>\n",
              "      <td>Interaction-based Human Activity Comparison</td>\n",
              "      <td>88</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>52</th>\n",
              "      <td>Interaction-based Human Activity Comparison</td>\n",
              "      <td>88</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>133</th>\n",
              "      <td>Environment-aware Real-Time Crowd Control</td>\n",
              "      <td>79</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>16</th>\n",
              "      <td>Real-time Physical Modelling of Character Move...</td>\n",
              "      <td>68</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>95</th>\n",
              "      <td>Posture Reconstruction Using Kinect with a Pro...</td>\n",
              "      <td>62</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>132</th>\n",
              "      <td>Interactive Formation Control in Complex Envir...</td>\n",
              "      <td>61</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>88</th>\n",
              "      <td>Bi-projection based Foreground-aware Omnidirec...</td>\n",
              "      <td>60</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>103</th>\n",
              "      <td>A Two-Stream Recurrent Network for Skeleton-Ba...</td>\n",
              "      <td>60</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>53</th>\n",
              "      <td>A Two-Stream Recurrent Network for Skeleton-Ba...</td>\n",
              "      <td>60</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>31</th>\n",
              "      <td>Interpreting Deep Learning based Cerebral Pals...</td>\n",
              "      <td>55</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>93</th>\n",
              "      <td>Filtered Pose Graph for Efficient Kinect Pose ...</td>\n",
              "      <td>55</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>75</th>\n",
              "      <td>Interpreting Deep Learning based Cerebral Pals...</td>\n",
              "      <td>55</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>112</th>\n",
              "      <td>Emulating Human Perception of Motion Similarity</td>\n",
              "      <td>51</td>\n",
              "    </tr>\n",
              "  </tbody>\n",
              "</table>\n",
              "</div>\n",
              "      <button class=\"colab-df-convert\" onclick=\"convertToInteractive('df-a29f2e2b-c7a5-4ac5-af7a-828cd7309fac')\"\n",
              "              title=\"Convert this dataframe to an interactive table.\"\n",
              "              style=\"display:none;\">\n",
              "        \n",
              "  <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\"viewBox=\"0 0 24 24\"\n",
              "       width=\"24px\">\n",
              "    <path d=\"M0 0h24v24H0V0z\" fill=\"none\"/>\n",
              "    <path d=\"M18.56 5.44l.94 2.06.94-2.06 2.06-.94-2.06-.94-.94-2.06-.94 2.06-2.06.94zm-11 1L8.5 8.5l.94-2.06 2.06-.94-2.06-.94L8.5 2.5l-.94 2.06-2.06.94zm10 10l.94 2.06.94-2.06 2.06-.94-2.06-.94-.94-2.06-.94 2.06-2.06.94z\"/><path d=\"M17.41 7.96l-1.37-1.37c-.4-.4-.92-.59-1.43-.59-.52 0-1.04.2-1.43.59L10.3 9.45l-7.72 7.72c-.78.78-.78 2.05 0 2.83L4 21.41c.39.39.9.59 1.41.59.51 0 1.02-.2 1.41-.59l7.78-7.78 2.81-2.81c.8-.78.8-2.07 0-2.86zM5.41 20L4 18.59l7.72-7.72 1.47 1.35L5.41 20z\"/>\n",
              "  </svg>\n",
              "      </button>\n",
              "      \n",
              "  <style>\n",
              "    .colab-df-container {\n",
              "      display:flex;\n",
              "      flex-wrap:wrap;\n",
              "      gap: 12px;\n",
              "    }\n",
              "\n",
              "    .colab-df-convert {\n",
              "      background-color: #E8F0FE;\n",
              "      border: none;\n",
              "      border-radius: 50%;\n",
              "      cursor: pointer;\n",
              "      display: none;\n",
              "      fill: #1967D2;\n",
              "      height: 32px;\n",
              "      padding: 0 0 0 0;\n",
              "      width: 32px;\n",
              "    }\n",
              "\n",
              "    .colab-df-convert:hover {\n",
              "      background-color: #E2EBFA;\n",
              "      box-shadow: 0px 1px 2px rgba(60, 64, 67, 0.3), 0px 1px 3px 1px rgba(60, 64, 67, 0.15);\n",
              "      fill: #174EA6;\n",
              "    }\n",
              "\n",
              "    [theme=dark] .colab-df-convert {\n",
              "      background-color: #3B4455;\n",
              "      fill: #D2E3FC;\n",
              "    }\n",
              "\n",
              "    [theme=dark] .colab-df-convert:hover {\n",
              "      background-color: #434B5C;\n",
              "      box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15);\n",
              "      filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.3));\n",
              "      fill: #FFFFFF;\n",
              "    }\n",
              "  </style>\n",
              "\n",
              "      <script>\n",
              "        const buttonEl =\n",
              "          document.querySelector('#df-a29f2e2b-c7a5-4ac5-af7a-828cd7309fac button.colab-df-convert');\n",
              "        buttonEl.style.display =\n",
              "          google.colab.kernel.accessAllowed ? 'block' : 'none';\n",
              "\n",
              "        async function convertToInteractive(key) {\n",
              "          const element = document.querySelector('#df-a29f2e2b-c7a5-4ac5-af7a-828cd7309fac');\n",
              "          const dataTable =\n",
              "            await google.colab.kernel.invokeFunction('convertToInteractive',\n",
              "                                                     [key], {});\n",
              "          if (!dataTable) return;\n",
              "\n",
              "          const docLinkHtml = 'Like what you see? Visit the ' +\n",
              "            '<a target=\"_blank\" href=https://colab.research.google.com/notebooks/data_table.ipynb>data table notebook</a>'\n",
              "            + ' to learn more about interactive tables.';\n",
              "          element.innerHTML = '';\n",
              "          dataTable['output_type'] = 'display_data';\n",
              "          await google.colab.output.renderOutput(dataTable, element);\n",
              "          const docLink = document.createElement('div');\n",
              "          docLink.innerHTML = docLinkHtml;\n",
              "          element.appendChild(docLink);\n",
              "        }\n",
              "      </script>\n",
              "    </div>\n",
              "  </div>\n",
              "  "
            ]
          },
          "metadata": {},
          "execution_count": 55
        }
      ]
    },
    {
      "cell_type": "code",
      "source": [],
      "metadata": {
        "id": "TG8zSMaSRSat"
      },
      "execution_count": null,
      "outputs": []
    },
    {
      "cell_type": "markdown",
      "source": [
        "## **QUESTION 2**"
      ],
      "metadata": {
        "id": "tVZcYSDr_Cqd"
      }
    },
    {
      "cell_type": "code",
      "source": [
        "# SCRAP LINKS IN LIST FOR DETAILS (LDO NAME, NUMBER OF LDOs, TITLE, YEAR, CITATION)\n",
        "LDO_table = []\n",
        "LDO_name_table = []\n",
        "year_table = []\n",
        "title_table = []\n",
        "cit_table = []\n",
        "n1 = 0\n",
        "n2 = 0\n",
        "for table_link in topic_links:\n",
        "  n2 += 1\n",
        "  req = requests.get(f\"{base_url}{table_link}\")\n",
        "  webpage = BeautifulSoup(req.content)\n",
        "  links = [a.get(\"href\") for a in webpage.findAll(\"a\", {\"class\":\"LinkButton\"})]\n",
        "  for link in links:\n",
        "    re = requests.get(f\"{base_url}{link}\")\n",
        "    site = BeautifulSoup(re.content)\n",
        "    title = site.find('title').contents[0]\n",
        "    if len(site.find('div', style = \"color:orange\").contents) <= 1:\n",
        "      citation = 0\n",
        "    elif len(site.find('div', style = \"color:orange\").contents) == 4:\n",
        "      citation = str(site.find('div', style = \"color:orange\").contents[2].split(':')[1]).strip()\n",
        "    elif len(site.find('div', style = \"color:orange\").contents) == 2:\n",
        "      citation = str(site.find('div', style = \"color:orange\").contents[0].split(':')[1]).strip()\n",
        "    LDO = len(site.find('h2', text = \"Links, Downloads and Online Resources\").find_next_sibling().findAll('div')) - 1 #exclude parent div\n",
        "    year = str(site.find('h3', text = 'BibTeX').find_next_sibling()).split(',')\n",
        "    for yea in year:\n",
        "      if yea.find('year') != -1:\n",
        "        date = yea.split('{')[1][:-1]\n",
        "    LDO_name = site.find('h2', text = \"Links, Downloads and Online Resources\").find_next_sibling().findAll('a')\n",
        "    names_list = []\n",
        "    for name in LDO_name:\n",
        "      if name.getText() not in (\"\", \" \"):\n",
        "        names_list.append(name.getText())\n",
        "    title_table.append(title)\n",
        "    cit_table.append(citation)\n",
        "    LDO_table.append(LDO)\n",
        "    year_table.append(date)\n",
        "    LDO_name_table.append(names_list)\n",
        "    n1 += 1\n",
        "    print(f'link {n1} from topic {n2}')"
      ],
      "metadata": {
        "id": "rdYE7klHRSSk",
        "colab": {
          "base_uri": "https://localhost:8080/"
        },
        "outputId": "5e906cd9-7cfd-4516-eb77-ae5f1d8b8d6e"
      },
      "execution_count": null,
      "outputs": [
        {
          "output_type": "stream",
          "name": "stdout",
          "text": [
            "link 1 from topic 1\n",
            "link 2 from topic 1\n",
            "link 3 from topic 1\n",
            "link 4 from topic 1\n",
            "link 5 from topic 1\n",
            "link 6 from topic 1\n",
            "link 7 from topic 1\n",
            "link 8 from topic 1\n",
            "link 9 from topic 1\n",
            "link 10 from topic 1\n",
            "link 11 from topic 1\n",
            "link 12 from topic 1\n",
            "link 13 from topic 1\n",
            "link 14 from topic 1\n",
            "link 15 from topic 1\n",
            "link 16 from topic 1\n",
            "link 17 from topic 1\n",
            "link 18 from topic 1\n",
            "link 19 from topic 1\n",
            "link 20 from topic 1\n",
            "link 21 from topic 1\n",
            "link 22 from topic 1\n",
            "link 23 from topic 1\n",
            "link 24 from topic 1\n",
            "link 25 from topic 1\n",
            "link 26 from topic 1\n",
            "link 27 from topic 2\n",
            "link 28 from topic 2\n",
            "link 29 from topic 2\n",
            "link 30 from topic 2\n",
            "link 31 from topic 2\n",
            "link 32 from topic 2\n",
            "link 33 from topic 2\n",
            "link 34 from topic 2\n",
            "link 35 from topic 2\n",
            "link 36 from topic 2\n",
            "link 37 from topic 2\n",
            "link 38 from topic 2\n",
            "link 39 from topic 2\n",
            "link 40 from topic 2\n",
            "link 41 from topic 2\n",
            "link 42 from topic 2\n",
            "link 43 from topic 2\n",
            "link 44 from topic 2\n",
            "link 45 from topic 2\n",
            "link 46 from topic 2\n",
            "link 47 from topic 3\n",
            "link 48 from topic 3\n",
            "link 49 from topic 3\n",
            "link 50 from topic 3\n",
            "link 51 from topic 3\n",
            "link 52 from topic 3\n",
            "link 53 from topic 3\n",
            "link 54 from topic 3\n",
            "link 55 from topic 3\n",
            "link 56 from topic 3\n",
            "link 57 from topic 3\n",
            "link 58 from topic 3\n",
            "link 59 from topic 3\n",
            "link 60 from topic 3\n",
            "link 61 from topic 3\n",
            "link 62 from topic 3\n",
            "link 63 from topic 3\n",
            "link 64 from topic 3\n",
            "link 65 from topic 3\n",
            "link 66 from topic 3\n",
            "link 67 from topic 4\n",
            "link 68 from topic 4\n",
            "link 69 from topic 4\n",
            "link 70 from topic 4\n",
            "link 71 from topic 4\n",
            "link 72 from topic 4\n",
            "link 73 from topic 4\n",
            "link 74 from topic 4\n",
            "link 75 from topic 4\n",
            "link 76 from topic 4\n",
            "link 77 from topic 4\n",
            "link 78 from topic 4\n",
            "link 79 from topic 4\n",
            "link 80 from topic 4\n",
            "link 81 from topic 4\n",
            "link 82 from topic 4\n",
            "link 83 from topic 4\n",
            "link 84 from topic 5\n",
            "link 85 from topic 5\n",
            "link 86 from topic 5\n",
            "link 87 from topic 5\n",
            "link 88 from topic 5\n",
            "link 89 from topic 5\n",
            "link 90 from topic 5\n",
            "link 91 from topic 5\n",
            "link 92 from topic 5\n",
            "link 93 from topic 5\n",
            "link 94 from topic 5\n",
            "link 95 from topic 5\n",
            "link 96 from topic 5\n",
            "link 97 from topic 5\n",
            "link 98 from topic 5\n",
            "link 99 from topic 5\n",
            "link 100 from topic 6\n",
            "link 101 from topic 6\n",
            "link 102 from topic 6\n",
            "link 103 from topic 6\n",
            "link 104 from topic 6\n",
            "link 105 from topic 6\n",
            "link 106 from topic 6\n",
            "link 107 from topic 6\n",
            "link 108 from topic 6\n",
            "link 109 from topic 6\n",
            "link 110 from topic 6\n",
            "link 111 from topic 6\n",
            "link 112 from topic 6\n",
            "link 113 from topic 6\n",
            "link 114 from topic 6\n",
            "link 115 from topic 7\n",
            "link 116 from topic 7\n",
            "link 117 from topic 7\n",
            "link 118 from topic 7\n",
            "link 119 from topic 7\n",
            "link 120 from topic 7\n",
            "link 121 from topic 7\n",
            "link 122 from topic 7\n",
            "link 123 from topic 7\n",
            "link 124 from topic 7\n",
            "link 125 from topic 7\n",
            "link 126 from topic 8\n",
            "link 127 from topic 8\n",
            "link 128 from topic 8\n",
            "link 129 from topic 8\n",
            "link 130 from topic 8\n",
            "link 131 from topic 8\n",
            "link 132 from topic 8\n",
            "link 133 from topic 8\n",
            "link 134 from topic 8\n",
            "link 135 from topic 9\n",
            "link 136 from topic 9\n",
            "link 137 from topic 9\n",
            "link 138 from topic 9\n",
            "link 139 from topic 9\n",
            "link 140 from topic 9\n",
            "link 141 from topic 9\n",
            "link 142 from topic 9\n",
            "link 143 from topic 9\n",
            "link 144 from topic 10\n",
            "link 145 from topic 10\n",
            "link 146 from topic 10\n",
            "link 147 from topic 10\n",
            "link 148 from topic 10\n",
            "link 149 from topic 10\n",
            "link 150 from topic 10\n",
            "link 151 from topic 10\n",
            "link 152 from topic 10\n",
            "link 153 from topic 11\n",
            "link 154 from topic 11\n",
            "link 155 from topic 11\n",
            "link 156 from topic 11\n",
            "link 157 from topic 11\n",
            "link 158 from topic 11\n",
            "link 159 from topic 11\n",
            "link 160 from topic 11\n",
            "link 161 from topic 12\n",
            "link 162 from topic 12\n",
            "link 163 from topic 12\n",
            "link 164 from topic 12\n",
            "link 165 from topic 12\n",
            "link 166 from topic 12\n",
            "link 167 from topic 12\n",
            "link 168 from topic 12\n",
            "link 169 from topic 13\n",
            "link 170 from topic 13\n",
            "link 171 from topic 13\n",
            "link 172 from topic 13\n",
            "link 173 from topic 13\n",
            "link 174 from topic 13\n",
            "link 175 from topic 13\n",
            "link 176 from topic 14\n",
            "link 177 from topic 14\n",
            "link 178 from topic 14\n",
            "link 179 from topic 14\n",
            "link 180 from topic 14\n",
            "link 181 from topic 14\n",
            "link 182 from topic 14\n"
          ]
        }
      ]
    },
    {
      "cell_type": "code",
      "source": [
        "# create dataframe with scraped results and define the column datatype\n",
        "import pandas as pd\n",
        "table = {'Title': title_table, 'Citation':cit_table, 'LDO Names':LDO_name_table ,'Number of LDOs':LDO_table, 'Year': year_table}\n",
        "df = pd.DataFrame(table)\n",
        "df['Citation'] = df['Citation'].astype('int64')\n",
        "df['Year'] = df['Year'].astype('int64')\n",
        "df.sort_values(by=['Citation'], inplace = True)\n",
        "df"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/",
          "height": 424
        },
        "id": "G8jvmmdpYW8h",
        "outputId": "01bca4c6-9926-4475-d2a3-05cb00051b43"
      },
      "execution_count": null,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "                                                 Title  Citation  \\\n",
              "49   A Skeleton-aware Graph Convolutional Network f...         0   \n",
              "29   Pose-based Tremor Classification for Parkinson...         0   \n",
              "30   Cerebral Palsy Prediction with Frequency Atten...         0   \n",
              "152  Interaction-aware Decision-making for Automate...         0   \n",
              "46   Interaction-aware Decision-making for Automate...         0   \n",
              "..                                                 ...       ...   \n",
              "57   Simulating Multiple Character Interactions wit...       112   \n",
              "96   Real-Time Posture Reconstruction for Microsoft...       150   \n",
              "20   Interaction Patches for Multi-Character Animat...       201   \n",
              "60   Interaction Patches for Multi-Character Animat...       201   \n",
              "3    A Quadruple Diffusion Convolutional Recurrent ...       228   \n",
              "\n",
              "                                             LDO Names  Number of LDOs  Year  \n",
              "49                                             [Paper]               1  2022  \n",
              "29   [DOI - Publisher's Page, Paper, Supplementary ...               3  2022  \n",
              "30                             [Paper, Video (86.4MB)]               3  2022  \n",
              "152             [DOI - Publisher's Page, Paper, Video]               4  2022  \n",
              "46              [DOI - Publisher's Page, Paper, Video]               4  2022  \n",
              "..                                                 ...             ...   ...  \n",
              "57   [DOI - Publisher's Page, Paper, Video Part 1, ...               7  2012  \n",
              "96   [DOI - Publisher's Page, Paper, Video, Present...               5  2013  \n",
              "20   [DOI - Publisher's Page, Paper, Program, Video...              10  2008  \n",
              "60   [DOI - Publisher's Page, Paper, Program, Video...              10  2008  \n",
              "3    [DOI - Publisher's Page, Paper, Video, Present...               5  2021  \n",
              "\n",
              "[182 rows x 5 columns]"
            ],
            "text/html": [
              "\n",
              "  <div id=\"df-4e00614f-9a74-4a2a-ae7b-6e0eabed5e57\">\n",
              "    <div class=\"colab-df-container\">\n",
              "      <div>\n",
              "<style scoped>\n",
              "    .dataframe tbody tr th:only-of-type {\n",
              "        vertical-align: middle;\n",
              "    }\n",
              "\n",
              "    .dataframe tbody tr th {\n",
              "        vertical-align: top;\n",
              "    }\n",
              "\n",
              "    .dataframe thead th {\n",
              "        text-align: right;\n",
              "    }\n",
              "</style>\n",
              "<table border=\"1\" class=\"dataframe\">\n",
              "  <thead>\n",
              "    <tr style=\"text-align: right;\">\n",
              "      <th></th>\n",
              "      <th>Title</th>\n",
              "      <th>Citation</th>\n",
              "      <th>LDO Names</th>\n",
              "      <th>Number of LDOs</th>\n",
              "      <th>Year</th>\n",
              "    </tr>\n",
              "  </thead>\n",
              "  <tbody>\n",
              "    <tr>\n",
              "      <th>49</th>\n",
              "      <td>A Skeleton-aware Graph Convolutional Network f...</td>\n",
              "      <td>0</td>\n",
              "      <td>[Paper]</td>\n",
              "      <td>1</td>\n",
              "      <td>2022</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>29</th>\n",
              "      <td>Pose-based Tremor Classification for Parkinson...</td>\n",
              "      <td>0</td>\n",
              "      <td>[DOI - Publisher's Page, Paper, Supplementary ...</td>\n",
              "      <td>3</td>\n",
              "      <td>2022</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>30</th>\n",
              "      <td>Cerebral Palsy Prediction with Frequency Atten...</td>\n",
              "      <td>0</td>\n",
              "      <td>[Paper, Video (86.4MB)]</td>\n",
              "      <td>3</td>\n",
              "      <td>2022</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>152</th>\n",
              "      <td>Interaction-aware Decision-making for Automate...</td>\n",
              "      <td>0</td>\n",
              "      <td>[DOI - Publisher's Page, Paper, Video]</td>\n",
              "      <td>4</td>\n",
              "      <td>2022</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>46</th>\n",
              "      <td>Interaction-aware Decision-making for Automate...</td>\n",
              "      <td>0</td>\n",
              "      <td>[DOI - Publisher's Page, Paper, Video]</td>\n",
              "      <td>4</td>\n",
              "      <td>2022</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>...</th>\n",
              "      <td>...</td>\n",
              "      <td>...</td>\n",
              "      <td>...</td>\n",
              "      <td>...</td>\n",
              "      <td>...</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>57</th>\n",
              "      <td>Simulating Multiple Character Interactions wit...</td>\n",
              "      <td>112</td>\n",
              "      <td>[DOI - Publisher's Page, Paper, Video Part 1, ...</td>\n",
              "      <td>7</td>\n",
              "      <td>2012</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>96</th>\n",
              "      <td>Real-Time Posture Reconstruction for Microsoft...</td>\n",
              "      <td>150</td>\n",
              "      <td>[DOI - Publisher's Page, Paper, Video, Present...</td>\n",
              "      <td>5</td>\n",
              "      <td>2013</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>20</th>\n",
              "      <td>Interaction Patches for Multi-Character Animat...</td>\n",
              "      <td>201</td>\n",
              "      <td>[DOI - Publisher's Page, Paper, Program, Video...</td>\n",
              "      <td>10</td>\n",
              "      <td>2008</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>60</th>\n",
              "      <td>Interaction Patches for Multi-Character Animat...</td>\n",
              "      <td>201</td>\n",
              "      <td>[DOI - Publisher's Page, Paper, Program, Video...</td>\n",
              "      <td>10</td>\n",
              "      <td>2008</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>3</th>\n",
              "      <td>A Quadruple Diffusion Convolutional Recurrent ...</td>\n",
              "      <td>228</td>\n",
              "      <td>[DOI - Publisher's Page, Paper, Video, Present...</td>\n",
              "      <td>5</td>\n",
              "      <td>2021</td>\n",
              "    </tr>\n",
              "  </tbody>\n",
              "</table>\n",
              "<p>182 rows × 5 columns</p>\n",
              "</div>\n",
              "      <button class=\"colab-df-convert\" onclick=\"convertToInteractive('df-4e00614f-9a74-4a2a-ae7b-6e0eabed5e57')\"\n",
              "              title=\"Convert this dataframe to an interactive table.\"\n",
              "              style=\"display:none;\">\n",
              "        \n",
              "  <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\"viewBox=\"0 0 24 24\"\n",
              "       width=\"24px\">\n",
              "    <path d=\"M0 0h24v24H0V0z\" fill=\"none\"/>\n",
              "    <path d=\"M18.56 5.44l.94 2.06.94-2.06 2.06-.94-2.06-.94-.94-2.06-.94 2.06-2.06.94zm-11 1L8.5 8.5l.94-2.06 2.06-.94-2.06-.94L8.5 2.5l-.94 2.06-2.06.94zm10 10l.94 2.06.94-2.06 2.06-.94-2.06-.94-.94-2.06-.94 2.06-2.06.94z\"/><path d=\"M17.41 7.96l-1.37-1.37c-.4-.4-.92-.59-1.43-.59-.52 0-1.04.2-1.43.59L10.3 9.45l-7.72 7.72c-.78.78-.78 2.05 0 2.83L4 21.41c.39.39.9.59 1.41.59.51 0 1.02-.2 1.41-.59l7.78-7.78 2.81-2.81c.8-.78.8-2.07 0-2.86zM5.41 20L4 18.59l7.72-7.72 1.47 1.35L5.41 20z\"/>\n",
              "  </svg>\n",
              "      </button>\n",
              "      \n",
              "  <style>\n",
              "    .colab-df-container {\n",
              "      display:flex;\n",
              "      flex-wrap:wrap;\n",
              "      gap: 12px;\n",
              "    }\n",
              "\n",
              "    .colab-df-convert {\n",
              "      background-color: #E8F0FE;\n",
              "      border: none;\n",
              "      border-radius: 50%;\n",
              "      cursor: pointer;\n",
              "      display: none;\n",
              "      fill: #1967D2;\n",
              "      height: 32px;\n",
              "      padding: 0 0 0 0;\n",
              "      width: 32px;\n",
              "    }\n",
              "\n",
              "    .colab-df-convert:hover {\n",
              "      background-color: #E2EBFA;\n",
              "      box-shadow: 0px 1px 2px rgba(60, 64, 67, 0.3), 0px 1px 3px 1px rgba(60, 64, 67, 0.15);\n",
              "      fill: #174EA6;\n",
              "    }\n",
              "\n",
              "    [theme=dark] .colab-df-convert {\n",
              "      background-color: #3B4455;\n",
              "      fill: #D2E3FC;\n",
              "    }\n",
              "\n",
              "    [theme=dark] .colab-df-convert:hover {\n",
              "      background-color: #434B5C;\n",
              "      box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15);\n",
              "      filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.3));\n",
              "      fill: #FFFFFF;\n",
              "    }\n",
              "  </style>\n",
              "\n",
              "      <script>\n",
              "        const buttonEl =\n",
              "          document.querySelector('#df-4e00614f-9a74-4a2a-ae7b-6e0eabed5e57 button.colab-df-convert');\n",
              "        buttonEl.style.display =\n",
              "          google.colab.kernel.accessAllowed ? 'block' : 'none';\n",
              "\n",
              "        async function convertToInteractive(key) {\n",
              "          const element = document.querySelector('#df-4e00614f-9a74-4a2a-ae7b-6e0eabed5e57');\n",
              "          const dataTable =\n",
              "            await google.colab.kernel.invokeFunction('convertToInteractive',\n",
              "                                                     [key], {});\n",
              "          if (!dataTable) return;\n",
              "\n",
              "          const docLinkHtml = 'Like what you see? Visit the ' +\n",
              "            '<a target=\"_blank\" href=https://colab.research.google.com/notebooks/data_table.ipynb>data table notebook</a>'\n",
              "            + ' to learn more about interactive tables.';\n",
              "          element.innerHTML = '';\n",
              "          dataTable['output_type'] = 'display_data';\n",
              "          await google.colab.output.renderOutput(dataTable, element);\n",
              "          const docLink = document.createElement('div');\n",
              "          docLink.innerHTML = docLinkHtml;\n",
              "          element.appendChild(docLink);\n",
              "        }\n",
              "      </script>\n",
              "    </div>\n",
              "  </div>\n",
              "  "
            ]
          },
          "metadata": {},
          "execution_count": 57
        }
      ]
    },
    {
      "cell_type": "code",
      "source": [
        "# TOP 25 CITED ARTICLES\n",
        "top_25 = df.nlargest(25,['Number of LDOs'])\n",
        "top_25"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/",
          "height": 833
        },
        "id": "RHZ2SX9gTTG7",
        "outputId": "84ca2819-1a5d-4dcf-a753-1ccee69994a4"
      },
      "execution_count": null,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "                                                 Title  Citation  \\\n",
              "20   Interaction Patches for Multi-Character Animat...       201   \n",
              "60   Interaction Patches for Multi-Character Animat...       201   \n",
              "172  Resolving Hand-Object Occlusion for Mixed Real...        21   \n",
              "145  Resolving Hand-Object Occlusion for Mixed Real...        21   \n",
              "21   Simulating Interactions of Avatars in High Dim...       102   \n",
              "61   Simulating Interactions of Avatars in High Dim...       102   \n",
              "15   Simulating Multiple Character Interactions wit...       112   \n",
              "57   Simulating Multiple Character Interactions wit...       112   \n",
              "83   360 Depth Estimation in the Wild - The Depth36...         0   \n",
              "89   Foreground-aware Dense Depth Estimation for 36...         1   \n",
              "137  Makeup Style Transfer on Low-quality Images wi...         1   \n",
              "120  DSPP: Deep Shape and Pose Priors of Humans | C...         2   \n",
              "128  Semantics-STGCNN: A Semantics-guided Spatial-T...         1   \n",
              "118  Single Sketch Image based 3D Car Shape Reconst...         1   \n",
              "90   Single Sketch Image based 3D Car Shape Reconst...         1   \n",
              "153  Formation Control for UAVs Using a Flux Guided...         3   \n",
              "125  Formation Control for UAVs Using a Flux Guided...         3   \n",
              "116  A Unified Deep Metric Representation for Mesh ...         7   \n",
              "129  Data-Driven Crowd Motion Control with Multi-to...        31   \n",
              "151  Fast Accelerometer-Based Motion Recognition wi...        33   \n",
              "19   Angular Momentum Guided Motion Concatenation |...        36   \n",
              "159  Physically-based Character Control in Low Dime...        37   \n",
              "12   Topology Aware Data-Driven Inverse Kinematics ...        42   \n",
              "54   Topology Aware Data-Driven Inverse Kinematics ...        42   \n",
              "31   Interpreting Deep Learning based Cerebral Pals...        55   \n",
              "\n",
              "                                             LDO Names  Number of LDOs  Year  \n",
              "20   [DOI - Publisher's Page, Paper, Program, Video...              10  2008  \n",
              "60   [DOI - Publisher's Page, Paper, Program, Video...              10  2008  \n",
              "172  [DOI - Publisher's Page, Paper, Source Code, V...               7  2020  \n",
              "145  [DOI - Publisher's Page, Paper, Source Code, V...               7  2020  \n",
              "21   [DOI - Publisher's Page, Paper, Video Part 1, ...               7  2008  \n",
              "61   [DOI - Publisher's Page, Paper, Video Part 1, ...               7  2008  \n",
              "15   [DOI - Publisher's Page, Paper, Video Part 1, ...               7  2012  \n",
              "57   [DOI - Publisher's Page, Paper, Video Part 1, ...               7  2012  \n",
              "83   [Paper, Video Part 1, Video Part 2, Presentati...               6  2022  \n",
              "89   [DOI - Publisher's Page, Paper, Supplementary ...               6  2020  \n",
              "137  [DOI - Publisher's Page, Paper, Supplementary ...               6  2020  \n",
              "120  [DOI - Publisher's Page, Paper, Source Code, V...               6  2019  \n",
              "128  [DOI - Publisher's Page, Paper, Video, Present...               5  2021  \n",
              "118  [DOI - Publisher's Page, Paper, Video, Present...               5  2020  \n",
              "90   [DOI - Publisher's Page, Paper, Video, Present...               5  2020  \n",
              "153       [DOI - Publisher's Page, Paper, Demo, Video]               5  2022  \n",
              "125       [DOI - Publisher's Page, Paper, Demo, Video]               5  2022  \n",
              "116  [DOI - Publisher's Page, Paper, Source Code, V...               5  2020  \n",
              "129  [DOI - Publisher's Page, Paper, Video, Present...               5  2018  \n",
              "151  [DOI - Publisher's Page, Paper, Video, Present...               5  2011  \n",
              "19   [DOI - Publisher's Page, Paper, Video, Present...               5  2009  \n",
              "159  [DOI - Publisher's Page, Paper, Video, Present...               5  2010  \n",
              "12   [DOI - Publisher's Page, Paper, Video, Present...               5  2013  \n",
              "54   [DOI - Publisher's Page, Paper, Video, Present...               5  2013  \n",
              "31   [DOI - Publisher's Page, Paper, Video, Present...               5  2021  "
            ],
            "text/html": [
              "\n",
              "  <div id=\"df-528e4548-b6d3-4431-b732-5b909e350fe8\">\n",
              "    <div class=\"colab-df-container\">\n",
              "      <div>\n",
              "<style scoped>\n",
              "    .dataframe tbody tr th:only-of-type {\n",
              "        vertical-align: middle;\n",
              "    }\n",
              "\n",
              "    .dataframe tbody tr th {\n",
              "        vertical-align: top;\n",
              "    }\n",
              "\n",
              "    .dataframe thead th {\n",
              "        text-align: right;\n",
              "    }\n",
              "</style>\n",
              "<table border=\"1\" class=\"dataframe\">\n",
              "  <thead>\n",
              "    <tr style=\"text-align: right;\">\n",
              "      <th></th>\n",
              "      <th>Title</th>\n",
              "      <th>Citation</th>\n",
              "      <th>LDO Names</th>\n",
              "      <th>Number of LDOs</th>\n",
              "      <th>Year</th>\n",
              "    </tr>\n",
              "  </thead>\n",
              "  <tbody>\n",
              "    <tr>\n",
              "      <th>20</th>\n",
              "      <td>Interaction Patches for Multi-Character Animat...</td>\n",
              "      <td>201</td>\n",
              "      <td>[DOI - Publisher's Page, Paper, Program, Video...</td>\n",
              "      <td>10</td>\n",
              "      <td>2008</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>60</th>\n",
              "      <td>Interaction Patches for Multi-Character Animat...</td>\n",
              "      <td>201</td>\n",
              "      <td>[DOI - Publisher's Page, Paper, Program, Video...</td>\n",
              "      <td>10</td>\n",
              "      <td>2008</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>172</th>\n",
              "      <td>Resolving Hand-Object Occlusion for Mixed Real...</td>\n",
              "      <td>21</td>\n",
              "      <td>[DOI - Publisher's Page, Paper, Source Code, V...</td>\n",
              "      <td>7</td>\n",
              "      <td>2020</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>145</th>\n",
              "      <td>Resolving Hand-Object Occlusion for Mixed Real...</td>\n",
              "      <td>21</td>\n",
              "      <td>[DOI - Publisher's Page, Paper, Source Code, V...</td>\n",
              "      <td>7</td>\n",
              "      <td>2020</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>21</th>\n",
              "      <td>Simulating Interactions of Avatars in High Dim...</td>\n",
              "      <td>102</td>\n",
              "      <td>[DOI - Publisher's Page, Paper, Video Part 1, ...</td>\n",
              "      <td>7</td>\n",
              "      <td>2008</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>61</th>\n",
              "      <td>Simulating Interactions of Avatars in High Dim...</td>\n",
              "      <td>102</td>\n",
              "      <td>[DOI - Publisher's Page, Paper, Video Part 1, ...</td>\n",
              "      <td>7</td>\n",
              "      <td>2008</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>15</th>\n",
              "      <td>Simulating Multiple Character Interactions wit...</td>\n",
              "      <td>112</td>\n",
              "      <td>[DOI - Publisher's Page, Paper, Video Part 1, ...</td>\n",
              "      <td>7</td>\n",
              "      <td>2012</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>57</th>\n",
              "      <td>Simulating Multiple Character Interactions wit...</td>\n",
              "      <td>112</td>\n",
              "      <td>[DOI - Publisher's Page, Paper, Video Part 1, ...</td>\n",
              "      <td>7</td>\n",
              "      <td>2012</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>83</th>\n",
              "      <td>360 Depth Estimation in the Wild - The Depth36...</td>\n",
              "      <td>0</td>\n",
              "      <td>[Paper, Video Part 1, Video Part 2, Presentati...</td>\n",
              "      <td>6</td>\n",
              "      <td>2022</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>89</th>\n",
              "      <td>Foreground-aware Dense Depth Estimation for 36...</td>\n",
              "      <td>1</td>\n",
              "      <td>[DOI - Publisher's Page, Paper, Supplementary ...</td>\n",
              "      <td>6</td>\n",
              "      <td>2020</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>137</th>\n",
              "      <td>Makeup Style Transfer on Low-quality Images wi...</td>\n",
              "      <td>1</td>\n",
              "      <td>[DOI - Publisher's Page, Paper, Supplementary ...</td>\n",
              "      <td>6</td>\n",
              "      <td>2020</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>120</th>\n",
              "      <td>DSPP: Deep Shape and Pose Priors of Humans | C...</td>\n",
              "      <td>2</td>\n",
              "      <td>[DOI - Publisher's Page, Paper, Source Code, V...</td>\n",
              "      <td>6</td>\n",
              "      <td>2019</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>128</th>\n",
              "      <td>Semantics-STGCNN: A Semantics-guided Spatial-T...</td>\n",
              "      <td>1</td>\n",
              "      <td>[DOI - Publisher's Page, Paper, Video, Present...</td>\n",
              "      <td>5</td>\n",
              "      <td>2021</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>118</th>\n",
              "      <td>Single Sketch Image based 3D Car Shape Reconst...</td>\n",
              "      <td>1</td>\n",
              "      <td>[DOI - Publisher's Page, Paper, Video, Present...</td>\n",
              "      <td>5</td>\n",
              "      <td>2020</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>90</th>\n",
              "      <td>Single Sketch Image based 3D Car Shape Reconst...</td>\n",
              "      <td>1</td>\n",
              "      <td>[DOI - Publisher's Page, Paper, Video, Present...</td>\n",
              "      <td>5</td>\n",
              "      <td>2020</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>153</th>\n",
              "      <td>Formation Control for UAVs Using a Flux Guided...</td>\n",
              "      <td>3</td>\n",
              "      <td>[DOI - Publisher's Page, Paper, Demo, Video]</td>\n",
              "      <td>5</td>\n",
              "      <td>2022</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>125</th>\n",
              "      <td>Formation Control for UAVs Using a Flux Guided...</td>\n",
              "      <td>3</td>\n",
              "      <td>[DOI - Publisher's Page, Paper, Demo, Video]</td>\n",
              "      <td>5</td>\n",
              "      <td>2022</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>116</th>\n",
              "      <td>A Unified Deep Metric Representation for Mesh ...</td>\n",
              "      <td>7</td>\n",
              "      <td>[DOI - Publisher's Page, Paper, Source Code, V...</td>\n",
              "      <td>5</td>\n",
              "      <td>2020</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>129</th>\n",
              "      <td>Data-Driven Crowd Motion Control with Multi-to...</td>\n",
              "      <td>31</td>\n",
              "      <td>[DOI - Publisher's Page, Paper, Video, Present...</td>\n",
              "      <td>5</td>\n",
              "      <td>2018</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>151</th>\n",
              "      <td>Fast Accelerometer-Based Motion Recognition wi...</td>\n",
              "      <td>33</td>\n",
              "      <td>[DOI - Publisher's Page, Paper, Video, Present...</td>\n",
              "      <td>5</td>\n",
              "      <td>2011</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>19</th>\n",
              "      <td>Angular Momentum Guided Motion Concatenation |...</td>\n",
              "      <td>36</td>\n",
              "      <td>[DOI - Publisher's Page, Paper, Video, Present...</td>\n",
              "      <td>5</td>\n",
              "      <td>2009</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>159</th>\n",
              "      <td>Physically-based Character Control in Low Dime...</td>\n",
              "      <td>37</td>\n",
              "      <td>[DOI - Publisher's Page, Paper, Video, Present...</td>\n",
              "      <td>5</td>\n",
              "      <td>2010</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>12</th>\n",
              "      <td>Topology Aware Data-Driven Inverse Kinematics ...</td>\n",
              "      <td>42</td>\n",
              "      <td>[DOI - Publisher's Page, Paper, Video, Present...</td>\n",
              "      <td>5</td>\n",
              "      <td>2013</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>54</th>\n",
              "      <td>Topology Aware Data-Driven Inverse Kinematics ...</td>\n",
              "      <td>42</td>\n",
              "      <td>[DOI - Publisher's Page, Paper, Video, Present...</td>\n",
              "      <td>5</td>\n",
              "      <td>2013</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>31</th>\n",
              "      <td>Interpreting Deep Learning based Cerebral Pals...</td>\n",
              "      <td>55</td>\n",
              "      <td>[DOI - Publisher's Page, Paper, Video, Present...</td>\n",
              "      <td>5</td>\n",
              "      <td>2021</td>\n",
              "    </tr>\n",
              "  </tbody>\n",
              "</table>\n",
              "</div>\n",
              "      <button class=\"colab-df-convert\" onclick=\"convertToInteractive('df-528e4548-b6d3-4431-b732-5b909e350fe8')\"\n",
              "              title=\"Convert this dataframe to an interactive table.\"\n",
              "              style=\"display:none;\">\n",
              "        \n",
              "  <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\"viewBox=\"0 0 24 24\"\n",
              "       width=\"24px\">\n",
              "    <path d=\"M0 0h24v24H0V0z\" fill=\"none\"/>\n",
              "    <path d=\"M18.56 5.44l.94 2.06.94-2.06 2.06-.94-2.06-.94-.94-2.06-.94 2.06-2.06.94zm-11 1L8.5 8.5l.94-2.06 2.06-.94-2.06-.94L8.5 2.5l-.94 2.06-2.06.94zm10 10l.94 2.06.94-2.06 2.06-.94-2.06-.94-.94-2.06-.94 2.06-2.06.94z\"/><path d=\"M17.41 7.96l-1.37-1.37c-.4-.4-.92-.59-1.43-.59-.52 0-1.04.2-1.43.59L10.3 9.45l-7.72 7.72c-.78.78-.78 2.05 0 2.83L4 21.41c.39.39.9.59 1.41.59.51 0 1.02-.2 1.41-.59l7.78-7.78 2.81-2.81c.8-.78.8-2.07 0-2.86zM5.41 20L4 18.59l7.72-7.72 1.47 1.35L5.41 20z\"/>\n",
              "  </svg>\n",
              "      </button>\n",
              "      \n",
              "  <style>\n",
              "    .colab-df-container {\n",
              "      display:flex;\n",
              "      flex-wrap:wrap;\n",
              "      gap: 12px;\n",
              "    }\n",
              "\n",
              "    .colab-df-convert {\n",
              "      background-color: #E8F0FE;\n",
              "      border: none;\n",
              "      border-radius: 50%;\n",
              "      cursor: pointer;\n",
              "      display: none;\n",
              "      fill: #1967D2;\n",
              "      height: 32px;\n",
              "      padding: 0 0 0 0;\n",
              "      width: 32px;\n",
              "    }\n",
              "\n",
              "    .colab-df-convert:hover {\n",
              "      background-color: #E2EBFA;\n",
              "      box-shadow: 0px 1px 2px rgba(60, 64, 67, 0.3), 0px 1px 3px 1px rgba(60, 64, 67, 0.15);\n",
              "      fill: #174EA6;\n",
              "    }\n",
              "\n",
              "    [theme=dark] .colab-df-convert {\n",
              "      background-color: #3B4455;\n",
              "      fill: #D2E3FC;\n",
              "    }\n",
              "\n",
              "    [theme=dark] .colab-df-convert:hover {\n",
              "      background-color: #434B5C;\n",
              "      box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15);\n",
              "      filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.3));\n",
              "      fill: #FFFFFF;\n",
              "    }\n",
              "  </style>\n",
              "\n",
              "      <script>\n",
              "        const buttonEl =\n",
              "          document.querySelector('#df-528e4548-b6d3-4431-b732-5b909e350fe8 button.colab-df-convert');\n",
              "        buttonEl.style.display =\n",
              "          google.colab.kernel.accessAllowed ? 'block' : 'none';\n",
              "\n",
              "        async function convertToInteractive(key) {\n",
              "          const element = document.querySelector('#df-528e4548-b6d3-4431-b732-5b909e350fe8');\n",
              "          const dataTable =\n",
              "            await google.colab.kernel.invokeFunction('convertToInteractive',\n",
              "                                                     [key], {});\n",
              "          if (!dataTable) return;\n",
              "\n",
              "          const docLinkHtml = 'Like what you see? Visit the ' +\n",
              "            '<a target=\"_blank\" href=https://colab.research.google.com/notebooks/data_table.ipynb>data table notebook</a>'\n",
              "            + ' to learn more about interactive tables.';\n",
              "          element.innerHTML = '';\n",
              "          dataTable['output_type'] = 'display_data';\n",
              "          await google.colab.output.renderOutput(dataTable, element);\n",
              "          const docLink = document.createElement('div');\n",
              "          docLink.innerHTML = docLinkHtml;\n",
              "          element.appendChild(docLink);\n",
              "        }\n",
              "      </script>\n",
              "    </div>\n",
              "  </div>\n",
              "  "
            ]
          },
          "metadata": {},
          "execution_count": 58
        }
      ]
    },
    {
      "cell_type": "code",
      "source": [
        "# CREATE A PLOT TABLE\n",
        "plot_table = df[['Number of LDOs',\t'Year']].groupby('Year').mean()\n",
        "plot_table"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/",
          "height": 520
        },
        "id": "htD4CF6MYW5x",
        "outputId": "6f226485-5be8-4a10-cf60-e6ba6951d5c2"
      },
      "execution_count": null,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "      Number of LDOs\n",
              "Year                \n",
              "2006        2.000000\n",
              "2007        4.000000\n",
              "2008        6.333333\n",
              "2009        5.000000\n",
              "2010        2.000000\n",
              "2012        5.500000\n",
              "2013        4.333333\n",
              "2014        4.000000\n",
              "2015        4.000000\n",
              "2016        3.000000\n",
              "2017        2.500000\n",
              "2019        4.000000\n",
              "2021        4.500000\n",
              "2022        3.500000"
            ],
            "text/html": [
              "\n",
              "  <div id=\"df-43b9e915-903a-46e8-9b3a-1bffa3ce870e\">\n",
              "    <div class=\"colab-df-container\">\n",
              "      <div>\n",
              "<style scoped>\n",
              "    .dataframe tbody tr th:only-of-type {\n",
              "        vertical-align: middle;\n",
              "    }\n",
              "\n",
              "    .dataframe tbody tr th {\n",
              "        vertical-align: top;\n",
              "    }\n",
              "\n",
              "    .dataframe thead th {\n",
              "        text-align: right;\n",
              "    }\n",
              "</style>\n",
              "<table border=\"1\" class=\"dataframe\">\n",
              "  <thead>\n",
              "    <tr style=\"text-align: right;\">\n",
              "      <th></th>\n",
              "      <th>Number of LDOs</th>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>Year</th>\n",
              "      <th></th>\n",
              "    </tr>\n",
              "  </thead>\n",
              "  <tbody>\n",
              "    <tr>\n",
              "      <th>2006</th>\n",
              "      <td>2.000000</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>2007</th>\n",
              "      <td>4.000000</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>2008</th>\n",
              "      <td>6.333333</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>2009</th>\n",
              "      <td>5.000000</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>2010</th>\n",
              "      <td>2.000000</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>2012</th>\n",
              "      <td>5.500000</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>2013</th>\n",
              "      <td>4.333333</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>2014</th>\n",
              "      <td>4.000000</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>2015</th>\n",
              "      <td>4.000000</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>2016</th>\n",
              "      <td>3.000000</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>2017</th>\n",
              "      <td>2.500000</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>2019</th>\n",
              "      <td>4.000000</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>2021</th>\n",
              "      <td>4.500000</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>2022</th>\n",
              "      <td>3.500000</td>\n",
              "    </tr>\n",
              "  </tbody>\n",
              "</table>\n",
              "</div>\n",
              "      <button class=\"colab-df-convert\" onclick=\"convertToInteractive('df-43b9e915-903a-46e8-9b3a-1bffa3ce870e')\"\n",
              "              title=\"Convert this dataframe to an interactive table.\"\n",
              "              style=\"display:none;\">\n",
              "        \n",
              "  <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\"viewBox=\"0 0 24 24\"\n",
              "       width=\"24px\">\n",
              "    <path d=\"M0 0h24v24H0V0z\" fill=\"none\"/>\n",
              "    <path d=\"M18.56 5.44l.94 2.06.94-2.06 2.06-.94-2.06-.94-.94-2.06-.94 2.06-2.06.94zm-11 1L8.5 8.5l.94-2.06 2.06-.94-2.06-.94L8.5 2.5l-.94 2.06-2.06.94zm10 10l.94 2.06.94-2.06 2.06-.94-2.06-.94-.94-2.06-.94 2.06-2.06.94z\"/><path d=\"M17.41 7.96l-1.37-1.37c-.4-.4-.92-.59-1.43-.59-.52 0-1.04.2-1.43.59L10.3 9.45l-7.72 7.72c-.78.78-.78 2.05 0 2.83L4 21.41c.39.39.9.59 1.41.59.51 0 1.02-.2 1.41-.59l7.78-7.78 2.81-2.81c.8-.78.8-2.07 0-2.86zM5.41 20L4 18.59l7.72-7.72 1.47 1.35L5.41 20z\"/>\n",
              "  </svg>\n",
              "      </button>\n",
              "      \n",
              "  <style>\n",
              "    .colab-df-container {\n",
              "      display:flex;\n",
              "      flex-wrap:wrap;\n",
              "      gap: 12px;\n",
              "    }\n",
              "\n",
              "    .colab-df-convert {\n",
              "      background-color: #E8F0FE;\n",
              "      border: none;\n",
              "      border-radius: 50%;\n",
              "      cursor: pointer;\n",
              "      display: none;\n",
              "      fill: #1967D2;\n",
              "      height: 32px;\n",
              "      padding: 0 0 0 0;\n",
              "      width: 32px;\n",
              "    }\n",
              "\n",
              "    .colab-df-convert:hover {\n",
              "      background-color: #E2EBFA;\n",
              "      box-shadow: 0px 1px 2px rgba(60, 64, 67, 0.3), 0px 1px 3px 1px rgba(60, 64, 67, 0.15);\n",
              "      fill: #174EA6;\n",
              "    }\n",
              "\n",
              "    [theme=dark] .colab-df-convert {\n",
              "      background-color: #3B4455;\n",
              "      fill: #D2E3FC;\n",
              "    }\n",
              "\n",
              "    [theme=dark] .colab-df-convert:hover {\n",
              "      background-color: #434B5C;\n",
              "      box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15);\n",
              "      filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.3));\n",
              "      fill: #FFFFFF;\n",
              "    }\n",
              "  </style>\n",
              "\n",
              "      <script>\n",
              "        const buttonEl =\n",
              "          document.querySelector('#df-43b9e915-903a-46e8-9b3a-1bffa3ce870e button.colab-df-convert');\n",
              "        buttonEl.style.display =\n",
              "          google.colab.kernel.accessAllowed ? 'block' : 'none';\n",
              "\n",
              "        async function convertToInteractive(key) {\n",
              "          const element = document.querySelector('#df-43b9e915-903a-46e8-9b3a-1bffa3ce870e');\n",
              "          const dataTable =\n",
              "            await google.colab.kernel.invokeFunction('convertToInteractive',\n",
              "                                                     [key], {});\n",
              "          if (!dataTable) return;\n",
              "\n",
              "          const docLinkHtml = 'Like what you see? Visit the ' +\n",
              "            '<a target=\"_blank\" href=https://colab.research.google.com/notebooks/data_table.ipynb>data table notebook</a>'\n",
              "            + ' to learn more about interactive tables.';\n",
              "          element.innerHTML = '';\n",
              "          dataTable['output_type'] = 'display_data';\n",
              "          await google.colab.output.renderOutput(dataTable, element);\n",
              "          const docLink = document.createElement('div');\n",
              "          docLink.innerHTML = docLinkHtml;\n",
              "          element.appendChild(docLink);\n",
              "        }\n",
              "      </script>\n",
              "    </div>\n",
              "  </div>\n",
              "  "
            ]
          },
          "metadata": {},
          "execution_count": 135
        }
      ]
    },
    {
      "cell_type": "code",
      "source": [
        "# PLOT TO GET THE RESULTS\n",
        "import matplotlib\n",
        "import matplotlib.pyplot as plt\n",
        "fig = plt.figure(figsize=(12, 6))\n",
        "plt.scatter(plot_table.index, plot_table[['Number of LDOs']])\n",
        "plt.xlabel('Year')\n",
        "plt.ylabel('Average Number of LDOs')"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/",
          "height": 405
        },
        "id": "A9MkJBSfYW1W",
        "outputId": "bc91934d-fa50-4ece-fba6-4d960e12ed99"
      },
      "execution_count": null,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "Text(0, 0.5, 'Average Number of LDOs')"
            ]
          },
          "metadata": {},
          "execution_count": 136
        },
        {
          "output_type": "display_data",
          "data": {
            "text/plain": [
              "<Figure size 864x432 with 1 Axes>"
            ],
            "image/png": "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\n"
          },
          "metadata": {
            "needs_background": "light"
          }
        }
      ]
    },
    {
      "cell_type": "code",
      "source": [],
      "metadata": {
        "id": "tHI0TXk_GY0t"
      },
      "execution_count": null,
      "outputs": []
    },
    {
      "cell_type": "markdown",
      "source": [
        "## **QUESTION 3**"
      ],
      "metadata": {
        "id": "bF8gDEOjwjXt"
      }
    },
    {
      "cell_type": "code",
      "source": [
        "# Find all Topic list\n",
        "\n",
        "topic_link = soup.find('h2', text = 'Research Publications').find_next().find_next_sibling('p').findAll('a')\n",
        "topic_links = [a.get(\"href\") for a in topic_link]\n",
        "topic_links = [url] + topic_links\n",
        "print(topic_links)"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/"
        },
        "id": "a-ht_cJQwkEo",
        "outputId": "3ba42c70-b73b-421a-82f2-0c71a8a8010a"
      },
      "execution_count": null,
      "outputs": [
        {
          "output_type": "stream",
          "name": "stdout",
          "text": [
            "['publicationfull_year_characteranimation.htm', 'publicationfull_year_motionanalysis.htm', 'publicationfull_year_interactionmodelling.htm', 'publicationfull_year_biomedicalengineering.htm', 'publicationfull_year_3dreconstruction.htm', 'publicationfull_year_actionrecognition.htm', 'publicationfull_year_surfacemodelling.htm', 'publicationfull_year_crowdmodelling.htm', 'publicationfull_year_facemodelling.htm', 'publicationfull_year_virtualreality.htm', 'publicationfull_year_robotics.htm', 'publicationfull_year_biometrics.htm', 'publicationfull_year_handandgesture.htm', 'publicationfull_year_computationalintelligence.htm']\n"
          ]
        }
      ]
    },
    {
      "cell_type": "code",
      "source": [
        " # CREATE A DICTIONARY FOR THE TOPICS AND THEIR LINKS\n",
        " topic_text = {}\n",
        " for topic in topic_link:\n",
        "   text = topic.getText()\n",
        "   topic_text[f\"{text}\"] = topic.get(\"href\")\n",
        "topic_text['Chharacter Animation'] = url # add current link\n",
        "topic_text"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/"
        },
        "id": "fCFECQHq0nWy",
        "outputId": "74aaecae-3fd7-4992-8ecb-5be9e1c91906"
      },
      "execution_count": null,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "{'Motion Analysis': 'publicationfull_year_motionanalysis.htm',\n",
              " 'Interaction Modelling': 'publicationfull_year_interactionmodelling.htm',\n",
              " 'Biomedical Engineering': 'publicationfull_year_biomedicalengineering.htm',\n",
              " '3D Reconstruction': 'publicationfull_year_3dreconstruction.htm',\n",
              " 'Action Recognition': 'publicationfull_year_actionrecognition.htm',\n",
              " 'Surface Modelling': 'publicationfull_year_surfacemodelling.htm',\n",
              " 'Crowd Modelling': 'publicationfull_year_crowdmodelling.htm',\n",
              " 'Face Modelling': 'publicationfull_year_facemodelling.htm',\n",
              " 'Virtual Reality': 'publicationfull_year_virtualreality.htm',\n",
              " 'Robotics': 'publicationfull_year_robotics.htm',\n",
              " 'Biometrics': 'publicationfull_year_biometrics.htm',\n",
              " 'Hand and Gesture': 'publicationfull_year_handandgesture.htm',\n",
              " 'Computational Intelligence': 'publicationfull_year_computationalintelligence.htm',\n",
              " 'Chharacter Animation': 'publicationfull_year_characteranimation.htm'}"
            ]
          },
          "metadata": {},
          "execution_count": 59
        }
      ]
    },
    {
      "cell_type": "code",
      "source": [
        "re = requests.get(\"https://sitescrape.awh.durham.ac.uk/comp42315/pbl_tnsre2022features4670.htm\")\n",
        "site = BeautifulSoup(re.content)\n",
        "arthur_link = site.find('div', style = \"margin-left: var(--size-marginleft);text-align: center\").findAll('a')\n",
        "arthur_names = [a.getText() for a in arthur_link]\n",
        "arthur_names"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/"
        },
        "id": "gccDzmkfIRzJ",
        "outputId": "594255a9-9246-4f63-87d4-31ff264b7619"
      },
      "execution_count": null,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "['Kevin D. McCay',\n",
              " 'Pengpeng Hu',\n",
              " 'Hubert P. H. Shum',\n",
              " 'Wai Lok Woo',\n",
              " 'Claire Marcroft',\n",
              " 'Edmond S. L. Ho']"
            ]
          },
          "metadata": {},
          "execution_count": 46
        }
      ]
    },
    {
      "cell_type": "code",
      "source": [
        "# SCRAP LINKS IN LIST FOR DETAILS\n",
        "impact_factor = []\n",
        "topic_table = []\n",
        "arthur_table = []\n",
        "title_table = []\n",
        "cit_table = []\n",
        "LDO_table = []\n",
        "LDO_name_table = []\n",
        "n1 = 0\n",
        "n2 = 0\n",
        "for text in list(topic_text.keys()):\n",
        "  n2 += 1\n",
        "  topic = text\n",
        "  topic_link = topic_text[f\"{text}\"]\n",
        "  req = requests.get(f\"{base_url}{topic_link}\")\n",
        "  webpage = BeautifulSoup(req.content)\n",
        "  links = [a.get(\"href\") for a in webpage.findAll(\"a\", {\"class\":\"LinkButton\"})]\n",
        "  for link in links:\n",
        "    re = requests.get(f\"{base_url}{link}\")\n",
        "    site = BeautifulSoup(re.content)\n",
        "    title = site.find('h1', {'style':\"text-align: center\"}).contents[0]\n",
        "    if len(site.find('div', style = \"color:orange\").contents) <= 1:\n",
        "      citation = 0\n",
        "      impact = 0\n",
        "    elif len(site.find('div', style = \"color:orange\").contents) == 4:\n",
        "      citation = str(site.find('div', style = \"color:orange\").contents[2].split(':')[1]).strip()\n",
        "      impact = str(site.find('div', style = \"color:orange\").contents[0].split(':')[1]).strip()\n",
        "    elif len(site.find('div', style = \"color:orange\").contents) == 3:\n",
        "      citation = 0\n",
        "      impact = str(site.find('div', style = \"color:orange\").contents[0].split(':')[1]).strip()\n",
        "    elif len(site.find('div', style = \"color:orange\").contents) == 2:\n",
        "      citation = str(site.find('div', style = \"color:orange\").contents[0].split(':')[1]).strip()\n",
        "      impact = 0\n",
        "    arthur_link = site.find('div', style = \"margin-left: var(--size-marginleft);text-align: center\").findAll('a')\n",
        "    arthur_names = [a.getText() for a in arthur_link]\n",
        "    LDO = len(site.find('h2', text = \"Links, Downloads and Online Resources\").find_next_sibling().findAll('div')) - 1 #exclude parent div\n",
        "    LDO_name = site.find('h2', text = \"Links, Downloads and Online Resources\").find_next_sibling().findAll('a')\n",
        "    names_list = []\n",
        "    for name in LDO_name:\n",
        "      if name.getText() not in (\"\", \" \"):\n",
        "        names_list.append(name.getText())\n",
        "    for arthur in arthur_names:\n",
        "      impact_factor.append(impact)\n",
        "      topic_table.append(topic)\n",
        "      arthur_table.append(arthur)\n",
        "      title_table.append(title)\n",
        "      cit_table.append(citation)\n",
        "      LDO_table.append(LDO)\n",
        "      LDO_name_table.append(names_list)\n",
        "    n1 += 1\n",
        "    print(f'link {n1} from topic {n2}')"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/"
        },
        "id": "N1FV8gcy1Fpv",
        "outputId": "d16cb9c9-4556-4bbc-f30e-188676d697dd"
      },
      "execution_count": null,
      "outputs": [
        {
          "output_type": "stream",
          "name": "stdout",
          "text": [
            "link 1 from topic 1\n",
            "link 2 from topic 1\n",
            "link 3 from topic 1\n",
            "link 4 from topic 1\n",
            "link 5 from topic 1\n",
            "link 6 from topic 1\n",
            "link 7 from topic 1\n",
            "link 8 from topic 1\n",
            "link 9 from topic 1\n",
            "link 10 from topic 1\n",
            "link 11 from topic 1\n",
            "link 12 from topic 1\n",
            "link 13 from topic 1\n",
            "link 14 from topic 1\n",
            "link 15 from topic 1\n",
            "link 16 from topic 1\n",
            "link 17 from topic 1\n",
            "link 18 from topic 1\n",
            "link 19 from topic 1\n",
            "link 20 from topic 1\n",
            "link 21 from topic 2\n",
            "link 22 from topic 2\n",
            "link 23 from topic 2\n",
            "link 24 from topic 2\n",
            "link 25 from topic 2\n",
            "link 26 from topic 2\n",
            "link 27 from topic 2\n",
            "link 28 from topic 2\n",
            "link 29 from topic 2\n",
            "link 30 from topic 2\n",
            "link 31 from topic 2\n",
            "link 32 from topic 2\n",
            "link 33 from topic 2\n",
            "link 34 from topic 2\n",
            "link 35 from topic 2\n",
            "link 36 from topic 2\n",
            "link 37 from topic 2\n",
            "link 38 from topic 2\n",
            "link 39 from topic 2\n",
            "link 40 from topic 2\n",
            "link 41 from topic 3\n",
            "link 42 from topic 3\n",
            "link 43 from topic 3\n",
            "link 44 from topic 3\n",
            "link 45 from topic 3\n",
            "link 46 from topic 3\n",
            "link 47 from topic 3\n",
            "link 48 from topic 3\n",
            "link 49 from topic 3\n",
            "link 50 from topic 3\n",
            "link 51 from topic 3\n",
            "link 52 from topic 3\n",
            "link 53 from topic 3\n",
            "link 54 from topic 3\n",
            "link 55 from topic 3\n",
            "link 56 from topic 3\n",
            "link 57 from topic 3\n",
            "link 58 from topic 4\n",
            "link 59 from topic 4\n",
            "link 60 from topic 4\n",
            "link 61 from topic 4\n",
            "link 62 from topic 4\n",
            "link 63 from topic 4\n",
            "link 64 from topic 4\n",
            "link 65 from topic 4\n",
            "link 66 from topic 4\n",
            "link 67 from topic 4\n",
            "link 68 from topic 4\n",
            "link 69 from topic 4\n",
            "link 70 from topic 4\n",
            "link 71 from topic 4\n",
            "link 72 from topic 4\n",
            "link 73 from topic 4\n",
            "link 74 from topic 5\n",
            "link 75 from topic 5\n",
            "link 76 from topic 5\n",
            "link 77 from topic 5\n",
            "link 78 from topic 5\n",
            "link 79 from topic 5\n",
            "link 80 from topic 5\n",
            "link 81 from topic 5\n",
            "link 82 from topic 5\n",
            "link 83 from topic 5\n",
            "link 84 from topic 5\n",
            "link 85 from topic 5\n",
            "link 86 from topic 5\n",
            "link 87 from topic 5\n",
            "link 88 from topic 5\n",
            "link 89 from topic 6\n",
            "link 90 from topic 6\n",
            "link 91 from topic 6\n",
            "link 92 from topic 6\n",
            "link 93 from topic 6\n",
            "link 94 from topic 6\n",
            "link 95 from topic 6\n",
            "link 96 from topic 6\n",
            "link 97 from topic 6\n",
            "link 98 from topic 6\n",
            "link 99 from topic 6\n",
            "link 100 from topic 7\n",
            "link 101 from topic 7\n",
            "link 102 from topic 7\n",
            "link 103 from topic 7\n",
            "link 104 from topic 7\n",
            "link 105 from topic 7\n",
            "link 106 from topic 7\n",
            "link 107 from topic 7\n",
            "link 108 from topic 7\n",
            "link 109 from topic 8\n",
            "link 110 from topic 8\n",
            "link 111 from topic 8\n",
            "link 112 from topic 8\n",
            "link 113 from topic 8\n",
            "link 114 from topic 8\n",
            "link 115 from topic 8\n",
            "link 116 from topic 8\n",
            "link 117 from topic 8\n",
            "link 118 from topic 9\n",
            "link 119 from topic 9\n",
            "link 120 from topic 9\n",
            "link 121 from topic 9\n",
            "link 122 from topic 9\n",
            "link 123 from topic 9\n",
            "link 124 from topic 9\n",
            "link 125 from topic 9\n",
            "link 126 from topic 9\n",
            "link 127 from topic 10\n",
            "link 128 from topic 10\n",
            "link 129 from topic 10\n",
            "link 130 from topic 10\n",
            "link 131 from topic 10\n",
            "link 132 from topic 10\n",
            "link 133 from topic 10\n",
            "link 134 from topic 10\n",
            "link 135 from topic 11\n",
            "link 136 from topic 11\n",
            "link 137 from topic 11\n",
            "link 138 from topic 11\n",
            "link 139 from topic 11\n",
            "link 140 from topic 11\n",
            "link 141 from topic 11\n",
            "link 142 from topic 11\n",
            "link 143 from topic 12\n",
            "link 144 from topic 12\n",
            "link 145 from topic 12\n",
            "link 146 from topic 12\n",
            "link 147 from topic 12\n",
            "link 148 from topic 12\n",
            "link 149 from topic 12\n",
            "link 150 from topic 13\n",
            "link 151 from topic 13\n",
            "link 152 from topic 13\n",
            "link 153 from topic 13\n",
            "link 154 from topic 13\n",
            "link 155 from topic 13\n",
            "link 156 from topic 13\n",
            "link 157 from topic 14\n",
            "link 158 from topic 14\n",
            "link 159 from topic 14\n",
            "link 160 from topic 14\n",
            "link 161 from topic 14\n",
            "link 162 from topic 14\n",
            "link 163 from topic 14\n",
            "link 164 from topic 14\n",
            "link 165 from topic 14\n",
            "link 166 from topic 14\n",
            "link 167 from topic 14\n",
            "link 168 from topic 14\n",
            "link 169 from topic 14\n",
            "link 170 from topic 14\n",
            "link 171 from topic 14\n",
            "link 172 from topic 14\n",
            "link 173 from topic 14\n",
            "link 174 from topic 14\n",
            "link 175 from topic 14\n",
            "link 176 from topic 14\n",
            "link 177 from topic 14\n",
            "link 178 from topic 14\n",
            "link 179 from topic 14\n",
            "link 180 from topic 14\n",
            "link 181 from topic 14\n",
            "link 182 from topic 14\n"
          ]
        }
      ]
    },
    {
      "cell_type": "code",
      "source": [
        "# create dataframe with scraped results and define the column datatype\n",
        "import pandas as pd\n",
        "table = {'Title': title_table, 'Citation':cit_table,'Research Topic': topic_table , 'Arthurs Names': arthur_table, 'Inpact Factor': impact_factor, 'LDO Names':LDO_name_table ,'Number of LDOs':LDO_table}\n",
        "df = pd.DataFrame(table)\n",
        "df['Citation'] = df['Citation'].astype('int64')\n",
        "df['Number of LDOs'] = df['Number of LDOs'].astype('int64')\n",
        "df"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/",
          "height": 468
        },
        "id": "-o9cROh741sb",
        "outputId": "8f3dc19b-34dc-47ab-a586-42b21290f5da"
      },
      "execution_count": null,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "                                                 Title  Citation  \\\n",
              "0    A Pose-based Feature Fusion and Classification...         0   \n",
              "1    A Pose-based Feature Fusion and Classification...         0   \n",
              "2    A Pose-based Feature Fusion and Classification...         0   \n",
              "3    A Pose-based Feature Fusion and Classification...         0   \n",
              "4    A Pose-based Feature Fusion and Classification...         0   \n",
              "..                                                 ...       ...   \n",
              "679  Simulating Competitive Interactions using Sing...       112   \n",
              "680  Generating Realistic Fighting Scenes by Game Tree        31   \n",
              "681  Generating Realistic Fighting Scenes by Game Tree        31   \n",
              "682  Technical Note: Generating Realistic Fighting ...         1   \n",
              "683  Technical Note: Generating Realistic Fighting ...         1   \n",
              "\n",
              "           Research Topic      Arthurs Names Inpact Factor  \\\n",
              "0         Motion Analysis     Kevin D. McCay         3.802   \n",
              "1         Motion Analysis        Pengpeng Hu         3.802   \n",
              "2         Motion Analysis  Hubert P. H. Shum         3.802   \n",
              "3         Motion Analysis        Wai Lok Woo         3.802   \n",
              "4         Motion Analysis    Claire Marcroft         3.802   \n",
              "..                    ...                ...           ...   \n",
              "679  Chharacter Animation  Shuntaro Yamazaki             0   \n",
              "680  Chharacter Animation  Hubert P. H. Shum             0   \n",
              "681  Chharacter Animation        Taku Komura             0   \n",
              "682  Chharacter Animation  Hubert P. H. Shum             0   \n",
              "683  Chharacter Animation        Taku Komura             0   \n",
              "\n",
              "                                  LDO Names  Number of LDOs  \n",
              "0           [DOI - Publisher's Page, Paper]               2  \n",
              "1           [DOI - Publisher's Page, Paper]               2  \n",
              "2           [DOI - Publisher's Page, Paper]               2  \n",
              "3           [DOI - Publisher's Page, Paper]               2  \n",
              "4           [DOI - Publisher's Page, Paper]               2  \n",
              "..                                      ...             ...  \n",
              "679  [DOI - Publisher's Page, Paper, Video]               4  \n",
              "680                          [Paper, Video]               3  \n",
              "681                          [Paper, Video]               3  \n",
              "682                                 [Paper]               1  \n",
              "683                                 [Paper]               1  \n",
              "\n",
              "[684 rows x 7 columns]"
            ],
            "text/html": [
              "\n",
              "  <div id=\"df-044fd372-6c01-48bb-ba9d-00fa8d952591\">\n",
              "    <div class=\"colab-df-container\">\n",
              "      <div>\n",
              "<style scoped>\n",
              "    .dataframe tbody tr th:only-of-type {\n",
              "        vertical-align: middle;\n",
              "    }\n",
              "\n",
              "    .dataframe tbody tr th {\n",
              "        vertical-align: top;\n",
              "    }\n",
              "\n",
              "    .dataframe thead th {\n",
              "        text-align: right;\n",
              "    }\n",
              "</style>\n",
              "<table border=\"1\" class=\"dataframe\">\n",
              "  <thead>\n",
              "    <tr style=\"text-align: right;\">\n",
              "      <th></th>\n",
              "      <th>Title</th>\n",
              "      <th>Citation</th>\n",
              "      <th>Research Topic</th>\n",
              "      <th>Arthurs Names</th>\n",
              "      <th>Inpact Factor</th>\n",
              "      <th>LDO Names</th>\n",
              "      <th>Number of LDOs</th>\n",
              "    </tr>\n",
              "  </thead>\n",
              "  <tbody>\n",
              "    <tr>\n",
              "      <th>0</th>\n",
              "      <td>A Pose-based Feature Fusion and Classification...</td>\n",
              "      <td>0</td>\n",
              "      <td>Motion Analysis</td>\n",
              "      <td>Kevin D. McCay</td>\n",
              "      <td>3.802</td>\n",
              "      <td>[DOI - Publisher's Page, Paper]</td>\n",
              "      <td>2</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>1</th>\n",
              "      <td>A Pose-based Feature Fusion and Classification...</td>\n",
              "      <td>0</td>\n",
              "      <td>Motion Analysis</td>\n",
              "      <td>Pengpeng Hu</td>\n",
              "      <td>3.802</td>\n",
              "      <td>[DOI - Publisher's Page, Paper]</td>\n",
              "      <td>2</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>2</th>\n",
              "      <td>A Pose-based Feature Fusion and Classification...</td>\n",
              "      <td>0</td>\n",
              "      <td>Motion Analysis</td>\n",
              "      <td>Hubert P. H. Shum</td>\n",
              "      <td>3.802</td>\n",
              "      <td>[DOI - Publisher's Page, Paper]</td>\n",
              "      <td>2</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>3</th>\n",
              "      <td>A Pose-based Feature Fusion and Classification...</td>\n",
              "      <td>0</td>\n",
              "      <td>Motion Analysis</td>\n",
              "      <td>Wai Lok Woo</td>\n",
              "      <td>3.802</td>\n",
              "      <td>[DOI - Publisher's Page, Paper]</td>\n",
              "      <td>2</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>4</th>\n",
              "      <td>A Pose-based Feature Fusion and Classification...</td>\n",
              "      <td>0</td>\n",
              "      <td>Motion Analysis</td>\n",
              "      <td>Claire Marcroft</td>\n",
              "      <td>3.802</td>\n",
              "      <td>[DOI - Publisher's Page, Paper]</td>\n",
              "      <td>2</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>...</th>\n",
              "      <td>...</td>\n",
              "      <td>...</td>\n",
              "      <td>...</td>\n",
              "      <td>...</td>\n",
              "      <td>...</td>\n",
              "      <td>...</td>\n",
              "      <td>...</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>679</th>\n",
              "      <td>Simulating Competitive Interactions using Sing...</td>\n",
              "      <td>112</td>\n",
              "      <td>Chharacter Animation</td>\n",
              "      <td>Shuntaro Yamazaki</td>\n",
              "      <td>0</td>\n",
              "      <td>[DOI - Publisher's Page, Paper, Video]</td>\n",
              "      <td>4</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>680</th>\n",
              "      <td>Generating Realistic Fighting Scenes by Game Tree</td>\n",
              "      <td>31</td>\n",
              "      <td>Chharacter Animation</td>\n",
              "      <td>Hubert P. H. Shum</td>\n",
              "      <td>0</td>\n",
              "      <td>[Paper, Video]</td>\n",
              "      <td>3</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>681</th>\n",
              "      <td>Generating Realistic Fighting Scenes by Game Tree</td>\n",
              "      <td>31</td>\n",
              "      <td>Chharacter Animation</td>\n",
              "      <td>Taku Komura</td>\n",
              "      <td>0</td>\n",
              "      <td>[Paper, Video]</td>\n",
              "      <td>3</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>682</th>\n",
              "      <td>Technical Note: Generating Realistic Fighting ...</td>\n",
              "      <td>1</td>\n",
              "      <td>Chharacter Animation</td>\n",
              "      <td>Hubert P. H. Shum</td>\n",
              "      <td>0</td>\n",
              "      <td>[Paper]</td>\n",
              "      <td>1</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>683</th>\n",
              "      <td>Technical Note: Generating Realistic Fighting ...</td>\n",
              "      <td>1</td>\n",
              "      <td>Chharacter Animation</td>\n",
              "      <td>Taku Komura</td>\n",
              "      <td>0</td>\n",
              "      <td>[Paper]</td>\n",
              "      <td>1</td>\n",
              "    </tr>\n",
              "  </tbody>\n",
              "</table>\n",
              "<p>684 rows × 7 columns</p>\n",
              "</div>\n",
              "      <button class=\"colab-df-convert\" onclick=\"convertToInteractive('df-044fd372-6c01-48bb-ba9d-00fa8d952591')\"\n",
              "              title=\"Convert this dataframe to an interactive table.\"\n",
              "              style=\"display:none;\">\n",
              "        \n",
              "  <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\"viewBox=\"0 0 24 24\"\n",
              "       width=\"24px\">\n",
              "    <path d=\"M0 0h24v24H0V0z\" fill=\"none\"/>\n",
              "    <path d=\"M18.56 5.44l.94 2.06.94-2.06 2.06-.94-2.06-.94-.94-2.06-.94 2.06-2.06.94zm-11 1L8.5 8.5l.94-2.06 2.06-.94-2.06-.94L8.5 2.5l-.94 2.06-2.06.94zm10 10l.94 2.06.94-2.06 2.06-.94-2.06-.94-.94-2.06-.94 2.06-2.06.94z\"/><path d=\"M17.41 7.96l-1.37-1.37c-.4-.4-.92-.59-1.43-.59-.52 0-1.04.2-1.43.59L10.3 9.45l-7.72 7.72c-.78.78-.78 2.05 0 2.83L4 21.41c.39.39.9.59 1.41.59.51 0 1.02-.2 1.41-.59l7.78-7.78 2.81-2.81c.8-.78.8-2.07 0-2.86zM5.41 20L4 18.59l7.72-7.72 1.47 1.35L5.41 20z\"/>\n",
              "  </svg>\n",
              "      </button>\n",
              "      \n",
              "  <style>\n",
              "    .colab-df-container {\n",
              "      display:flex;\n",
              "      flex-wrap:wrap;\n",
              "      gap: 12px;\n",
              "    }\n",
              "\n",
              "    .colab-df-convert {\n",
              "      background-color: #E8F0FE;\n",
              "      border: none;\n",
              "      border-radius: 50%;\n",
              "      cursor: pointer;\n",
              "      display: none;\n",
              "      fill: #1967D2;\n",
              "      height: 32px;\n",
              "      padding: 0 0 0 0;\n",
              "      width: 32px;\n",
              "    }\n",
              "\n",
              "    .colab-df-convert:hover {\n",
              "      background-color: #E2EBFA;\n",
              "      box-shadow: 0px 1px 2px rgba(60, 64, 67, 0.3), 0px 1px 3px 1px rgba(60, 64, 67, 0.15);\n",
              "      fill: #174EA6;\n",
              "    }\n",
              "\n",
              "    [theme=dark] .colab-df-convert {\n",
              "      background-color: #3B4455;\n",
              "      fill: #D2E3FC;\n",
              "    }\n",
              "\n",
              "    [theme=dark] .colab-df-convert:hover {\n",
              "      background-color: #434B5C;\n",
              "      box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15);\n",
              "      filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.3));\n",
              "      fill: #FFFFFF;\n",
              "    }\n",
              "  </style>\n",
              "\n",
              "      <script>\n",
              "        const buttonEl =\n",
              "          document.querySelector('#df-044fd372-6c01-48bb-ba9d-00fa8d952591 button.colab-df-convert');\n",
              "        buttonEl.style.display =\n",
              "          google.colab.kernel.accessAllowed ? 'block' : 'none';\n",
              "\n",
              "        async function convertToInteractive(key) {\n",
              "          const element = document.querySelector('#df-044fd372-6c01-48bb-ba9d-00fa8d952591');\n",
              "          const dataTable =\n",
              "            await google.colab.kernel.invokeFunction('convertToInteractive',\n",
              "                                                     [key], {});\n",
              "          if (!dataTable) return;\n",
              "\n",
              "          const docLinkHtml = 'Like what you see? Visit the ' +\n",
              "            '<a target=\"_blank\" href=https://colab.research.google.com/notebooks/data_table.ipynb>data table notebook</a>'\n",
              "            + ' to learn more about interactive tables.';\n",
              "          element.innerHTML = '';\n",
              "          dataTable['output_type'] = 'display_data';\n",
              "          await google.colab.output.renderOutput(dataTable, element);\n",
              "          const docLink = document.createElement('div');\n",
              "          docLink.innerHTML = docLinkHtml;\n",
              "          element.appendChild(docLink);\n",
              "        }\n",
              "      </script>\n",
              "    </div>\n",
              "  </div>\n",
              "  "
            ]
          },
          "metadata": {},
          "execution_count": 86
        }
      ]
    },
    {
      "cell_type": "code",
      "source": [
        "# create top 10 cited arthurs table\n",
        "top_ten = df[[\"Title\"\t,\"Citation\"\t,\"Research Topic\"\t,\"Arthurs Names\"\t,\"Inpact Factor\"]].groupby('Arthurs Names').sum().nlargest(10,['Citation'])\n",
        "top_ten"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/",
          "height": 394
        },
        "id": "OjQesFrpSEZf",
        "outputId": "29d6ac71-c07d-4531-9099-d9de14fc0cfd"
      },
      "execution_count": null,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "                   Citation\n",
              "Arthurs Names              \n",
              "Hubert P. H. Shum      4647\n",
              "Edmond S. L. Ho        1637\n",
              "Taku Komura            1615\n",
              "Shuntaro Yamazaki      1054\n",
              "Howard Leung            809\n",
              "Qianhui Men             505\n",
              "Longzhi Yang            467\n",
              "Masashi Shiraishi       402\n",
              "Shigeo Morishima        396\n",
              "Yijun Shen              332"
            ],
            "text/html": [
              "\n",
              "  <div id=\"df-2d01fce2-fc87-4285-9db0-441813ccf287\">\n",
              "    <div class=\"colab-df-container\">\n",
              "      <div>\n",
              "<style scoped>\n",
              "    .dataframe tbody tr th:only-of-type {\n",
              "        vertical-align: middle;\n",
              "    }\n",
              "\n",
              "    .dataframe tbody tr th {\n",
              "        vertical-align: top;\n",
              "    }\n",
              "\n",
              "    .dataframe thead th {\n",
              "        text-align: right;\n",
              "    }\n",
              "</style>\n",
              "<table border=\"1\" class=\"dataframe\">\n",
              "  <thead>\n",
              "    <tr style=\"text-align: right;\">\n",
              "      <th></th>\n",
              "      <th>Citation</th>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>Arthurs Names</th>\n",
              "      <th></th>\n",
              "    </tr>\n",
              "  </thead>\n",
              "  <tbody>\n",
              "    <tr>\n",
              "      <th>Hubert P. H. Shum</th>\n",
              "      <td>4647</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>Edmond S. L. Ho</th>\n",
              "      <td>1637</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>Taku Komura</th>\n",
              "      <td>1615</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>Shuntaro Yamazaki</th>\n",
              "      <td>1054</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>Howard Leung</th>\n",
              "      <td>809</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>Qianhui Men</th>\n",
              "      <td>505</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>Longzhi Yang</th>\n",
              "      <td>467</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>Masashi Shiraishi</th>\n",
              "      <td>402</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>Shigeo Morishima</th>\n",
              "      <td>396</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>Yijun Shen</th>\n",
              "      <td>332</td>\n",
              "    </tr>\n",
              "  </tbody>\n",
              "</table>\n",
              "</div>\n",
              "      <button class=\"colab-df-convert\" onclick=\"convertToInteractive('df-2d01fce2-fc87-4285-9db0-441813ccf287')\"\n",
              "              title=\"Convert this dataframe to an interactive table.\"\n",
              "              style=\"display:none;\">\n",
              "        \n",
              "  <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\"viewBox=\"0 0 24 24\"\n",
              "       width=\"24px\">\n",
              "    <path d=\"M0 0h24v24H0V0z\" fill=\"none\"/>\n",
              "    <path d=\"M18.56 5.44l.94 2.06.94-2.06 2.06-.94-2.06-.94-.94-2.06-.94 2.06-2.06.94zm-11 1L8.5 8.5l.94-2.06 2.06-.94-2.06-.94L8.5 2.5l-.94 2.06-2.06.94zm10 10l.94 2.06.94-2.06 2.06-.94-2.06-.94-.94-2.06-.94 2.06-2.06.94z\"/><path d=\"M17.41 7.96l-1.37-1.37c-.4-.4-.92-.59-1.43-.59-.52 0-1.04.2-1.43.59L10.3 9.45l-7.72 7.72c-.78.78-.78 2.05 0 2.83L4 21.41c.39.39.9.59 1.41.59.51 0 1.02-.2 1.41-.59l7.78-7.78 2.81-2.81c.8-.78.8-2.07 0-2.86zM5.41 20L4 18.59l7.72-7.72 1.47 1.35L5.41 20z\"/>\n",
              "  </svg>\n",
              "      </button>\n",
              "      \n",
              "  <style>\n",
              "    .colab-df-container {\n",
              "      display:flex;\n",
              "      flex-wrap:wrap;\n",
              "      gap: 12px;\n",
              "    }\n",
              "\n",
              "    .colab-df-convert {\n",
              "      background-color: #E8F0FE;\n",
              "      border: none;\n",
              "      border-radius: 50%;\n",
              "      cursor: pointer;\n",
              "      display: none;\n",
              "      fill: #1967D2;\n",
              "      height: 32px;\n",
              "      padding: 0 0 0 0;\n",
              "      width: 32px;\n",
              "    }\n",
              "\n",
              "    .colab-df-convert:hover {\n",
              "      background-color: #E2EBFA;\n",
              "      box-shadow: 0px 1px 2px rgba(60, 64, 67, 0.3), 0px 1px 3px 1px rgba(60, 64, 67, 0.15);\n",
              "      fill: #174EA6;\n",
              "    }\n",
              "\n",
              "    [theme=dark] .colab-df-convert {\n",
              "      background-color: #3B4455;\n",
              "      fill: #D2E3FC;\n",
              "    }\n",
              "\n",
              "    [theme=dark] .colab-df-convert:hover {\n",
              "      background-color: #434B5C;\n",
              "      box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15);\n",
              "      filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.3));\n",
              "      fill: #FFFFFF;\n",
              "    }\n",
              "  </style>\n",
              "\n",
              "      <script>\n",
              "        const buttonEl =\n",
              "          document.querySelector('#df-2d01fce2-fc87-4285-9db0-441813ccf287 button.colab-df-convert');\n",
              "        buttonEl.style.display =\n",
              "          google.colab.kernel.accessAllowed ? 'block' : 'none';\n",
              "\n",
              "        async function convertToInteractive(key) {\n",
              "          const element = document.querySelector('#df-2d01fce2-fc87-4285-9db0-441813ccf287');\n",
              "          const dataTable =\n",
              "            await google.colab.kernel.invokeFunction('convertToInteractive',\n",
              "                                                     [key], {});\n",
              "          if (!dataTable) return;\n",
              "\n",
              "          const docLinkHtml = 'Like what you see? Visit the ' +\n",
              "            '<a target=\"_blank\" href=https://colab.research.google.com/notebooks/data_table.ipynb>data table notebook</a>'\n",
              "            + ' to learn more about interactive tables.';\n",
              "          element.innerHTML = '';\n",
              "          dataTable['output_type'] = 'display_data';\n",
              "          await google.colab.output.renderOutput(dataTable, element);\n",
              "          const docLink = document.createElement('div');\n",
              "          docLink.innerHTML = docLinkHtml;\n",
              "          element.appendChild(docLink);\n",
              "        }\n",
              "      </script>\n",
              "    </div>\n",
              "  </div>\n",
              "  "
            ]
          },
          "metadata": {},
          "execution_count": 77
        }
      ]
    },
    {
      "cell_type": "code",
      "source": [
        "# create top 10 researched topics table\n",
        "new_df = df[['Title','Research Topic']].drop_duplicates().groupby('Research Topic').count()\n",
        "new_df"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/",
          "height": 520
        },
        "id": "1SsiO9ZyTFp5",
        "outputId": "c37c34d8-c95c-48e1-f345-1a1ba60ddf98"
      },
      "execution_count": null,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "                            Title\n",
              "Research Topic                   \n",
              "3D Reconstruction              16\n",
              "Action Recognition             15\n",
              "Biomedical Engineering         17\n",
              "Biometrics                      8\n",
              "Chharacter Animation           26\n",
              "Computational Intelligence      7\n",
              "Crowd Modelling                 9\n",
              "Face Modelling                  9\n",
              "Hand and Gesture                7\n",
              "Interaction Modelling          20\n",
              "Motion Analysis                20\n",
              "Robotics                        8\n",
              "Surface Modelling              11\n",
              "Virtual Reality                 9"
            ],
            "text/html": [
              "\n",
              "  <div id=\"df-7076f3b8-1242-4c00-ac31-9c80e365e80d\">\n",
              "    <div class=\"colab-df-container\">\n",
              "      <div>\n",
              "<style scoped>\n",
              "    .dataframe tbody tr th:only-of-type {\n",
              "        vertical-align: middle;\n",
              "    }\n",
              "\n",
              "    .dataframe tbody tr th {\n",
              "        vertical-align: top;\n",
              "    }\n",
              "\n",
              "    .dataframe thead th {\n",
              "        text-align: right;\n",
              "    }\n",
              "</style>\n",
              "<table border=\"1\" class=\"dataframe\">\n",
              "  <thead>\n",
              "    <tr style=\"text-align: right;\">\n",
              "      <th></th>\n",
              "      <th>Title</th>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>Research Topic</th>\n",
              "      <th></th>\n",
              "    </tr>\n",
              "  </thead>\n",
              "  <tbody>\n",
              "    <tr>\n",
              "      <th>3D Reconstruction</th>\n",
              "      <td>16</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>Action Recognition</th>\n",
              "      <td>15</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>Biomedical Engineering</th>\n",
              "      <td>17</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>Biometrics</th>\n",
              "      <td>8</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>Chharacter Animation</th>\n",
              "      <td>26</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>Computational Intelligence</th>\n",
              "      <td>7</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>Crowd Modelling</th>\n",
              "      <td>9</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>Face Modelling</th>\n",
              "      <td>9</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>Hand and Gesture</th>\n",
              "      <td>7</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>Interaction Modelling</th>\n",
              "      <td>20</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>Motion Analysis</th>\n",
              "      <td>20</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>Robotics</th>\n",
              "      <td>8</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>Surface Modelling</th>\n",
              "      <td>11</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>Virtual Reality</th>\n",
              "      <td>9</td>\n",
              "    </tr>\n",
              "  </tbody>\n",
              "</table>\n",
              "</div>\n",
              "      <button class=\"colab-df-convert\" onclick=\"convertToInteractive('df-7076f3b8-1242-4c00-ac31-9c80e365e80d')\"\n",
              "              title=\"Convert this dataframe to an interactive table.\"\n",
              "              style=\"display:none;\">\n",
              "        \n",
              "  <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\"viewBox=\"0 0 24 24\"\n",
              "       width=\"24px\">\n",
              "    <path d=\"M0 0h24v24H0V0z\" fill=\"none\"/>\n",
              "    <path d=\"M18.56 5.44l.94 2.06.94-2.06 2.06-.94-2.06-.94-.94-2.06-.94 2.06-2.06.94zm-11 1L8.5 8.5l.94-2.06 2.06-.94-2.06-.94L8.5 2.5l-.94 2.06-2.06.94zm10 10l.94 2.06.94-2.06 2.06-.94-2.06-.94-.94-2.06-.94 2.06-2.06.94z\"/><path d=\"M17.41 7.96l-1.37-1.37c-.4-.4-.92-.59-1.43-.59-.52 0-1.04.2-1.43.59L10.3 9.45l-7.72 7.72c-.78.78-.78 2.05 0 2.83L4 21.41c.39.39.9.59 1.41.59.51 0 1.02-.2 1.41-.59l7.78-7.78 2.81-2.81c.8-.78.8-2.07 0-2.86zM5.41 20L4 18.59l7.72-7.72 1.47 1.35L5.41 20z\"/>\n",
              "  </svg>\n",
              "      </button>\n",
              "      \n",
              "  <style>\n",
              "    .colab-df-container {\n",
              "      display:flex;\n",
              "      flex-wrap:wrap;\n",
              "      gap: 12px;\n",
              "    }\n",
              "\n",
              "    .colab-df-convert {\n",
              "      background-color: #E8F0FE;\n",
              "      border: none;\n",
              "      border-radius: 50%;\n",
              "      cursor: pointer;\n",
              "      display: none;\n",
              "      fill: #1967D2;\n",
              "      height: 32px;\n",
              "      padding: 0 0 0 0;\n",
              "      width: 32px;\n",
              "    }\n",
              "\n",
              "    .colab-df-convert:hover {\n",
              "      background-color: #E2EBFA;\n",
              "      box-shadow: 0px 1px 2px rgba(60, 64, 67, 0.3), 0px 1px 3px 1px rgba(60, 64, 67, 0.15);\n",
              "      fill: #174EA6;\n",
              "    }\n",
              "\n",
              "    [theme=dark] .colab-df-convert {\n",
              "      background-color: #3B4455;\n",
              "      fill: #D2E3FC;\n",
              "    }\n",
              "\n",
              "    [theme=dark] .colab-df-convert:hover {\n",
              "      background-color: #434B5C;\n",
              "      box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15);\n",
              "      filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.3));\n",
              "      fill: #FFFFFF;\n",
              "    }\n",
              "  </style>\n",
              "\n",
              "      <script>\n",
              "        const buttonEl =\n",
              "          document.querySelector('#df-7076f3b8-1242-4c00-ac31-9c80e365e80d button.colab-df-convert');\n",
              "        buttonEl.style.display =\n",
              "          google.colab.kernel.accessAllowed ? 'block' : 'none';\n",
              "\n",
              "        async function convertToInteractive(key) {\n",
              "          const element = document.querySelector('#df-7076f3b8-1242-4c00-ac31-9c80e365e80d');\n",
              "          const dataTable =\n",
              "            await google.colab.kernel.invokeFunction('convertToInteractive',\n",
              "                                                     [key], {});\n",
              "          if (!dataTable) return;\n",
              "\n",
              "          const docLinkHtml = 'Like what you see? Visit the ' +\n",
              "            '<a target=\"_blank\" href=https://colab.research.google.com/notebooks/data_table.ipynb>data table notebook</a>'\n",
              "            + ' to learn more about interactive tables.';\n",
              "          element.innerHTML = '';\n",
              "          dataTable['output_type'] = 'display_data';\n",
              "          await google.colab.output.renderOutput(dataTable, element);\n",
              "          const docLink = document.createElement('div');\n",
              "          docLink.innerHTML = docLinkHtml;\n",
              "          element.appendChild(docLink);\n",
              "        }\n",
              "      </script>\n",
              "    </div>\n",
              "  </div>\n",
              "  "
            ]
          },
          "metadata": {},
          "execution_count": 90
        }
      ]
    },
    {
      "cell_type": "code",
      "source": [],
      "metadata": {
        "id": "6wHdaW7jWCKg"
      },
      "execution_count": null,
      "outputs": []
    }
  ]
}