commit

jsfiles/js_script.js

@@ -1,6 +1,260 @@
-main()
 
 function main() {
-    // alert("Hello World!")
-    writeln("Hello World!");
+    console.log("Hello World!");
+}
+main()
+var main = function() {
+    console.log("Hello World!2");
+}
+main()
+
+/* ========================================================================== */
+/*                                  if else:                                  */
+/* ========================================================================== */
+
+var a = 5 > 4 ? 'yes' : 'no';
+var b = 10 == '100' ? 'yes': 'no';
+console.log(b, 'aaah', a)
+
+
+main(85)
+main(44)
+main(98)
+
+function main(grade) {
+    if (grade < 60) {
+        console.log('F');
+    } else if (grade < 70) {
+        console.log('D');
+    } else if (grade < 80) {
+        console.log('C');
+    } else if (grade < 90) {
+        console.log('B');
+    } else  console.log('A');
+}
+
+ /* ========================================================================== */
+ /*                                 for loops;                                 */
+ /* ========================================================================== */
+
+for (let i = 0; i < 10; i++ ) {  // for (assign, while, function apply)
+    console.log(i);
+}
+
+for (let i = 100; i >= 0; i-=5 ) {
+    console.log(i);
+}
+
+var data = [3, 7, 2, 9, 1, 11];
+var sum = 0;
+data.forEach(function(d){
+    sum += d;
+    console.log(sum);
+});
+
+var t = "Hello World";
+for (let c of t) {
+    console.log(c);
+}
+
+
+
+var i=0
+console.log('yes', i++<4, i, '\n') // i++ ==> i = i+1
+while (i<5, i++<4) {
+    i += 2
+    console.log(i)
+}
+
+
+var i=0
+var q="a string that cool"
+do{
+    i++
+    console.log(q.charAt(2),  m = q.split(/\s/)) 
+    for (let b = 0; (b<=1) | (b < m.length); b++) {
+        console.log(m[b])
+    }
+}while(i<1)
+
+
+// c to f temperature.
+var main = function() {
+    var fahr;
+    fahr = prompt("Enter the temperature in F: ");
+    const ratio = 5.0/9.0;
+    let cel = (fahr - 32) * ratio;
+    writeln("The temperature in C is: " + cel);
+}
+
+main()
+
+
+
+function removeVowels(s) {
+    const vowels = "aeiouAEIOU";
+    let sWithoutVowels = "";
+    for (let eachChar of s) {
+        // console.log(s, '===', eachChar, '===', vowels.indexOf(eachChar))
+        if (vowels.indexOf(eachChar) === -1) {
+            sWithoutVowels = sWithoutVowels + eachChar
+        }
+    }
+    return sWithoutVowels
+}
+
+console.log(removeVowels("asjdiajisjd1ijinfss"))
+
+
+// array & set.
+
+var s = new String('0');
+console.log(s??false);
+console.log(s);
+
+
+var arr = []
+console.log(arr instanceof Array, Array.isArray(arr))
+
+var set = new Set([1, 2]) 
+console.log(typeof set, typeof Array.from(set))
+console.log(Array.from(set))
+
+/* ========================================================================== */
+/*                                    数组去重:                                */
+/* ========================================================================== */
+var arr = [1, 2, 2, 4, 9, 6, 7, 5, 2, 3, 5, 6, 5]
+// console.log(Array.from(new Set(arr))) 
+console.log(arr, '\n',(new Set(arr))) 
+console.log(Array.from(new Set(arr))) 
+// set() 就可以去重
+
+//2. write a function;
+
+var arr = [1, 2, 2, 4, 9, 6, 7, 5, 2, 3, 5, 6, 5]
+function gunique1(arr){
+    let newArr = [-1]
+    let arrsort= arr.sort()
+    for (let i=0; i<arr.length; i++){
+        if (arrsort[i] > newArr[newArr.length - 1]){
+            newArr.push(arrsort[i])
+            // console.log(arrsort[i], newArr[newArr.length - 1], arrsort[i] > newArr[newArr.length - 1])
+        }
+    }
+    newArr.shift() // removes the first element of an array
+    return console.log(newArr)
+};
+
+gunique1(arr)
+
+//
+var arr = [1, 2, 2, 4, 9, 6, 7, 5, 2, 3, 5, 6, 5]
+function unique(arr) {
+    arr.sort()
+    let newArr = [arr[0]]
+    for (let i = 0; i < arr.length; i++) {
+        let item = arr[i] // item = 0 now.
+        if (newArr[newArr.length - 1] !== item) {
+            newArr.push(item)
+        }
+    }
+    return newArr
+}
+unique(arr)
+
+// flatten array
+var arr = [1, 2, [3, [4, 5]]]
+console.log(arr.flat(Infinity))
+
+
+var arr = [1, 2, [3, [4, 5]]]
+function flat(arr) {
+    let str = JSON.stringify(arr).replace(/[\[|\]]/g, '')
+    str = `[${str}]`
+    return JSON.parse(str)
+}
+console.log(flat(arr))
+
+
+
+/* ========================================================================== */
+/*                            arrow functions in js                           */
+/* ========================================================================== */
+var materials = [
+    'Hydrogen',
+    'Helium',
+    'Lithium',
+    'Beryllium'
+];
+
+console.log(materials.map(material => material.length));
+// expected output: Array [8, 6, 7, 9]
+
+
+(function (a) {
+    return console.log(a + 100);
+})(3)
+
+// (a) => {
+//     return console.log(a + 100);
+// }; //easier version. a => a + 100;
+
+
+var materials = [
+    'Hydrogen',
+    'Helium',
+    'Lithium',
+    'Beryllium'
+];
+var b = ['sda','asda','asd', 'bsdf'] 
+b.map((a,b)=>console.log(a+b+'aaaa')) // arrow function second element is index.
+
+// sort arr
+
+var arr = [2, 7, 0, 6, 1, 4, 8, 3]
+console.log((arr) instanceof Array, typeof arr)
+console.log(arr.sort())
+console.log(arr.sort().reverse())
+
+console.log(arr.sort((a, b) => a - b)) // 递增
+console.log(arr.sort((a, b) => b - a)) // 递减
+
+
+/* ========================================================================== */
+/*                                    class                                   */
+/* ========================================================================== */
+
+function Animal(name, size) {
+    this.name = name
+    this.size = size
+}
+
+Animal.prototype.eat = function (food) {
+    console.log(this.name + "is eating " + food, "and " + this.name +' is getting fatter of ' + this.size)
+}
+
+var ani = new Animal('xiaoyou', '15 kilo') 
+ani.eat('banana')
+// xiaoyouis eating banana and xiaoyou is getting fatter of 15 kilo
+
+class Rectangle {
+    constructor(height, width) {
+        this.height = height;
+        this.width = width;
+    }
+    // Getter
+    get area() {
+        return this.calcArea();
+    }
+    // Method
+    calcArea() {
+      return this.height * this.width;
+    }
+
+    calcVolume(length){
+        return this.height * this.width * length;
+    }
 }
