Skip to content

Instantly share code, notes, and snippets.

View ndrhzn's full-sized avatar

Andrii Hazin ndrhzn

154 followers · 4 following
View GitHub Profile
@ndrhzn
ndrhzn / damn.csv
Created August 8, 2019 08:56
P5 - Jittering Word
x y
-231.19046047542068 -57.64693167439198
155.44231798998078 -95.2536241175376
204.96791640185427 -100.13339206708001
-50.002854936385376 -45.848900164411646
35.64745956430983 -100.07951328556041
-154.70533558263637 -20.349288778723718
51.303025944345165 -89.75856786095972
-155.47290247246713 -113.02130929637987
-112.80792213575644 -47.858395148908144
@ndrhzn
ndrhzn / index.html
Last active June 16, 2019 14:51
P5 - Random
<!DOCTYPE html>
<html>
<head>
<title>Random</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.7.3/p5.min.js"></script>
<link href="https://fonts.googleapis.com/css?family=Orbitron" rel="stylesheet">
<meta charset="utf-8" />
<style media="screen">
html, body {
margin: 0;
@ndrhzn
ndrhzn / index.html
Last active March 8, 2019 10:52
P5 - Arcs With Interaction
<!DOCTYPE html>
<html>
<head>
<title>Arcs</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.7.3/p5.min.js"></script>
<meta charset="utf-8" />
<style media="screen">
html, body {
margin: 0;
@ndrhzn
ndrhzn / index.html
Last active March 8, 2019 10:53
P5 - Alphabet
<!DOCTYPE html>
<html>
<head>
<title>Alphabet</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.7.3/p5.min.js"></script>
<meta charset="utf-8" />
<style media="screen">
html, body {
margin: 0;
@ndrhzn
ndrhzn / chart.js
Last active January 7, 2019 12:52
G2 - Bar Chart with Annotations
// add data
const data =
[{"letter":"а","count":129899,"share":8.8817824965317},
{"letter":"б","count":23864,"share":1.63168967811325},
{"letter":"в","count":68853,"share":4.70779120881375},
{"letter":"г","count":22280,"share":1.52338442961629},
{"letter":"ґ","count":647,"share":0.0442383180413707},
{"letter":"д","count":36900,"share":2.52301999339502},
{"letter":"е","count":65909,"share":4.50649660554668},
@ndrhzn
ndrhzn / conditions.csv
Last active January 6, 2019 15:32
Vega-Lite - Vertical Ticks
date conds
2016-01-01 Clear
2016-01-01 Mist
2016-01-01 Scattered Clouds
2016-01-01 Light Snow
2016-01-01 Light Snow Showers
2016-01-02 Light Snow
2016-01-02 Overcast
2016-01-02 Mostly Cloudy
2016-01-02 Scattered Clouds
@ndrhzn
ndrhzn / chart.js
Last active January 8, 2019 00:20
G2 - Faceted Scatterplot
// add data
const data =
[{"date":"2016-01-01","tavg":-11.9329268293,"consumption":363439,"month":"January","season":"Winter"},
{"date":"2016-01-02","tavg":-14.9573170732,"consumption":442786,"month":"January","season":"Winter"},
{"date":"2016-01-03","tavg":-17.0390243902,"consumption":460553,"month":"January","season":"Winter"},
{"date":"2016-01-04","tavg":-16.2256097561,"consumption":503460,"month":"January","season":"Winter"},
{"date":"2016-01-05","tavg":-10.9170731707,"consumption":507364,"month":"January","season":"Winter"},
{"date":"2016-01-06","tavg":-6.6573170732,"consumption":493315,"month":"January","season":"Winter"},
{"date":"2016-01-07","tavg":-3.9658536585,"consumption":448638,"month":"January","season":"Winter"},
@ndrhzn
ndrhzn / average_daily_temp.csv
Last active January 5, 2019 23:43
Vega-Lite - Ribbon & Line - Responsive Data Visualization
date temp_mean temp_min temp_max month season
2016-01-01 -12 -14 -10 January Winter
2016-01-02 -10.5 -15 -9 January Winter
2016-01-03 -15 -16 -12 January Winter
2016-01-04 -14 -17 -12 January Winter
2016-01-05 -8 -12 -6 January Winter
2016-01-06 -3.5 -6 0 January Winter
2016-01-07 -5 -6 -4 January Winter
2016-01-08 -4.5 -11 -1 January Winter
2016-01-09 -4 -7 3 January Winter
@ndrhzn
ndrhzn / index.html
Last active January 5, 2019 23:31
Vega-Lite - Bubble Map
<!DOCTYPE html>
<html>
<head>
<title>Населення України</title>
<meta charset="utf-8">
<script src="https://cdn.jsdelivr.net/npm/vega@4.3.0"></script>
<script src="https://cdn.jsdelivr.net/npm/vega-lite@3.0.0-rc10"></script>
<script src="https://cdn.jsdelivr.net/npm/vega-embed@3.24.1"></script>
<link href="https://fonts.googleapis.com/css?family=Ubuntu+Condensed" rel="stylesheet">
<style media="screen">
@ndrhzn
ndrhzn / index.html
Last active January 7, 2019 15:30
P5 - Pulsing Circles
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.7.2/p5.js"></script>
<title>Pulsing Circles</title>
</head>
<style media="screen">
body {