Skip to content

Instantly share code, notes, and snippets.

View pg1647's full-sized avatar

Prachi Gupta pg1647

View GitHub Profile
@pg1647
pg1647 / index.html
Last active June 1, 2020 03:52
Data Vis. Summer 2020 || Lab 1- Task 1-3 // source https://jsbin.com/divekus
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Lab 1</title>
<style id="jsbin-css">
.header {
color: green; /*red*/
}
@pg1647
pg1647 / index.html
Last active June 1, 2020 03:54
Data Vis. Summer 2020 || Lab 1- Task 4 // source https://jsbin.com/kuqevov
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>DV1 - Lab : Task 4</title>
<style id="jsbin-css">
.bar {
fill: salmon;
}
@pg1647
pg1647 / index.html
Created June 1, 2020 03:54
Data Vis. Summer 2020 || Lab 1- Task 5 // source https://jsbin.com/bavezac
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>DV1 - Lab : Task 4</title>
<script src="https://raw.githack.com/hvo/datasets/master/us-refugees.js
" type="text/javascript">
</script>
<style id="jsbin-css">
@pg1647
pg1647 / index.html
Last active June 4, 2020 20:27
Data Vis. Summer 2020 || Lab 2 Demo example in Javascript // source https://jsbin.com/quxafos
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>DV2 - Lab</title>
<script src="https://serv.cusp.nyu.edu/~hvo/files/nyc_grads.js" type="text/javascript"></script><style id="jsbin-css">
#plotTitle {
font-family: Helvetica;
font-size: 16px;
@pg1647
pg1647 / index.html
Last active June 4, 2020 20:29
Data Vis. Summer 2020 || Lab 2 using D3 // source https://jsbin.com/yibufip
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>DV2 - Lab</title>
<script src="https://d3js.org/d3.v5.min.js"></script>
<style id="jsbin-css">
#plotTitle {
font-family: Helvetica;
@pg1647
pg1647 / index.html
Last active June 12, 2020 16:24
Data Vis. Summer 2020 || Lab 3 using Plotly // source https://jsbin.com/gipomib
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>DV2 - Lab</title>
<script src="https://d3js.org/d3.v5.min.js"></script>
<! <script src="plotly-latest.min.js"></script> >
<script src='https://cdn.plot.ly/plotly-latest.min.js'></script>
@pg1647
pg1647 / index.html
Last active June 12, 2020 16:25
Data Vis. Summer 2020 || Lab 3 Demo 2 - HW1 using Plotly // source https://jsbin.com/cunawaw
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>DV1 - Lab : Task 4</title>
<script src="https://raw.githack.com/hvo/datasets/master/us-refugees.js
" type="text/javascript">
</script>
<script src='https://cdn.plot.ly/plotly-latest.min.js'></script>
@pg1647
pg1647 / index.html
Created June 20, 2020 00:51
Data Vis. Summer 2020 || Lab 4 Task 1 - HW1 using Plotly// source https://jsbin.com/zocapir
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
<script src="https://d3js.org/d3.v5.min.js"></script>
</head>
<body>
@pg1647
pg1647 / index.html
Created June 22, 2020 00:43
Data Vis. Summer 2020 || HW2 - Covid-19 Cases in NYC vs. NYS and US // source https://jsbin.com/genafo
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Data Vis. Summer 2020 || HW2 - Covid-19 Cases in NYC vs. NYS and US</title>
<script src="https://d3js.org/d3.v5.min.js"></script>
<script src='https://cdn.plot.ly/plotly-latest.min.js'></script>
</head>
@pg1647
pg1647 / index.html
Last active June 22, 2020 02:01
Data Vis. Summer 2020 || Lab 4 Task 2 - Mapbox tutorial both parts // source https://jsbin.com/lotorin
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
<script src='https://api.mapbox.com/mapbox-gl-js/v1.11.0/mapbox-gl.js'></script>
<link href='https://api.mapbox.com/mapbox-gl-js/v1.11.0/mapbox-gl.css' rel='stylesheet' />
<style id="jsbin-css">