Skip to content

Instantly share code, notes, and snippets.

View BindiChen's full-sized avatar

Bindi Chen BindiChen

227 followers · 5 following
View GitHub Profile
@BindiChen
BindiChen / covid_19_clean_complete_06_Apr_2020.csv
Created April 11, 2020 23:33
List of clean complete data for Altair data visualisation
We can't make this file beautiful and searchable because it's too large.
,Date,Country/Region,Confirmed,Deaths,Recovered,Active,New cases,New deaths,New recovered
0,2020-01-22,Afghanistan,0,0,0,0,0,0,0
1,2020-01-22,Albania,0,0,0,0,0,0,0
2,2020-01-22,Algeria,0,0,0,0,0,0,0
3,2020-01-22,Andorra,0,0,0,0,0,0,0
4,2020-01-22,Angola,0,0,0,0,0,0,0
5,2020-01-22,Antigua and Barbuda,0,0,0,0,0,0,0
6,2020-01-22,Argentina,0,0,0,0,0,0,0
7,2020-01-22,Armenia,0,0,0,0,0,0,0
8,2020-01-22,Australia,0,0,0,0,0,0,0
@BindiChen
BindiChen / altair-data-visualization.py
Last active July 25, 2020 19:23
Interactive Data Visualization for exploring Coronavirus Spreads
import pandas as pd
import altair as alt
# Load data
full_clean_data = pd.read_csv('covid_19_clean_complete.csv', parse_dates=['Date'])
# Select a list of countries
countries = ['US', 'Italy', 'China', 'Spain', 'France', 'Iran', 'United Kingdom', 'Switzerland']
selected_data = full_clean_data[full_clean_data['Country/Region'].isin(countries)]
@BindiChen
BindiChen / cat-kernel-python.sh
Last active March 22, 2020 22:49
display kernel in Jupyter Notebook
⇒ cd /Users/admin/Library/Jupyter/kernels/nlp
admin@MAC:~/Library/Jupyter/kernels/nlp|
⇒ ls
kernel.json logo-32x32.png logo-64x64.png
admin@MAC:~/Library/Jupyter/kernels/nlp|
⇒ cat kernel.json
{
"argv": [
"/Users/admin/Code/WorkSpace/python-venv/npl/bin/python",
"-m",
@BindiChen
BindiChen / altair-interactive-selection-chart.py
Last active May 1, 2020 15:40
An interactive Data Visualization chart using Altair
import altair as alt
from vega_datasets import data
cars = data.cars()
brush = alt.selection_interval()
points = alt.Chart(cars).mark_point().encode(
x='Horsepower:Q',
y='Miles_per_Gallon:Q',
@BindiChen
BindiChen / recognising_face.py
Last active March 8, 2020 19:16
Recognising Face using the "face_recognition" library
import face_recognition
# Number of known persons
n = 2
# Create a list of all known face encodings
known_face_encodings = []
for num in range(1, n + 1):
image_file = f"known_person_{num}.jpg"
# Load each known image
@BindiChen
BindiChen / css-style-radio-button.html
Created March 6, 2020 23:36
Style Radio button using Only CSS
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Pure CSS Styled Radio button</title>
<style>
body {
background-color: #1fc8db;
background-image: linear-gradient(141deg, #9fb8ad 0%, #1fc8db 51%, #2cb5e8 75%);
@BindiChen
BindiChen / EADDRINUSE.sh
Last active March 5, 2020 11:01
listen EADDRINUSE: address already in use
⇒ npm start
> react-app-es6-jest@0.0.1 start /Users/admin/Code/WorkSpace/react-app-es6-jest
> concurrently "npm run start:server" "npm run start:client"
[0]
[0] > react-app-es6-jest@0.0.1 start:server /Users/admin/Code/WorkSpace/react-app-es6-jest
[0] > nodemon src/server/index.js --watch src/server -e js --exec babel-node
[0]
[0] [nodemon] 2.0.1
[0] [nodemon] to restart at any time, enter `rs`
@BindiChen
BindiChen / cat-kernel.sh
Created March 3, 2020 00:00
show Jupyter notebook kernel
⇒ cd /Users/admin/Library/Jupyter/kernels/d2l
admin@MAC-156893:~/Library/Jupyter/kernels/d2l|
⇒ ls
kernel.json logo-32x32.png logo-64x64.png
admin@MAC-156893:~/Library/Jupyter/kernels/d2l|
⇒ cat kernel.json
{
"argv": [
"/Users/admin/anaconda3/envs/d2l/bin/python",
"-m",
@BindiChen
BindiChen / css-styled-select.html
Created February 27, 2020 19:43
CSS only Custom Styled Select
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Pure CSS Styled Select</title>
<style>
body {
background-color: #e74c3c;
font-family: 'Source Sans Pro', sans-serif;
@BindiChen
BindiChen / css_triangle.css
Created February 25, 2020 18:46
How does CSS triangle work?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>How does CSS triangle work?</title>
<style>
.box_1 {
width: 50px;