+const square = new Rectangle(10, 10);
+console.log(square.area); // 100
+console.log(square.calcVolume(22)); // 2200

jsfiles/jslearn.html

@@ -1,17 +1,20 @@
 <!DOCTYPE html>
-<script src="https://cdn.jsdelivr.net/npm/vue@2.7.7/dist/vue.js"></script>
+<!-- <script src="https://cdn.jsdelivr.net/npm/vue@2.7.7/dist/vue.js"></script> -->
 <html>
   <body>
     <p>Before the script...</p>
 
     <script>
-      alert("Hello, world!");
-    </script>
+      var main = function() {
+        var fahr;
+        fahr = prompt("Enter the temperature in F: ");
+        const ratio = 5.0/9.0;
+        let cel = (fahr - 32) * ratio;
+        alert("The temperature in C is: " + cel);
+      }
+      main()
 
-    <script src="'js_script.js"></script>
-      <div id="app">
-        <button @click="count++">Count is: {{ count }}</button>
-      </div>
+    </script>
     
     <p>...After the script.</p>
   </body>

jsfiles/jslearn.md

@@ -1,6 +1,49 @@
 ```yaml
 author: Siming Yan
 title: jslearning
+url: https://runestone.academy/ns/books/published/JS4Python/TheBasics/loops.html
 ```
 
 ---
+
+```javascript
+
+
+function main() {
+    console.log("Hello World!");
+}
+main()
+var main = function() {
+    console.log("Hello World!2");
+}
+main()
+let a = 5 > 4 ? 'yes' : 'no';
+let b = 10 == '100' ? 'yes': 'no';
+console.log(a,'haha',b)
+```
+
+```javascript
+main(85)
+main(44)
+main(98)
+
+function main(grade) {
+    if (grade < 60) {
+        console.log('F');
+    } else if (grade < 70) {
+        console.log('D');
+    } else if (grade < 80) {
+        console.log('C');
+    } else if (grade < 90) {
+        console.log('B');
+    } else  console.log('A');
+}
+
+
+```
+
+
+
+
+
+

leetcodemore.ipynb

@@ -2,75 +2,29 @@
  "cells": [
   {
    "cell_type": "code",
-   "execution_count": null,
+   "execution_count": 1,
    "metadata": {},
-   "outputs": [],
+   "outputs": [
+    {
+     "name": "stdout",
+     "output_type": "stream",
+     "text": [
+      "cmpsc\n",
+      "bfjps\n"
+     ]
+    }
+   ],
    "source": [
-    "# from datetime import datetime\n",
-    "# import re\n",
-    "# import smtplib\n",
-    "# from email.mime.multipart import MIMEMultipart \n",
-    "\n",
-    "\n",
-    "# def sendEmailwithFile(account, server,receivers):\n",
-    "#     \"\"\"\n",
-    "#     对每一行pd df_row 的循环. \n",
-    "#     \"\"\"\n",
-    "#     text = '''<p style=\"font-family:等线;font-size:10.5pt\">Dear \n",
-    "#         <mark><b></b></mark> \n",
-    "#                 '''\n",
+    "def removeVowels(s):\n",
+    "    vowels = \"aeiouAEIOU\"\n",
+    "    sWithoutVowels = \"\"\n",
+    "    for eachChar in s:\n",
+    "        if eachChar not in vowels:\n",
+    "            sWithoutVowels = sWithoutVowels + eachChar\n",
+    "    return sWithoutVowels\n",
     "\n",
-    "#     subject = 'RE地产信息采集' \n",
-    "    \n",
-    "#     msg = MIMEMultipart()\n",
-    "#     msg['Subject'] = subject\n",
-    "#     msg['From'] = account\n",
-    "#     receivers = receivers\n",
-    "#     msg['TO'] = receivers\n",
-    "#     msg['Cc'] = ''\n",
-    "#     text = msg.as_string()\n",
-    "#     server.sendmail(account, receivers, text)\n",
-    "#     # print('success')\n",
-    "#     # server.quit()\n",
-    "#     # time.sleep(2)\n",
-    "    \n",
-    "# if __name__ == '__main__':\n",
-    "#     server = smtplib.SMTP(\"smtp.office365.com\", 587)\n",
-    "#     server.starttls()\n",
-    "#     server.login('fyenneyenn@hotmail.com', 'NOmoreuse7-') \n",
-    "#     print('connecting...')\n",
-    "#     sendEmailwithFile('fyenneyenn@hotmail.com', server = server, receivers='fyenne@hotmail.com')\n",
-    "#     server.quit()\n",
-    "import pandas as pd\n",
-    "a = pd.read_clipboard(sep = ',', header = None)\n",
-    "b = pd.read_clipboard(sep = ',', header = None); "
-   ]
-  },
-  {
-   "cell_type": "code",
-   "execution_count": null,
-   "metadata": {},
-   "outputs": [],
-   "source": [
-    "b[0] = b[0].str.strip()"
-   ]
-  },
-  {
-   "cell_type": "code",
-   "execution_count": null,
-   "metadata": {},
-   "outputs": [],
-   "source": [
-    "# pd.read_clipboard(header = None, sep = '\\n')"
-   ]
-  },
-  {
-   "cell_type": "code",
-   "execution_count": null,
-   "metadata": {},
-   "outputs": [],
-   "source": [
-    "'ou_code' in list(a[0])"
+    "print(removeVowels(\"compsci\"))\n",
+    "print(removeVowels(\"aAbEefIijOopUus\"))\n"
    ]
   },
   {
@@ -366,6 +320,62 @@
     "func_(infixexp)"
    ]
   },
