BindiChen’s gists

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 / 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 / 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 / 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 / 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 / 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 / EADDRINUSE.sh

Last active March 5, 2020 11:01

listen EADDRINUSE: address already in use

	⇒ npm start
	> [email protected] start /Users/admin/Code/WorkSpace/react-app-es6-jest
	> concurrently "npm run start:server" "npm run start:client"

	[0]
	[0] > [email protected] 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 / 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 / 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 / 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;

Bindi Chen BindiChen