Digit_span_jsPsych_analysis.ipynb

{
  "nbformat": 4,
  "nbformat_minor": 0,
  "metadata": {
    "colab": {
      "name": "Digit_span_jsPsych_analysis.ipynb",
      "provenance": [],
      "collapsed_sections": [],
      "authorship_tag": "ABX9TyMd15kjkowxQazqdkwEcqp+",
      "include_colab_link": true
    },
    "kernelspec": {
      "name": "python3",
      "display_name": "Python 3"
    }
  },
  "cells": [
    {
      "cell_type": "markdown",
      "metadata": {
        "id": "view-in-github",
        "colab_type": "text"
      },
      "source": [
        "<a href=\"https://colab.research.google.com/github/vekteo/Digit_Span_jsPsych/blob/main/Digit_span_jsPsych_analysis.ipynb\" target=\"_parent\"><img src=\"https://colab.research.google.com/assets/colab-badge.svg\" alt=\"Open In Colab\"/></a>"
      ]
    },
    {
      "cell_type": "markdown",
      "source": [
        "# **Code for preprocessing the Digit span task (jsPsych)**\n",
        "\n",
        "1. Click the FOLDER ikon in the left column (last icon)\n",
        "2. In the opening window, click the UPLOAD icon (first icon) (if another window opens before this step, click OK)\n",
        "3. In the opening window, choose the Digit span outputs for the upload (e.g., \"_Subject_01_Session_1_output.csv\")\n",
        "4. Run the coe with the Runtime --> Run all option\n",
        "5. If the code runs correctly, it will download a .csv file to your local machine\n",
        "---\n",
        "\n",
        "\n",
        "\n",
        "---"
      ],
      "metadata": {
        "id": "tQJ-XNdvKujX"
      }
    },
    {
      "cell_type": "code",
      "metadata": {
        "id": "0_1pFdnaGFad"
      },
      "source": [
        "import glob\n",
        "import seaborn as sns; sns.set()\n",
        "import matplotlib.pyplot as plt\n",
        "import pandas as pd\n",
        "import os\n",
        "import numpy as np\n",
        "from google.colab import files"
      ],
      "execution_count": null,
      "outputs": []
    },
    {
      "cell_type": "code",
      "metadata": {
        "id": "p1qyoNlwF-Ak",
        "colab": {
          "base_uri": "https://localhost:8080/",
          "height": 870
        },
        "outputId": "ed53362d-c61c-42c8-db48-ccf5b57cb6e2"
      },
      "source": [
        "# get data file names\n",
        "filenames = glob.glob(\"*.csv\")\n",
        "dfs = []\n",
        "for filename in filenames:\n",
        "    dfs.append(pd.read_csv(filename, encoding='ISO-8859-1'))\n",
        "\n",
        "# Concatenate all data into one DataFrame\n",
        "big_frame = pd.concat(dfs, ignore_index=True)\n",
        "big_frame"
      ],
      "execution_count": null,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/html": [
              "\n",
              "  <div id=\"df-6380d80c-aeb1-4c9a-ace1-b6cf65ba0112\">\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>ï»¿Event Index</th>\n",
              "      <th>UTC Timestamp</th>\n",
              "      <th>UTC Date</th>\n",
              "      <th>Local Timestamp</th>\n",
              "      <th>Local Timezone</th>\n",
              "      <th>Local Date</th>\n",
              "      <th>Experiment ID</th>\n",
              "      <th>Experiment Version</th>\n",
              "      <th>Tree Node Key</th>\n",
              "      <th>Repeat Key</th>\n",
              "      <th>Schedule ID</th>\n",
              "      <th>Participant Public ID</th>\n",
              "      <th>Participant Private ID</th>\n",
              "      <th>Participant Starting Group</th>\n",
              "      <th>Participant Status</th>\n",
              "      <th>Participant Completion Code</th>\n",
              "      <th>Participant External Session ID</th>\n",
              "      <th>Participant Device Type</th>\n",
              "      <th>Participant Device</th>\n",
              "      <th>Participant OS</th>\n",
              "      <th>Participant Browser</th>\n",
              "      <th>Participant Monitor Size</th>\n",
              "      <th>Participant Viewport Size</th>\n",
              "      <th>Checkpoint</th>\n",
              "      <th>Task Name</th>\n",
              "      <th>Task Version</th>\n",
              "      <th>language</th>\n",
              "      <th>rt</th>\n",
              "      <th>stimulus</th>\n",
              "      <th>key_press</th>\n",
              "      <th>test_part</th>\n",
              "      <th>correct_response</th>\n",
              "      <th>trial_type</th>\n",
              "      <th>trial_index</th>\n",
              "      <th>time_elapsed</th>\n",
              "      <th>internal_node_id</th>\n",
              "      <th>correct</th>\n",
              "      <th>browser_events</th>\n",
              "      <th>view_history</th>\n",
              "      <th>level</th>\n",
              "      <th>correct_answer</th>\n",
              "      <th>number_within_level</th>\n",
              "      <th>number_within_run</th>\n",
              "      <th>is_mistake</th>\n",
              "      <th>responses</th>\n",
              "      <th>digit_span</th>\n",
              "    </tr>\n",
              "  </thead>\n",
              "  <tbody>\n",
              "    <tr>\n",
              "      <th>0</th>\n",
              "      <td>1</td>\n",
              "      <td>1.644082e+12</td>\n",
              "      <td>05/02/2022 17:26:11</td>\n",
              "      <td>1.644082e+12</td>\n",
              "      <td>2.0</td>\n",
              "      <td>05/02/2022 19:26:12</td>\n",
              "      <td>70123.0</td>\n",
              "      <td>6.0</td>\n",
              "      <td>task-a8ep</td>\n",
              "      <td>NaN</td>\n",
              "      <td>19199987.0</td>\n",
              "      <td>mxs1w0o7</td>\n",
              "      <td>5689176.0</td>\n",
              "      <td>NaN</td>\n",
              "      <td>complete</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>computer</td>\n",
              "      <td>Desktop or Laptop</td>\n",
              "      <td>Windows 10</td>\n",
              "      <td>Firefox 96.0</td>\n",
              "      <td>1280x720</td>\n",
              "      <td>1280x720</td>\n",
              "      <td>NaN</td>\n",
              "      <td>Digit Span [jsPsych]</td>\n",
              "      <td>1.0</td>\n",
              "      <td>hu</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>fullscreen</td>\n",
              "      <td>0.0</td>\n",
              "      <td>2457.0</td>\n",
              "      <td>0.0-0.0</td>\n",
              "      <td>NaN</td>\n",
              "      <td>[{\"event\":\"fullscreenenter\",\"trial\":0,\"time\":1...</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>1</th>\n",
              "      <td>2</td>\n",
              "      <td>1.644082e+12</td>\n",
              "      <td>05/02/2022 17:26:31</td>\n",
              "      <td>1.644082e+12</td>\n",
              "      <td>2.0</td>\n",
              "      <td>05/02/2022 19:26:32</td>\n",
              "      <td>70123.0</td>\n",
              "      <td>6.0</td>\n",
              "      <td>task-a8ep</td>\n",
              "      <td>NaN</td>\n",
              "      <td>19199987.0</td>\n",
              "      <td>mxs1w0o7</td>\n",
              "      <td>5689176.0</td>\n",
              "      <td>NaN</td>\n",
              "      <td>complete</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>computer</td>\n",
              "      <td>Desktop or Laptop</td>\n",
              "      <td>Windows 10</td>\n",
              "      <td>Firefox 96.0</td>\n",
              "      <td>1280x720</td>\n",
              "      <td>1280x720</td>\n",
              "      <td>NaN</td>\n",
              "      <td>Digit Span [jsPsych]</td>\n",
              "      <td>1.0</td>\n",
              "      <td>hu</td>\n",
              "      <td>20304.00</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>instruction</td>\n",
              "      <td>NaN</td>\n",
              "      <td>instructions</td>\n",
              "      <td>1.0</td>\n",
              "      <td>22768.0</td>\n",
              "      <td>0.0-1.0</td>\n",
              "      <td>NaN</td>\n",
              "      <td>[]</td>\n",
              "      <td>[{\"page_index\":0,\"viewing_time\":20303}]</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>2</th>\n",
              "      <td>3</td>\n",
              "      <td>1.644082e+12</td>\n",
              "      <td>05/02/2022 17:26:34</td>\n",
              "      <td>1.644082e+12</td>\n",
              "      <td>2.0</td>\n",
              "      <td>05/02/2022 19:26:35</td>\n",
              "      <td>70123.0</td>\n",
              "      <td>6.0</td>\n",
              "      <td>task-a8ep</td>\n",
              "      <td>NaN</td>\n",
              "      <td>19199987.0</td>\n",
              "      <td>mxs1w0o7</td>\n",
              "      <td>5689176.0</td>\n",
              "      <td>NaN</td>\n",
              "      <td>complete</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>computer</td>\n",
              "      <td>Desktop or Laptop</td>\n",
              "      <td>Windows 10</td>\n",
              "      <td>Firefox 96.0</td>\n",
              "      <td>1280x720</td>\n",
              "      <td>1280x720</td>\n",
              "      <td>NaN</td>\n",
              "      <td>Digit Span [jsPsych]</td>\n",
              "      <td>1.0</td>\n",
              "      <td>hu</td>\n",
              "      <td>2428.00</td>\n",
              "      <td>&lt;p&gt;Most gyakorolhatod egy kicsit a feladatot.&lt;...</td>\n",
              "      <td>78.0</td>\n",
              "      <td>start_practice</td>\n",
              "      <td>NaN</td>\n",
              "      <td>html-keyboard-response</td>\n",
              "      <td>2.0</td>\n",
              "      <td>25201.0</td>\n",
              "      <td>0.0-2.0</td>\n",
              "      <td>NaN</td>\n",
              "      <td>[]</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>3</th>\n",
              "      <td>4</td>\n",
              "      <td>1.644082e+12</td>\n",
              "      <td>05/02/2022 17:26:35</td>\n",
              "      <td>1.644082e+12</td>\n",
              "      <td>2.0</td>\n",
              "      <td>05/02/2022 19:26:36</td>\n",
              "      <td>70123.0</td>\n",
              "      <td>6.0</td>\n",
              "      <td>task-a8ep</td>\n",
              "      <td>NaN</td>\n",
              "      <td>19199987.0</td>\n",
              "      <td>mxs1w0o7</td>\n",
              "      <td>5689176.0</td>\n",
              "      <td>NaN</td>\n",
              "      <td>complete</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>computer</td>\n",
              "      <td>Desktop or Laptop</td>\n",
              "      <td>Windows 10</td>\n",
              "      <td>Firefox 96.0</td>\n",
              "      <td>1280x720</td>\n",
              "      <td>1280x720</td>\n",
              "      <td>NaN</td>\n",
              "      <td>Digit Span [jsPsych]</td>\n",
              "      <td>1.0</td>\n",
              "      <td>hu</td>\n",
              "      <td>NaN</td>\n",
              "      <td>&lt;h1 id='stimulus'&gt;3&lt;/h1&gt;</td>\n",
              "      <td>NaN</td>\n",
              "      <td>stimulus</td>\n",
              "      <td>NaN</td>\n",
              "      <td>html-keyboard-response</td>\n",
              "      <td>3.0</td>\n",
              "      <td>26220.0</td>\n",
              "      <td>0.0-3.0-0.0</td>\n",
              "      <td>NaN</td>\n",
              "      <td>[]</td>\n",
              "      <td>NaN</td>\n",
              "      <td>2.0</td>\n",
              "      <td>36.0</td>\n",
              "      <td>1.0</td>\n",
              "      <td>1.0</td>\n",
              "      <td>0.0</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>4</th>\n",
              "      <td>5</td>\n",
              "      <td>1.644082e+12</td>\n",
              "      <td>05/02/2022 17:26:36</td>\n",
              "      <td>1.644082e+12</td>\n",
              "      <td>2.0</td>\n",
              "      <td>05/02/2022 19:26:37</td>\n",
              "      <td>70123.0</td>\n",
              "      <td>6.0</td>\n",
              "      <td>task-a8ep</td>\n",
              "      <td>NaN</td>\n",
              "      <td>19199987.0</td>\n",
              "      <td>mxs1w0o7</td>\n",
              "      <td>5689176.0</td>\n",
              "      <td>NaN</td>\n",
              "      <td>complete</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>computer</td>\n",
              "      <td>Desktop or Laptop</td>\n",
              "      <td>Windows 10</td>\n",
              "      <td>Firefox 96.0</td>\n",
              "      <td>1280x720</td>\n",
              "      <td>1280x720</td>\n",
              "      <td>NaN</td>\n",
              "      <td>Digit Span [jsPsych]</td>\n",
              "      <td>1.0</td>\n",
              "      <td>hu</td>\n",
              "      <td>NaN</td>\n",
              "      <td>&lt;h1 id='stimulus'&gt;6&lt;/h1&gt;</td>\n",
              "      <td>NaN</td>\n",
              "      <td>stimulus</td>\n",
              "      <td>NaN</td>\n",
              "      <td>html-keyboard-response</td>\n",
              "      <td>4.0</td>\n",
              "      <td>27241.0</td>\n",
              "      <td>0.0-3.0-0.1</td>\n",
              "      <td>NaN</td>\n",
              "      <td>[]</td>\n",
              "      <td>NaN</td>\n",
              "      <td>2.0</td>\n",
              "      <td>36.0</td>\n",
              "      <td>1.0</td>\n",
              "      <td>2.0</td>\n",
              "      <td>0.0</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</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",
              "      <td>...</td>\n",
              "      <td>...</td>\n",
              "      <td>...</td>\n",
              "      <td>...</td>\n",
              "      <td>...</td>\n",
              "      <td>...</td>\n",
              "      <td>...</td>\n",
              "      <td>...</td>\n",
              "      <td>...</td>\n",
              "      <td>...</td>\n",
              "      <td>...</td>\n",
              "      <td>...</td>\n",
              "      <td>...</td>\n",
              "      <td>...</td>\n",
              "      <td>...</td>\n",
              "      <td>...</td>\n",
              "      <td>...</td>\n",
              "      <td>...</td>\n",
              "      <td>...</td>\n",
              "      <td>...</td>\n",
              "      <td>...</td>\n",
              "      <td>...</td>\n",
              "      <td>...</td>\n",
              "      <td>...</td>\n",
              "      <td>...</td>\n",
              "      <td>...</td>\n",
              "      <td>...</td>\n",
              "      <td>...</td>\n",
              "      <td>...</td>\n",
              "      <td>...</td>\n",
              "      <td>...</td>\n",
              "      <td>...</td>\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>317</th>\n",
              "      <td>149</td>\n",
              "      <td>1.643920e+12</td>\n",
              "      <td>03/02/2022 20:20:24</td>\n",
              "      <td>1.643920e+12</td>\n",
              "      <td>1.0</td>\n",
              "      <td>03/02/2022 21:20:24</td>\n",
              "      <td>70123.0</td>\n",
              "      <td>6.0</td>\n",
              "      <td>task-a8ep</td>\n",
              "      <td>NaN</td>\n",
              "      <td>19147252.0</td>\n",
              "      <td>x07ksd1p</td>\n",
              "      <td>5673181.0</td>\n",
              "      <td>NaN</td>\n",
              "      <td>complete</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>computer</td>\n",
              "      <td>Desktop or Laptop</td>\n",
              "      <td>Windows 10</td>\n",
              "      <td>Edge 89.0.774.63</td>\n",
              "      <td>1280x720</td>\n",
              "      <td>1280x720</td>\n",
              "      <td>NaN</td>\n",
              "      <td>Digit Span [jsPsych]</td>\n",
              "      <td>1.0</td>\n",
              "      <td>hu</td>\n",
              "      <td>NaN</td>\n",
              "      <td>&lt;h1 id='stimulus'&gt;6&lt;/h1&gt;</td>\n",
              "      <td>NaN</td>\n",
              "      <td>stimulus</td>\n",
              "      <td>NaN</td>\n",
              "      <td>html-keyboard-response</td>\n",
              "      <td>148.0</td>\n",
              "      <td>282619.0</td>\n",
              "      <td>0.0-52.0-0.7</td>\n",
              "      <td>NaN</td>\n",
              "      <td>[]</td>\n",
              "      <td>NaN</td>\n",
              "      <td>8.0</td>\n",
              "      <td>37295186.0</td>\n",
              "      <td>2.0</td>\n",
              "      <td>8.0</td>\n",
              "      <td>0.0</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>318</th>\n",
              "      <td>150</td>\n",
              "      <td>1.643920e+12</td>\n",
              "      <td>03/02/2022 20:20:27</td>\n",
              "      <td>1.643920e+12</td>\n",
              "      <td>1.0</td>\n",
              "      <td>03/02/2022 21:20:27</td>\n",
              "      <td>70123.0</td>\n",
              "      <td>6.0</td>\n",
              "      <td>task-a8ep</td>\n",
              "      <td>NaN</td>\n",
              "      <td>19147252.0</td>\n",
              "      <td>x07ksd1p</td>\n",
              "      <td>5673181.0</td>\n",
              "      <td>NaN</td>\n",
              "      <td>complete</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>computer</td>\n",
              "      <td>Desktop or Laptop</td>\n",
              "      <td>Windows 10</td>\n",
              "      <td>Edge 89.0.774.63</td>\n",
              "      <td>1280x720</td>\n",
              "      <td>1280x720</td>\n",
              "      <td>NaN</td>\n",
              "      <td>Digit Span [jsPsych]</td>\n",
              "      <td>1.0</td>\n",
              "      <td>hu</td>\n",
              "      <td>2965.68</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>answer</td>\n",
              "      <td>NaN</td>\n",
              "      <td>survey-html-form</td>\n",
              "      <td>149.0</td>\n",
              "      <td>285589.0</td>\n",
              "      <td>0.0-53.0-0.0</td>\n",
              "      <td>NaN</td>\n",
              "      <td>[]</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>1.0</td>\n",
              "      <td>{\"answer\":\"99999\"}</td>\n",
              "      <td>NaN</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>319</th>\n",
              "      <td>151</td>\n",
              "      <td>1.643920e+12</td>\n",
              "      <td>03/02/2022 20:20:30</td>\n",
              "      <td>1.643920e+12</td>\n",
              "      <td>1.0</td>\n",
              "      <td>03/02/2022 21:20:30</td>\n",
              "      <td>70123.0</td>\n",
              "      <td>6.0</td>\n",
              "      <td>task-a8ep</td>\n",
              "      <td>NaN</td>\n",
              "      <td>19147252.0</td>\n",
              "      <td>x07ksd1p</td>\n",
              "      <td>5673181.0</td>\n",
              "      <td>NaN</td>\n",
              "      <td>complete</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>computer</td>\n",
              "      <td>Desktop or Laptop</td>\n",
              "      <td>Windows 10</td>\n",
              "      <td>Edge 89.0.774.63</td>\n",
              "      <td>1280x720</td>\n",
              "      <td>1280x720</td>\n",
              "      <td>NaN</td>\n",
              "      <td>Digit Span [jsPsych]</td>\n",
              "      <td>1.0</td>\n",
              "      <td>hu</td>\n",
              "      <td>NaN</td>\n",
              "      <td>&lt;h2&gt;VÃ©ge a feladatnak.&lt;/h2&gt;&lt;p&gt;A leghosszabb s...</td>\n",
              "      <td>NaN</td>\n",
              "      <td>debrief</td>\n",
              "      <td>NaN</td>\n",
              "      <td>html-keyboard-response</td>\n",
              "      <td>150.0</td>\n",
              "      <td>288593.0</td>\n",
              "      <td>0.0-66.0</td>\n",
              "      <td>NaN</td>\n",
              "      <td>[]</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>7.0</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>320</th>\n",
              "      <td>152</td>\n",
              "      <td>1.643920e+12</td>\n",
              "      <td>03/02/2022 20:20:31</td>\n",
              "      <td>1.643920e+12</td>\n",
              "      <td>1.0</td>\n",
              "      <td>03/02/2022 21:20:31</td>\n",
              "      <td>70123.0</td>\n",
              "      <td>6.0</td>\n",
              "      <td>task-a8ep</td>\n",
              "      <td>NaN</td>\n",
              "      <td>19147252.0</td>\n",
              "      <td>x07ksd1p</td>\n",
              "      <td>5673181.0</td>\n",
              "      <td>NaN</td>\n",
              "      <td>complete</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>computer</td>\n",
              "      <td>Desktop or Laptop</td>\n",
              "      <td>Windows 10</td>\n",
              "      <td>Edge 89.0.774.63</td>\n",
              "      <td>1280x720</td>\n",
              "      <td>1280x610</td>\n",
              "      <td>NaN</td>\n",
              "      <td>Digit Span [jsPsych]</td>\n",
              "      <td>1.0</td>\n",
              "      <td>hu</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>fullscreen</td>\n",
              "      <td>151.0</td>\n",
              "      <td>289597.0</td>\n",
              "      <td>0.0-67.0</td>\n",
              "      <td>NaN</td>\n",
              "      <td>[{\"event\":\"fullscreenexit\",\"trial\":151,\"time\":...</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>321</th>\n",
              "      <td>END OF FILE</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "      <td>NaN</td>\n",
              "    </tr>\n",
              "  </tbody>\n",
              "</table>\n",
              "<p>322 rows × 46 columns</p>\n",
              "</div>\n",
              "      <button class=\"colab-df-convert\" onclick=\"convertToInteractive('df-6380d80c-aeb1-4c9a-ace1-b6cf65ba0112')\"\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-6380d80c-aeb1-4c9a-ace1-b6cf65ba0112 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-6380d80c-aeb1-4c9a-ace1-b6cf65ba0112');\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",
              "  "
            ],
            "text/plain": [
              "    ï»¿Event Index  UTC Timestamp  ...           responses  digit_span\n",
              "0                1   1.644082e+12  ...                 NaN         NaN\n",
              "1                2   1.644082e+12  ...                 NaN         NaN\n",
              "2                3   1.644082e+12  ...                 NaN         NaN\n",
              "3                4   1.644082e+12  ...                 NaN         NaN\n",
              "4                5   1.644082e+12  ...                 NaN         NaN\n",
              "..             ...            ...  ...                 ...         ...\n",
              "317            149   1.643920e+12  ...                 NaN         NaN\n",
              "318            150   1.643920e+12  ...  {\"answer\":\"99999\"}         NaN\n",
              "319            151   1.643920e+12  ...                 NaN         7.0\n",
              "320            152   1.643920e+12  ...                 NaN         NaN\n",
              "321    END OF FILE            NaN  ...                 NaN         NaN\n",
              "\n",
              "[322 rows x 46 columns]"
            ]
          },
          "metadata": {},
          "execution_count": 2
        }
      ]
    },
    {
      "cell_type": "code",
      "metadata": {
        "id": "OUplx6gzGyXA",
        "colab": {
          "base_uri": "https://localhost:8080/",
          "height": 206
        },
        "outputId": "d139b92c-68d6-4335-a190-38d042cefcb6"
      },
      "source": [
        "#leave only the important columns\n",
        "df = big_frame.loc[:, ['Participant Public ID', 'digit_span']]\n",
        "df.head()"
      ],
      "execution_count": null,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/html": [
              "\n",
              "  <div id=\"df-b2f3848a-ecc5-4288-9188-00062b3a4b59\">\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>Participant Public ID</th>\n",
              "      <th>digit_span</th>\n",
              "    </tr>\n",
              "  </thead>\n",
              "  <tbody>\n",
              "    <tr>\n",
              "      <th>0</th>\n",
              "      <td>mxs1w0o7</td>\n",
              "      <td>NaN</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>1</th>\n",
              "      <td>mxs1w0o7</td>\n",
              "      <td>NaN</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>2</th>\n",
              "      <td>mxs1w0o7</td>\n",
              "      <td>NaN</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>3</th>\n",
              "      <td>mxs1w0o7</td>\n",
              "      <td>NaN</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>4</th>\n",
              "      <td>mxs1w0o7</td>\n",
              "      <td>NaN</td>\n",
              "    </tr>\n",
              "  </tbody>\n",
              "</table>\n",
              "</div>\n",
              "      <button class=\"colab-df-convert\" onclick=\"convertToInteractive('df-b2f3848a-ecc5-4288-9188-00062b3a4b59')\"\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-b2f3848a-ecc5-4288-9188-00062b3a4b59 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-b2f3848a-ecc5-4288-9188-00062b3a4b59');\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",
              "  "
            ],
            "text/plain": [
              "  Participant Public ID  digit_span\n",
              "0              mxs1w0o7         NaN\n",
              "1              mxs1w0o7         NaN\n",
              "2              mxs1w0o7         NaN\n",
              "3              mxs1w0o7         NaN\n",
              "4              mxs1w0o7         NaN"
            ]
          },
          "metadata": {},
          "execution_count": 3
        }
      ]
    },
    {
      "cell_type": "code",
      "metadata": {
        "id": "KELjXybdHxvS",
        "colab": {
          "base_uri": "https://localhost:8080/",
          "height": 143
        },
        "outputId": "b8fd5ec3-259f-45fd-ac6d-1501e469c471"
      },
      "source": [
        "#drop instruction, feedback trials\n",
        "df = df.dropna(subset=['digit_span'])\n",
        "df.head()"
      ],
      "execution_count": null,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/html": [
              "\n",
              "  <div id=\"df-23e9f65f-0c22-4927-a66c-f4799490efa2\">\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>Participant Public ID</th>\n",
              "      <th>digit_span</th>\n",
              "    </tr>\n",
              "  </thead>\n",
              "  <tbody>\n",
              "    <tr>\n",
              "      <th>93</th>\n",
              "      <td>mxs1w0o7</td>\n",
              "      <td>5.0</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>167</th>\n",
              "      <td>5kwv1ykm</td>\n",
              "      <td>4.0</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>319</th>\n",
              "      <td>x07ksd1p</td>\n",
              "      <td>7.0</td>\n",
              "    </tr>\n",
              "  </tbody>\n",
              "</table>\n",
              "</div>\n",
              "      <button class=\"colab-df-convert\" onclick=\"convertToInteractive('df-23e9f65f-0c22-4927-a66c-f4799490efa2')\"\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-23e9f65f-0c22-4927-a66c-f4799490efa2 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-23e9f65f-0c22-4927-a66c-f4799490efa2');\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",
              "  "
            ],
            "text/plain": [
              "    Participant Public ID  digit_span\n",
              "93               mxs1w0o7         5.0\n",
              "167              5kwv1ykm         4.0\n",
              "319              x07ksd1p         7.0"
            ]
          },
          "metadata": {},
          "execution_count": 4
        }
      ]
    },
    {
      "cell_type": "code",
      "metadata": {
        "id": "S_ZSBJiC28ZA",
        "colab": {
          "base_uri": "https://localhost:8080/",
          "height": 17
        },
        "outputId": "27d32f51-ec97-4178-8d20-51531f7cb5a4"
      },
      "source": [
        "#save data\n",
        "df.to_csv(\"digitspan.csv\",index=False)\n",
        "files.download(\"digitspan.csv\")"
      ],
      "execution_count": null,
      "outputs": [
        {
          "output_type": "display_data",
          "data": {
            "application/javascript": [
              "\n",
              "    async function download(id, filename, size) {\n",
              "      if (!google.colab.kernel.accessAllowed) {\n",
              "        return;\n",
              "      }\n",
              "      const div = document.createElement('div');\n",
              "      const label = document.createElement('label');\n",
              "      label.textContent = `Downloading \"${filename}\": `;\n",
              "      div.appendChild(label);\n",
              "      const progress = document.createElement('progress');\n",
              "      progress.max = size;\n",
              "      div.appendChild(progress);\n",
              "      document.body.appendChild(div);\n",
              "\n",
              "      const buffers = [];\n",
              "      let downloaded = 0;\n",
              "\n",
              "      const channel = await google.colab.kernel.comms.open(id);\n",
              "      // Send a message to notify the kernel that we're ready.\n",
              "      channel.send({})\n",
              "\n",
              "      for await (const message of channel.messages) {\n",
              "        // Send a message to notify the kernel that we're ready.\n",
              "        channel.send({})\n",
              "        if (message.buffers) {\n",
              "          for (const buffer of message.buffers) {\n",
              "            buffers.push(buffer);\n",
              "            downloaded += buffer.byteLength;\n",
              "            progress.value = downloaded;\n",
              "          }\n",
              "        }\n",
              "      }\n",
              "      const blob = new Blob(buffers, {type: 'application/binary'});\n",
              "      const a = document.createElement('a');\n",
              "      a.href = window.URL.createObjectURL(blob);\n",
              "      a.download = filename;\n",
              "      div.appendChild(a);\n",
              "      a.click();\n",
              "      div.remove();\n",
              "    }\n",
              "  "
            ],
            "text/plain": [
              "<IPython.core.display.Javascript object>"
            ]
          },
          "metadata": {}
        },
        {
          "output_type": "display_data",
          "data": {
            "application/javascript": [
              "download(\"download_c563b451-55f4-47e5-9ffa-995456a687d1\", \"digitspan.csv\", 72)"
            ],
            "text/plain": [
              "<IPython.core.display.Javascript object>"
            ]
          },
          "metadata": {}
        }
      ]
    }
  ]
}