Krist Wongsuphasawat kristw

Data Experience @airbnb. Previously turn data into pixels @twitter. Code random stuffs at night.

kristw / install_yamlfmt_linux.sh

Last active October 6, 2023 23:18

	#!/bin/bash

	func install_yamlfmt {
	# Check the machine architecture
	arch=$(uname -m)

	# Set the URL based on the machine architecture
	if [[ $arch == "x86_64" ]]; then
	url="https://github.com/google/yamlfmt/releases/download/v0.10.0/yamlfmt_0.10.0_Linux_x86_64.tar.gz"
	elif [[ $arch == "arm64" ]]; then

kristw / git_clean_local_branches.sh

Created September 2, 2020 18:01

	#!/bin/bash

	function git_clean_local_branches {
	OPTION="-d";
	if [[ "$1" == "-f" ]]; then
	echo "WARNING! Removing with force";
	OPTION="-D";
	fi;

	TO_REMOVE=`git branch -r \| awk "{print \\$1}" \| egrep -v -f /dev/fd/0 <(git branch -vv \| grep origin) \| awk "{print \\$1}"`;

kristw / example-chartjs.js

Last active September 9, 2020 16:24

	const myRadarChart = new Chart(ctx, {
	type: 'radar',
	data: data,
	options: options
	});

kristw / example-vl-candlestick.json

Last active September 9, 2020 05:19

	{
	"$schema": "https://vega.github.io/schema/vega-lite/v4.json",
	"width": 400,
	"data": {"url": "data/ohlc.json"},
	"encoding": {
	"x": {
	"field": "date",
	"type": "temporal",
	"title": "Date"
	},

kristw / example-victory.jsx

Created August 17, 2020 06:12

	<VictoryChart
	theme={VictoryTheme.material}
	domainPadding={{ x: 25 }}
	scale={{ x: "time" }}
	>
	<VictoryAxis tickFormat={(t) => `${t.getDate()}/${t.getMonth()}`}/>
	<VictoryAxis dependentAxis/>
	<VictoryCandlestick
	candleColors={{ positive: "#5f5c5b", negative: "#c43a31" }}
	data={sampleDataDates}

kristw / example-g2.js

Last active September 10, 2020 19:38

	import { Chart } from '@antv/g2';

	const data = [
	{country: "China", population: 131744},
	{country: "India", population: 104970},
	{country: "US", population: 29034},
	];

	const chart = new Chart({ container: 'container', autoFit: true, height: 500 });
	chart.data(data);

kristw / example-react-rough.jsx

Created August 16, 2020 05:52

	<ReactRough>
	<Rectangle x={15} y={15} width={90} height={80} fill="red" />
	</ReactRough>

kristw / example-nivo.jsx

Last active September 10, 2020 19:41

blog example: nivo

	import { Calendar } from '@nivo/calendar';

	<Calendar
	data={[
	{ "day": "2016-02-05", "value": 397 },
	{ "day": "2015-09-17", "value": 283 },
	]}
	from="2015-04-01"
	to="2016-12-12"
	emptyColor="#eeeeee"

kristw / example-deckgl.jsx

Last active August 16, 2020 07:33

blog example: deck.gl

	import {Deck} from '@deck.gl/core';
	import {ScatterplotLayer} from '@deck.gl/layers';

	const INITIAL_VIEW_STATE = {
	latitude: 37.8,
	longitude: -122.45,
	zoom: 15
	};

	const deckgl = new Deck({

kristw / example-echarts.js

Last active August 17, 2020 06:28

blog example: echarts