+  {
+   "cell_type": "code",
+   "execution_count": 2,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "# a dp pract"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "# Python3 program to find a maximum\n",
+    "# product of a triplet in array\n",
+    "# of integers\n",
+    "import sys\n",
+    "\n",
+    "# Function to find a maximum\n",
+    "# product of a triplet in array\n",
+    "# of integers of size n\n",
+    "def maxProduct(arr, n):\n",
+    "\n",
+    "\t# if size is less than 3,\n",
+    "\t# no triplet exists\n",
+    "\tif n < 3:\n",
+    "\t\treturn -1\n",
+    "\n",
+    "\t# will contain max product\n",
+    "\tmax_product = -(sys.maxsize - 1)\n",
+    "\t\n",
+    "\tfor i in range(0, n - 2):\n",
+    "\t\tfor j in range(i + 1, n - 1):\n",
+    "\t\t\tfor k in range(j + 1, n):\n",
+    "\t\t\t\tmax_product = max(\n",
+    "\t\t\t\t\tmax_product, arr[i]\n",
+    "\t\t\t\t\t* arr[j] * arr[k])\n",
+    "\n",
+    "\treturn max_product\n",
+    "\n",
+    "# Driver Program\n",
+    "arr = [10, 3, 5, 6, 20]\n",
+    "n = len(arr)\n",
+    "\n",
+    "max = maxProduct(arr, n)\n",
+    "\n",
+    "if max == -1:\n",
+    "\tprint(\"No Tripplet Exits\")\n",
+    "else:\n",
+    "\tprint(\"Maximum product is\", max)\n",
+    "\n",
+    "# This code is contributed by Shrikant13\n"
+   ]
+  },
   {
    "cell_type": "code",
    "execution_count": 175,
@@ -432,9 +442,51 @@
   },
   {
    "cell_type": "code",
-   "execution_count": 51,
+   "execution_count": 7,
    "metadata": {},
-   "outputs": [],
+   "outputs": [
+    {
+     "ename": "ConnectTimeout",
+     "evalue": "HTTPConnectionPool(host='quotes.toscrape.com', port=80): Max retries exceeded with url: /author/Albert-Einstein/ (Caused by ConnectTimeoutError(<urllib3.connection.HTTPConnection object at 0x0000022B063F5AC0>, 'Connection to quotes.toscrape.com timed out. (connect timeout=5)'))",
+     "output_type": "error",
+     "traceback": [
+      "\u001b[1;31m---------------------------------------------------------------------------\u001b[0m",
+      "\u001b[1;31mtimeout\u001b[0m                                   Traceback (most recent call last)",
+      "File \u001b[1;32mc:\\Users\\dscshap3808\\Miniconda3\\envs\\siming\\lib\\site-packages\\urllib3\\connection.py:174\u001b[0m, in \u001b[0;36mHTTPConnection._new_conn\u001b[1;34m(self)\u001b[0m\n\u001b[0;32m    173\u001b[0m \u001b[39mtry\u001b[39;00m:\n\u001b[1;32m--> 174\u001b[0m     conn \u001b[39m=\u001b[39m connection\u001b[39m.\u001b[39;49mcreate_connection(\n\u001b[0;32m    175\u001b[0m         (\u001b[39mself\u001b[39;49m\u001b[39m.\u001b[39;49m_dns_host, \u001b[39mself\u001b[39;49m\u001b[39m.\u001b[39;49mport), \u001b[39mself\u001b[39;49m\u001b[39m.\u001b[39;49mtimeout, \u001b[39m*\u001b[39;49m\u001b[39m*\u001b[39;49mextra_kw\n\u001b[0;32m    176\u001b[0m     )\n\u001b[0;32m    178\u001b[0m \u001b[39mexcept\u001b[39;00m SocketTimeout:\n",
+      "File \u001b[1;32mc:\\Users\\dscshap3808\\Miniconda3\\envs\\siming\\lib\\site-packages\\urllib3\\util\\connection.py:96\u001b[0m, in \u001b[0;36mcreate_connection\u001b[1;34m(address, timeout, source_address, socket_options)\u001b[0m\n\u001b[0;32m     95\u001b[0m \u001b[39mif\u001b[39;00m err \u001b[39mis\u001b[39;00m \u001b[39mnot\u001b[39;00m \u001b[39mNone\u001b[39;00m:\n\u001b[1;32m---> 96\u001b[0m     \u001b[39mraise\u001b[39;00m err\n\u001b[0;32m     98\u001b[0m \u001b[39mraise\u001b[39;00m socket\u001b[39m.\u001b[39merror(\u001b[39m\"\u001b[39m\u001b[39mgetaddrinfo returns an empty list\u001b[39m\u001b[39m\"\u001b[39m)\n",
+      "File \u001b[1;32mc:\\Users\\dscshap3808\\Miniconda3\\envs\\siming\\lib\\site-packages\\urllib3\\util\\connection.py:86\u001b[0m, in \u001b[0;36mcreate_connection\u001b[1;34m(address, timeout, source_address, socket_options)\u001b[0m\n\u001b[0;32m     85\u001b[0m     sock\u001b[39m.\u001b[39mbind(source_address)\n\u001b[1;32m---> 86\u001b[0m sock\u001b[39m.\u001b[39;49mconnect(sa)\n\u001b[0;32m     87\u001b[0m \u001b[39mreturn\u001b[39;00m sock\n",
+      "\u001b[1;31mtimeout\u001b[0m: timed out",
+      "\nDuring handling of the above exception, another exception occurred:\n",
+      "\u001b[1;31mConnectTimeoutError\u001b[0m                       Traceback (most recent call last)",
+      "File \u001b[1;32mc:\\Users\\dscshap3808\\Miniconda3\\envs\\siming\\lib\\site-packages\\urllib3\\connectionpool.py:699\u001b[0m, in \u001b[0;36mHTTPConnectionPool.urlopen\u001b[1;34m(self, method, url, body, headers, retries, redirect, assert_same_host, timeout, pool_timeout, release_conn, chunked, body_pos, **response_kw)\u001b[0m\n\u001b[0;32m    698\u001b[0m \u001b[39m# Make the request on the httplib connection object.\u001b[39;00m\n\u001b[1;32m--> 699\u001b[0m httplib_response \u001b[39m=\u001b[39m \u001b[39mself\u001b[39;49m\u001b[39m.\u001b[39;49m_make_request(\n\u001b[0;32m    700\u001b[0m     conn,\n\u001b[0;32m    701\u001b[0m     method,\n\u001b[0;32m    702\u001b[0m     url,\n\u001b[0;32m    703\u001b[0m     timeout\u001b[39m=\u001b[39;49mtimeout_obj,\n\u001b[0;32m    704\u001b[0m     body\u001b[39m=\u001b[39;49mbody,\n\u001b[0;32m    705\u001b[0m     headers\u001b[39m=\u001b[39;49mheaders,\n\u001b[0;32m    706\u001b[0m     chunked\u001b[39m=\u001b[39;49mchunked,\n\u001b[0;32m    707\u001b[0m )\n\u001b[0;32m    709\u001b[0m \u001b[39m# If we're going to release the connection in ``finally:``, then\u001b[39;00m\n\u001b[0;32m    710\u001b[0m \u001b[39m# the response doesn't need to know about the connection. Otherwise\u001b[39;00m\n\u001b[0;32m    711\u001b[0m \u001b[39m# it will also try to release it and we'll have a double-release\u001b[39;00m\n\u001b[0;32m    712\u001b[0m \u001b[39m# mess.\u001b[39;00m\n",
+      "File \u001b[1;32mc:\\Users\\dscshap3808\\Miniconda3\\envs\\siming\\lib\\site-packages\\urllib3\\connectionpool.py:394\u001b[0m, in \u001b[0;36mHTTPConnectionPool._make_request\u001b[1;34m(self, conn, method, url, timeout, chunked, **httplib_request_kw)\u001b[0m\n\u001b[0;32m    393\u001b[0m     \u001b[39melse\u001b[39;00m:\n\u001b[1;32m--> 394\u001b[0m         conn\u001b[39m.\u001b[39;49mrequest(method, url, \u001b[39m*\u001b[39;49m\u001b[39m*\u001b[39;49mhttplib_request_kw)\n\u001b[0;32m    396\u001b[0m \u001b[39m# We are swallowing BrokenPipeError (errno.EPIPE) since the server is\u001b[39;00m\n\u001b[0;32m    397\u001b[0m \u001b[39m# legitimately able to close the connection after sending a valid response.\u001b[39;00m\n\u001b[0;32m    398\u001b[0m \u001b[39m# With this behaviour, the received response is still readable.\u001b[39;00m\n",
+      "File \u001b[1;32mc:\\Users\\dscshap3808\\Miniconda3\\envs\\siming\\lib\\site-packages\\urllib3\\connection.py:239\u001b[0m, in \u001b[0;36mHTTPConnection.request\u001b[1;34m(self, method, url, body, headers)\u001b[0m\n\u001b[0;32m    238\u001b[0m     headers[\u001b[39m\"\u001b[39m\u001b[39mUser-Agent\u001b[39m\u001b[39m\"\u001b[39m] \u001b[39m=\u001b[39m _get_default_user_agent()\n\u001b[1;32m--> 239\u001b[0m \u001b[39msuper\u001b[39;49m(HTTPConnection, \u001b[39mself\u001b[39;49m)\u001b[39m.\u001b[39;49mrequest(method, url, body\u001b[39m=\u001b[39;49mbody, headers\u001b[39m=\u001b[39;49mheaders)\n",
+      "File \u001b[1;32mc:\\Users\\dscshap3808\\Miniconda3\\envs\\siming\\lib\\http\\client.py:1255\u001b[0m, in \u001b[0;36mHTTPConnection.request\u001b[1;34m(self, method, url, body, headers, encode_chunked)\u001b[0m\n\u001b[0;32m   1254\u001b[0m \u001b[39m\"\"\"Send a complete request to the server.\"\"\"\u001b[39;00m\n\u001b[1;32m-> 1255\u001b[0m \u001b[39mself\u001b[39;49m\u001b[39m.\u001b[39;49m_send_request(method, url, body, headers, encode_chunked)\n",
+      "File \u001b[1;32mc:\\Users\\dscshap3808\\Miniconda3\\envs\\siming\\lib\\http\\client.py:1301\u001b[0m, in \u001b[0;36mHTTPConnection._send_request\u001b[1;34m(self, method, url, body, headers, encode_chunked)\u001b[0m\n\u001b[0;32m   1300\u001b[0m     body \u001b[39m=\u001b[39m _encode(body, \u001b[39m'\u001b[39m\u001b[39mbody\u001b[39m\u001b[39m'\u001b[39m)\n\u001b[1;32m-> 1301\u001b[0m \u001b[39mself\u001b[39;49m\u001b[39m.\u001b[39;49mendheaders(body, encode_chunked\u001b[39m=\u001b[39;49mencode_chunked)\n",
+      "File \u001b[1;32mc:\\Users\\dscshap3808\\Miniconda3\\envs\\siming\\lib\\http\\client.py:1250\u001b[0m, in \u001b[0;36mHTTPConnection.endheaders\u001b[1;34m(self, message_body, encode_chunked)\u001b[0m\n\u001b[0;32m   1249\u001b[0m     \u001b[39mraise\u001b[39;00m CannotSendHeader()\n\u001b[1;32m-> 1250\u001b[0m \u001b[39mself\u001b[39;49m\u001b[39m.\u001b[39;49m_send_output(message_body, encode_chunked\u001b[39m=\u001b[39;49mencode_chunked)\n",
+      "File \u001b[1;32mc:\\Users\\dscshap3808\\Miniconda3\\envs\\siming\\lib\\http\\client.py:1010\u001b[0m, in \u001b[0;36mHTTPConnection._send_output\u001b[1;34m(self, message_body, encode_chunked)\u001b[0m\n\u001b[0;32m   1009\u001b[0m \u001b[39mdel\u001b[39;00m \u001b[39mself\u001b[39m\u001b[39m.\u001b[39m_buffer[:]\n\u001b[1;32m-> 1010\u001b[0m \u001b[39mself\u001b[39;49m\u001b[39m.\u001b[39;49msend(msg)\n\u001b[0;32m   1012\u001b[0m \u001b[39mif\u001b[39;00m message_body \u001b[39mis\u001b[39;00m \u001b[39mnot\u001b[39;00m \u001b[39mNone\u001b[39;00m:\n\u001b[0;32m   1013\u001b[0m \n\u001b[0;32m   1014\u001b[0m     \u001b[39m# create a consistent interface to message_body\u001b[39;00m\n",
+      "File \u001b[1;32mc:\\Users\\dscshap3808\\Miniconda3\\envs\\siming\\lib\\http\\client.py:950\u001b[0m, in \u001b[0;36mHTTPConnection.send\u001b[1;34m(self, data)\u001b[0m\n\u001b[0;32m    949\u001b[0m \u001b[39mif\u001b[39;00m \u001b[39mself\u001b[39m\u001b[39m.\u001b[39mauto_open:\n\u001b[1;32m--> 950\u001b[0m     \u001b[39mself\u001b[39;49m\u001b[39m.\u001b[39;49mconnect()\n\u001b[0;32m    951\u001b[0m \u001b[39melse\u001b[39;00m:\n",
+      "File \u001b[1;32mc:\\Users\\dscshap3808\\Miniconda3\\envs\\siming\\lib\\site-packages\\urllib3\\connection.py:205\u001b[0m, in \u001b[0;36mHTTPConnection.connect\u001b[1;34m(self)\u001b[0m\n\u001b[0;32m    204\u001b[0m \u001b[39mdef\u001b[39;00m \u001b[39mconnect\u001b[39m(\u001b[39mself\u001b[39m):\n\u001b[1;32m--> 205\u001b[0m     conn \u001b[39m=\u001b[39m \u001b[39mself\u001b[39;49m\u001b[39m.\u001b[39;49m_new_conn()\n\u001b[0;32m    206\u001b[0m     \u001b[39mself\u001b[39m\u001b[39m.\u001b[39m_prepare_conn(conn)\n",
+      "File \u001b[1;32mc:\\Users\\dscshap3808\\Miniconda3\\envs\\siming\\lib\\site-packages\\urllib3\\connection.py:179\u001b[0m, in \u001b[0;36mHTTPConnection._new_conn\u001b[1;34m(self)\u001b[0m\n\u001b[0;32m    178\u001b[0m \u001b[39mexcept\u001b[39;00m SocketTimeout:\n\u001b[1;32m--> 179\u001b[0m     \u001b[39mraise\u001b[39;00m ConnectTimeoutError(\n\u001b[0;32m    180\u001b[0m         \u001b[39mself\u001b[39m,\n\u001b[0;32m    181\u001b[0m         \u001b[39m\"\u001b[39m\u001b[39mConnection to \u001b[39m\u001b[39m%s\u001b[39;00m\u001b[39m timed out. (connect timeout=\u001b[39m\u001b[39m%s\u001b[39;00m\u001b[39m)\u001b[39m\u001b[39m\"\u001b[39m\n\u001b[0;32m    182\u001b[0m         \u001b[39m%\u001b[39m (\u001b[39mself\u001b[39m\u001b[39m.\u001b[39mhost, \u001b[39mself\u001b[39m\u001b[39m.\u001b[39mtimeout),\n\u001b[0;32m    183\u001b[0m     )\n\u001b[0;32m    185\u001b[0m \u001b[39mexcept\u001b[39;00m SocketError \u001b[39mas\u001b[39;00m e:\n",
+      "\u001b[1;31mConnectTimeoutError\u001b[0m: (<urllib3.connection.HTTPConnection object at 0x0000022B063F5AC0>, 'Connection to quotes.toscrape.com timed out. (connect timeout=5)')",
+      "\nDuring handling of the above exception, another exception occurred:\n",
+      "\u001b[1;31mMaxRetryError\u001b[0m                             Traceback (most recent call last)",
+      "File \u001b[1;32mc:\\Users\\dscshap3808\\Miniconda3\\envs\\siming\\lib\\site-packages\\requests\\adapters.py:439\u001b[0m, in \u001b[0;36mHTTPAdapter.send\u001b[1;34m(self, request, stream, timeout, verify, cert, proxies)\u001b[0m\n\u001b[0;32m    438\u001b[0m \u001b[39mif\u001b[39;00m \u001b[39mnot\u001b[39;00m chunked:\n\u001b[1;32m--> 439\u001b[0m     resp \u001b[39m=\u001b[39m conn\u001b[39m.\u001b[39;49murlopen(\n\u001b[0;32m    440\u001b[0m         method\u001b[39m=\u001b[39;49mrequest\u001b[39m.\u001b[39;49mmethod,\n\u001b[0;32m    441\u001b[0m         url\u001b[39m=\u001b[39;49murl,\n\u001b[0;32m    442\u001b[0m         body\u001b[39m=\u001b[39;49mrequest\u001b[39m.\u001b[39;49mbody,\n\u001b[0;32m    443\u001b[0m         headers\u001b[39m=\u001b[39;49mrequest\u001b[39m.\u001b[39;49mheaders,\n\u001b[0;32m    444\u001b[0m         redirect\u001b[39m=\u001b[39;49m\u001b[39mFalse\u001b[39;49;00m,\n\u001b[0;32m    445\u001b[0m         assert_same_host\u001b[39m=\u001b[39;49m\u001b[39mFalse\u001b[39;49;00m,\n\u001b[0;32m    446\u001b[0m         preload_content\u001b[39m=\u001b[39;49m\u001b[39mFalse\u001b[39;49;00m,\n\u001b[0;32m    447\u001b[0m         decode_content\u001b[39m=\u001b[39;49m\u001b[39mFalse\u001b[39;49;00m,\n\u001b[0;32m    448\u001b[0m         retries\u001b[39m=\u001b[39;49m\u001b[39mself\u001b[39;49m\u001b[39m.\u001b[39;49mmax_retries,\n\u001b[0;32m    449\u001b[0m         timeout\u001b[39m=\u001b[39;49mtimeout\n\u001b[0;32m    450\u001b[0m     )\n\u001b[0;32m    452\u001b[0m \u001b[39m# Send the request.\u001b[39;00m\n\u001b[0;32m    453\u001b[0m \u001b[39melse\u001b[39;00m:\n",
+      "File \u001b[1;32mc:\\Users\\dscshap3808\\Miniconda3\\envs\\siming\\lib\\site-packages\\urllib3\\connectionpool.py:755\u001b[0m, in \u001b[0;36mHTTPConnectionPool.urlopen\u001b[1;34m(self, method, url, body, headers, retries, redirect, assert_same_host, timeout, pool_timeout, release_conn, chunked, body_pos, **response_kw)\u001b[0m\n\u001b[0;32m    753\u001b[0m     e \u001b[39m=\u001b[39m ProtocolError(\u001b[39m\"\u001b[39m\u001b[39mConnection aborted.\u001b[39m\u001b[39m\"\u001b[39m, e)\n\u001b[1;32m--> 755\u001b[0m retries \u001b[39m=\u001b[39m retries\u001b[39m.\u001b[39;49mincrement(\n\u001b[0;32m    756\u001b[0m     method, url, error\u001b[39m=\u001b[39;49me, _pool\u001b[39m=\u001b[39;49m\u001b[39mself\u001b[39;49m, _stacktrace\u001b[39m=\u001b[39;49msys\u001b[39m.\u001b[39;49mexc_info()[\u001b[39m2\u001b[39;49m]\n\u001b[0;32m    757\u001b[0m )\n\u001b[0;32m    758\u001b[0m retries\u001b[39m.\u001b[39msleep()\n",
+      "File \u001b[1;32mc:\\Users\\dscshap3808\\Miniconda3\\envs\\siming\\lib\\site-packages\\urllib3\\util\\retry.py:574\u001b[0m, in \u001b[0;36mRetry.increment\u001b[1;34m(self, method, url, response, error, _pool, _stacktrace)\u001b[0m\n\u001b[0;32m    573\u001b[0m \u001b[39mif\u001b[39;00m new_retry\u001b[39m.\u001b[39mis_exhausted():\n\u001b[1;32m--> 574\u001b[0m     \u001b[39mraise\u001b[39;00m MaxRetryError(_pool, url, error \u001b[39mor\u001b[39;00m ResponseError(cause))\n\u001b[0;32m    576\u001b[0m log\u001b[39m.\u001b[39mdebug(\u001b[39m\"\u001b[39m\u001b[39mIncremented Retry for (url=\u001b[39m\u001b[39m'\u001b[39m\u001b[39m%s\u001b[39;00m\u001b[39m'\u001b[39m\u001b[39m): \u001b[39m\u001b[39m%r\u001b[39;00m\u001b[39m\"\u001b[39m, url, new_retry)\n",
+      "\u001b[1;31mMaxRetryError\u001b[0m: HTTPConnectionPool(host='quotes.toscrape.com', port=80): Max retries exceeded with url: /author/Albert-Einstein/ (Caused by ConnectTimeoutError(<urllib3.connection.HTTPConnection object at 0x0000022B063F5AC0>, 'Connection to quotes.toscrape.com timed out. (connect timeout=5)'))",
+      "\nDuring handling of the above exception, another exception occurred:\n",
+      "\u001b[1;31mConnectTimeout\u001b[0m                            Traceback (most recent call last)",
+      "\u001b[1;32mc:\\Users\\dscshap3808\\Documents\\my_scripts_new\\stlit\\leetcodemore.ipynb Cell 17\u001b[0m in \u001b[0;36m<cell line: 5>\u001b[1;34m()\u001b[0m\n\u001b[0;32m      <a href='vscode-notebook-cell:/c%3A/Users/dscshap3808/Documents/my_scripts_new/stlit/leetcodemore.ipynb#ch0000019?line=2'>3</a>\u001b[0m \u001b[39m# fetch the page to train\u001b[39;00m\n\u001b[0;32m      <a href='vscode-notebook-cell:/c%3A/Users/dscshap3808/Documents/my_scripts_new/stlit/leetcodemore.ipynb#ch0000019?line=3'>4</a>\u001b[0m einstein_url \u001b[39m=\u001b[39m \u001b[39m'\u001b[39m\u001b[39mhttp://quotes.toscrape.com/author/Albert-Einstein/\u001b[39m\u001b[39m'\u001b[39m\n\u001b[1;32m----> <a href='vscode-notebook-cell:/c%3A/Users/dscshap3808/Documents/my_scripts_new/stlit/leetcodemore.ipynb#ch0000019?line=4'>5</a>\u001b[0m resp \u001b[39m=\u001b[39m requests\u001b[39m.\u001b[39;49mget(einstein_url, timeout \u001b[39m=\u001b[39;49m \u001b[39m5\u001b[39;49m)\n\u001b[0;32m      <a href='vscode-notebook-cell:/c%3A/Users/dscshap3808/Documents/my_scripts_new/stlit/leetcodemore.ipynb#ch0000019?line=5'>6</a>\u001b[0m \u001b[39m# resp\u001b[39;00m\n\u001b[0;32m      <a href='vscode-notebook-cell:/c%3A/Users/dscshap3808/Documents/my_scripts_new/stlit/leetcodemore.ipynb#ch0000019?line=6'>7</a>\u001b[0m \u001b[39massert\u001b[39;00m resp\u001b[39m.\u001b[39mstatus_code \u001b[39m==\u001b[39m \u001b[39m200\u001b[39m\n",
+      "File \u001b[1;32mc:\\Users\\dscshap3808\\Miniconda3\\envs\\siming\\lib\\site-packages\\requests\\api.py:75\u001b[0m, in \u001b[0;36mget\u001b[1;34m(url, params, **kwargs)\u001b[0m\n\u001b[0;32m     64\u001b[0m \u001b[39mdef\u001b[39;00m \u001b[39mget\u001b[39m(url, params\u001b[39m=\u001b[39m\u001b[39mNone\u001b[39;00m, \u001b[39m*\u001b[39m\u001b[39m*\u001b[39mkwargs):\n\u001b[0;32m     65\u001b[0m     \u001b[39mr\u001b[39m\u001b[39m\"\"\"Sends a GET request.\u001b[39;00m\n\u001b[0;32m     66\u001b[0m \n\u001b[0;32m     67\u001b[0m \u001b[39m    :param url: URL for the new :class:`Request` object.\u001b[39;00m\n\u001b[1;32m   (...)\u001b[0m\n\u001b[0;32m     72\u001b[0m \u001b[39m    :rtype: requests.Response\u001b[39;00m\n\u001b[0;32m     73\u001b[0m \u001b[39m    \"\"\"\u001b[39;00m\n\u001b[1;32m---> 75\u001b[0m     \u001b[39mreturn\u001b[39;00m request(\u001b[39m'\u001b[39;49m\u001b[39mget\u001b[39;49m\u001b[39m'\u001b[39;49m, url, params\u001b[39m=\u001b[39;49mparams, \u001b[39m*\u001b[39;49m\u001b[39m*\u001b[39;49mkwargs)\n",
+      "File \u001b[1;32mc:\\Users\\dscshap3808\\Miniconda3\\envs\\siming\\lib\\site-packages\\requests\\api.py:61\u001b[0m, in \u001b[0;36mrequest\u001b[1;34m(method, url, **kwargs)\u001b[0m\n\u001b[0;32m     57\u001b[0m \u001b[39m# By using the 'with' statement we are sure the session is closed, thus we\u001b[39;00m\n\u001b[0;32m     58\u001b[0m \u001b[39m# avoid leaving sockets open which can trigger a ResourceWarning in some\u001b[39;00m\n\u001b[0;32m     59\u001b[0m \u001b[39m# cases, and look like a memory leak in others.\u001b[39;00m\n\u001b[0;32m     60\u001b[0m \u001b[39mwith\u001b[39;00m sessions\u001b[39m.\u001b[39mSession() \u001b[39mas\u001b[39;00m session:\n\u001b[1;32m---> 61\u001b[0m     \u001b[39mreturn\u001b[39;00m session\u001b[39m.\u001b[39;49mrequest(method\u001b[39m=\u001b[39;49mmethod, url\u001b[39m=\u001b[39;49murl, \u001b[39m*\u001b[39;49m\u001b[39m*\u001b[39;49mkwargs)\n",
+      "File \u001b[1;32mc:\\Users\\dscshap3808\\Miniconda3\\envs\\siming\\lib\\site-packages\\requests\\sessions.py:542\u001b[0m, in \u001b[0;36mSession.request\u001b[1;34m(self, method, url, params, data, headers, cookies, files, auth, timeout, allow_redirects, proxies, hooks, stream, verify, cert, json)\u001b[0m\n\u001b[0;32m    537\u001b[0m send_kwargs \u001b[39m=\u001b[39m {\n\u001b[0;32m    538\u001b[0m     \u001b[39m'\u001b[39m\u001b[39mtimeout\u001b[39m\u001b[39m'\u001b[39m: timeout,\n\u001b[0;32m    539\u001b[0m     \u001b[39m'\u001b[39m\u001b[39mallow_redirects\u001b[39m\u001b[39m'\u001b[39m: allow_redirects,\n\u001b[0;32m    540\u001b[0m }\n\u001b[0;32m    541\u001b[0m send_kwargs\u001b[39m.\u001b[39mupdate(settings)\n\u001b[1;32m--> 542\u001b[0m resp \u001b[39m=\u001b[39m \u001b[39mself\u001b[39;49m\u001b[39m.\u001b[39;49msend(prep, \u001b[39m*\u001b[39;49m\u001b[39m*\u001b[39;49msend_kwargs)\n\u001b[0;32m    544\u001b[0m \u001b[39mreturn\u001b[39;00m resp\n",
+      "File \u001b[1;32mc:\\Users\\dscshap3808\\Miniconda3\\envs\\siming\\lib\\site-packages\\requests\\sessions.py:655\u001b[0m, in \u001b[0;36mSession.send\u001b[1;34m(self, request, **kwargs)\u001b[0m\n\u001b[0;32m    652\u001b[0m start \u001b[39m=\u001b[39m preferred_clock()\n\u001b[0;32m    654\u001b[0m \u001b[39m# Send the request\u001b[39;00m\n\u001b[1;32m--> 655\u001b[0m r \u001b[39m=\u001b[39m adapter\u001b[39m.\u001b[39;49msend(request, \u001b[39m*\u001b[39;49m\u001b[39m*\u001b[39;49mkwargs)\n\u001b[0;32m    657\u001b[0m \u001b[39m# Total elapsed time of the request (approximately)\u001b[39;00m\n\u001b[0;32m    658\u001b[0m elapsed \u001b[39m=\u001b[39m preferred_clock() \u001b[39m-\u001b[39m start\n",
+      "File \u001b[1;32mc:\\Users\\dscshap3808\\Miniconda3\\envs\\siming\\lib\\site-packages\\requests\\adapters.py:504\u001b[0m, in \u001b[0;36mHTTPAdapter.send\u001b[1;34m(self, request, stream, timeout, verify, cert, proxies)\u001b[0m\n\u001b[0;32m    501\u001b[0m \u001b[39mif\u001b[39;00m \u001b[39misinstance\u001b[39m(e\u001b[39m.\u001b[39mreason, ConnectTimeoutError):\n\u001b[0;32m    502\u001b[0m     \u001b[39m# TODO: Remove this in 3.0.0: see #2811\u001b[39;00m\n\u001b[0;32m    503\u001b[0m     \u001b[39mif\u001b[39;00m \u001b[39mnot\u001b[39;00m \u001b[39misinstance\u001b[39m(e\u001b[39m.\u001b[39mreason, NewConnectionError):\n\u001b[1;32m--> 504\u001b[0m         \u001b[39mraise\u001b[39;00m ConnectTimeout(e, request\u001b[39m=\u001b[39mrequest)\n\u001b[0;32m    506\u001b[0m \u001b[39mif\u001b[39;00m \u001b[39misinstance\u001b[39m(e\u001b[39m.\u001b[39mreason, ResponseError):\n\u001b[0;32m    507\u001b[0m     \u001b[39mraise\u001b[39;00m RetryError(e, request\u001b[39m=\u001b[39mrequest)\n",
+      "\u001b[1;31mConnectTimeout\u001b[0m: HTTPConnectionPool(host='quotes.toscrape.com', port=80): Max retries exceeded with url: /author/Albert-Einstein/ (Caused by ConnectTimeoutError(<urllib3.connection.HTTPConnection object at 0x0000022B063F5AC0>, 'Connection to quotes.toscrape.com timed out. (connect timeout=5)'))"
+     ]
+    }
+   ],
    "source": [
     "import requests  \n",
     "from bs4 import BeautifulSoup\n",
@@ -447,7 +499,7 @@
   },
   {
    "cell_type": "code",
-   "execution_count": 54,
+   "execution_count": null,
    "metadata": {},
    "outputs": [],
    "source": [
@@ -572,6 +624,17 @@
     "\n",
     "# # fig.show()"
    ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {
+    "vscode": {
+     "languageId": "javascript"
+    }
+   },
+   "outputs": [],
+   "source": []
   }
  ],
  "metadata": {

notebook_for_knit.ipynb

@@ -0,0 +1,307 @@
+{
+ "cells": [
+  {
+   "cell_type": "code",
+   "execution_count": 123,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "import pandas as pd\n",
+    "import plotly.express as px\n",
+    "import plotly.graph_objects as go\n",
+    "import io\n",
+    "import requests\n",
+    "import json\n",
+    "from bs4 import BeautifulSoup\n",
+    "import numpy as np\n",
+    "df = pd.read_json('./dataup/world_countries.json')\n",
+    "df = pd.json_normalize(df['features'])\n",
+    "proxy_dict = {\"http\": \"http://23.210.15.233:8080\"} \n",
+    "proxy_dicts = {\"https\": \"http://23.210.15.233:8080\"} \n"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 2,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "# s = requests.get(\"https://github.com/plotly/datasets/blob/master/earthquakes-23k.csv\", proxies=proxy_dict)\n",
+    "# df = pd.read_csv(io.StringIO(s))\n"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 124,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "t = requests.get(\"https://runestone.academy/ns/books/published/JS4Python/TheBasics/datatypes.html\", proxies=proxy_dicts, timeout=2)\n",
+    "tt = BeautifulSoup(t.content)"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 144,
+   "metadata": {},
+   "outputs": [
+    {
+     "data": {
+      "text/plain": [
+       "0         Python\n",
+       "1     JavaScript\n",
+       "2    Description\n",
+       "dtype: object"
+      ]
+     },
+     "execution_count": 144,
+     "metadata": {},
+     "output_type": "execute_result"
+    }
+   ],
+   "source": [
+    "tbtt_out = pd.DataFrame()\n",
+    "tbtt = tt.find_all('tr')\n",
+    "for i in tbtt:\n",
+    "    pd.Series(\n",
+    "        np.array(i.text.strip().split('\\n'))\n",
+    "        ).to_frame().T\n",
+    "    break\n",
+    "a"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 121,
+   "metadata": {},
+   "outputs": [
+    {
+     "data": {
+      "text/html": [
+       "<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",
+       "    </tr>\n",
+       "  </thead>\n",
+       "  <tbody>\n",
+       "  </tbody>\n",
+       "</table>\n",
+       "</div>"
+      ],
+      "text/plain": [
+       "Empty DataFrame\n",
+       "Columns: []\n",
+       "Index: []"
+      ]
+     },
+     "execution_count": 121,
+     "metadata": {},
+     "output_type": "execute_result"
+    }
+   ],
+   "source": []
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 10,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "einstein_url = 'http://quotes.toscrape.com/author/Albert-Einstein/'\n",
+    "e = requests.get(einstein_url, proxies=proxy_dict, timeout = 3)\n"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 34,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "soup = BeautifulSoup(e.content, 'lxml')"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 48,
+   "metadata": {},
+   "outputs": [
+    {
+     "data": {
+      "text/plain": [
+       "('text-decoration: none', 'Quotes to Scrape')"
+      ]
+     },
+     "execution_count": 48,
+     "metadata": {},
+     "output_type": "execute_result"
+    }
+   ],
+   "source": [
+    "soup.a['style'], soup.a.text"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 49,
+   "metadata": {},
+   "outputs": [
+    {
+     "data": {
+      "text/plain": [
+       "<h3 class=\"author-title\">Albert Einstein\n",
+       "    </h3>"
+      ]
+     },
+     "execution_count": 49,
+     "metadata": {},
+     "output_type": "execute_result"
+    }
+   ],
+   "source": [
+    "soup.h3"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 78,
+   "metadata": {},
+   "outputs": [
+    {
+     "data": {
+      "text/plain": [
+       "[<h3 class=\"author-title\">Albert Einstein\n",
+       "     </h3>]"
+      ]
+     },
+     "execution_count": 78,
+     "metadata": {},
+     "output_type": "execute_result"
+    }
+   ],
+   "source": [
+    "soup.find_all(\"h3\", {\"class\": \"author-title\"})"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 79,
+   "metadata": {},
+   "outputs": [
+    {
+     "data": {
+      "text/plain": [
+       "(<h3 class=\"author-title\">Albert Einstein\n",
+       "     </h3>,\n",
+       " [<h3 class=\"author-title\">Albert Einstein\n",
+       "      </h3>],\n",
+       " [<h3 class=\"author-title\">Albert Einstein\n",
+       "      </h3>])"
+      ]
+     },
+     "execution_count": 79,
+     "metadata": {},
+     "output_type": "execute_result"
+    }
+   ],
+   "source": [
+    "soup.select_one('.author-title'), soup.select('[class^=author-ti]'), soup.select('[class*=titl]')"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "---"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "fig = px.choropleth_mapbox(df, geojson=df, locations='fips', color='unemp',\\\n",
+    "    color_continuous_scale=\"Viridis\",\n",
+    "    range_color=(0, 12),\n",
+    "    mapbox_style=\"carto-positron\",\n",
+    "    zoom=3, \n",
+    "    center = {\"lat\": 37.0902, \"lon\": -95.7129},\n",
+    "    opacity=0.5,\n",
+    "    labels={'unemp':'unemployment rate'}\n",
+    "    )\n",
+    "fig.update_layout(margin={\"r\":0,\"t\":0,\"l\":0,\"b\":0})\n",
+    "fig.show()"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 8,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "fig = go.Figure(go.Scattermapbox(\n",
+    "    mode = \"markers+lines\",\n",
+    "    lon = [10, 20, 30],\n",
+    "    lat = [10, 20,30],\n",
+    "    marker = {'size': 10}))\n",
+    "\n",
+    "fig.add_trace(go.Scattermapbox(\n",
+    "    mode = \"markers+lines\",\n",
+    "    lon = [-50, -60,40],\n",
+    "    lat = [30, 10, -20],\n",
+    "    marker = {'size': 10}))\n",
+    "\n",
+    "fig.update_layout(\n",
+    "    margin ={'l':0,'t':0,'b':0,'r':0},\n",
+    "    mapbox = {\n",
+    "        'style': \"carto-positron\",# \"stamen-terrain\",\n",
+    "        'center': {'lon': -20, 'lat': -20},\n",
+    "        'zoom': 2})\n",
+    "\n",
+    "# fig.show()"
+   ]
+  }
+ ],
+ "metadata": {
+  "kernelspec": {
+   "display_name": "Python 3.8.8 ('siming')",
+   "language": "python",
+   "name": "python3"
+  },
+  "language_info": {
+   "codemirror_mode": {
+    "name": "ipython",
+    "version": 3
+   },
+   "file_extension": ".py",
+   "mimetype": "text/x-python",
+   "name": "python",
+   "nbconvert_exporter": "python",
+   "pygments_lexer": "ipython3",
+   "version": "3.8.8"
+  },
+  "orig_nbformat": 4,
+  "vscode": {
+   "interpreter": {
+    "hash": "2537094cdaaf8cbca77398104c426db43a9f1c17b808f90867ef58a7e69b756d"
+   }
+  }
+ },
+ "nbformat": 4,
+ "nbformat_minor": 2
+}