Skip to content

Instantly share code, notes, and snippets.

@sabeehtaqi
sabeehtaqi / Lab 5
Last active December 15, 2017 03:47
Lab 5 Leveraging web data
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Syed Sabeeh Taqi</title>
<style type="text/css">
h1 {
text-align: center;
}
@sabeehtaqi
sabeehtaqi / index.html
Created December 12, 2017 19:13
GES 679 Leveraging Web Data Homework 5
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Syed Sabeeh Taqi</title>
</head>
<body>
<h1 style="text-align: center;"> Leveraging Web Data Class 5 Homework</h1>
<p>Answer the following questions about JavaScript. These questions may require you to do your own research to determine the best answer.</p>
<br>
@sabeehtaqi
sabeehtaqi / index.html
Created May 25, 2017 21:38
Final Project Blue
<!DOCTYPE html>
<meta charset='utf-8'>
<title>US Counties</title>
<body>
<div id="info" style="position: absolute; bottom: 45px; left: 5px;"></div>
<svg width="960" height="1500" fill="none" stroke="#000" stroke-linejoin="round" stroke-linecap="round"></svg>
<script src="https://d3js.org/d3.v4.min.js"></script>
<script src="https://unpkg.com/topojson-client@3"></script>
<script src="https://d3js.org/d3-scale-chromatic.v1.min.js"></script>
<script>
@sabeehtaqi
sabeehtaqi / index.html
Last active May 23, 2017 02:58
Final Project new color scale
<!DOCTYPE html>
<meta charset='utf-8'>
<title>US Counties</title>
<body>
<div id="info" style="position: absolute; top: 20px; left: 500px;"></div>
<svg width="960" height="600" fill="none" stroke="#000" stroke-linejoin="round" stroke-linecap="round"></svg>
<script src="https://d3js.org/d3.v4.min.js"></script>
<script src="https://unpkg.com/topojson-client@3"></script>
<script src="https://d3js.org/d3-scale-chromatic.v1.min.js"></script>
<script>
@sabeehtaqi
sabeehtaqi / index.html
Last active May 22, 2017 00:49
Final Project
<!DOCTYPE html>
<meta charset='utf-8'>
<title>US Counties</title>
<body>
<div id="info" style="position: absolute; top: 20px; left: 500px;"></div>
<svg width="960" height="600" fill="none" stroke="#000" stroke-linejoin="round" stroke-linecap="round"></svg>
<script src="https://d3js.org/d3.v4.min.js"></script>
<script src="https://unpkg.com/topojson-client@3"></script>
<script src="https://d3js.org/d3-scale-chromatic.v1.min.js"></script>
<script>
@sabeehtaqi
sabeehtaqi / index.html
Last active May 21, 2017 12:47
Drag Event Fixed
<!DOCTYPE html>
<meta charset='utf-8'>
<title>US Counties</title>
<svg width="1200" height="2000" fill="none" stroke="#000" stroke-linejoin="round" stroke-linecap="round"></svg>
<style>
.tooltip {
position: absolute;
visibility: visible;
background-color: #aaa;
padding: 5px;
@sabeehtaqi
sabeehtaqi / index.html
Created May 18, 2017 23:58
Final Exam
<!DOCTYPE html>
<meta charset='utf-8'>
<title>NY Counties</title>
<style>
body {
margin: 0;
background-color: blue;
}
.info {
@sabeehtaqi
sabeehtaqi / index.html
Last active May 19, 2017 00:15
Drag Event
<!DOCTYPE html>
<meta charset='utf-8'>
<title>US Counties</title>
<svg width="1200" height="2000" fill="none" stroke="#000" stroke-linejoin="round" stroke-linecap="round"></svg>
<style>
.tooltip {
position: absolute;
visibility: visible;
background-color: #aaa;
@sabeehtaqi
sabeehtaqi / index.html
Created May 12, 2017 00:16
Final Project Mouseover needed
<!DOCTYPE html>
<meta charset='utf-8'>
<title>US Counties</title>
<svg width="1200" height="2000" fill="none" stroke="#000" stroke-linejoin="round" stroke-linecap="round"></svg>
<style>
}
path:hover {
fill: #edc9e7;
stroke: #5700f9;
@sabeehtaqi
sabeehtaqi / .block
Last active May 26, 2017 12:31
Final Project (submission)
height: 600