Skip to content

Instantly share code, notes, and snippets.

state region pop SATV SATM percent dollars pay
AL ESC 4041 470 514 8 3.648 27
AK PAC 550 438 476 42 7.887 43
AZ MTN 3665 445 497 25 4.231 30
AR WSC 2351 470 511 6 3.334 23
CA PAC 29760 419 484 45 4.826 39
CO MTN 3294 456 513 28 4.809 31
CT NE 3287 430 471 74 7.914 43
DE SA 666 433 470 58 6.016 35
DC SA 607 409 441 68 8.21 39
@VictorDu
VictorDu / index.html
Created March 7, 2016 00:44
USF_VictorDu_Line_Chart
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>D3 Example</title>
<script src="//cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js"></script>
<link href='http://fonts.googleapis.com/css?family=Domine' rel='stylesheet' type='text/css'>
<style>
.chart-line {
@VictorDu
VictorDu / index.html
Created March 7, 2016 00:48
USF_VictorDu_Scatter_plot_matrix
<!DOCTYPE html>
<meta charset="utf-8">
<style>
svg {
font: 10px sans-serif;
padding: 10px;
}
.axis,
@VictorDu
VictorDu / index.html
Created March 7, 2016 00:53
USF_VictorDu_Parallel_cooridnate
<!DOCTYPE html>
<meta charset="utf-8">
<style>
svg {
font: 10px sans-serif;
}
.background path {
fill: none;
@VictorDu
VictorDu / index.html
Created March 7, 2016 00:55
USF_VictorDu_Bar_chart
<!DOCTYPE html>
<meta charset="utf-8">
<style>
.bar {
fill: steelblue;
}
.bar:hover {
fill: brown;
@VictorDu
VictorDu / index.html
Created March 7, 2016 00:59
USF_VictorDu_Scatter_plot
<!DOCTYPE html>
<meta charset="utf-8">
<style>
body {
font: 10px sans-serif;
}
.axis path,
.axis line {
@VictorDu
VictorDu / index.html
Created March 7, 2016 01:00
USF_VictorDu_Bubble_chart
<!DOCTYPE html>
<meta charset="utf-8">
<style>
text {
font: 10px sans-serif;
}
.d3-tip {
line-height: 1;
font-weight: bold;
@VictorDu
VictorDu / index.html
Last active March 7, 2016 01:11
USF_VictorDu_Geo_graph
<!DOCTYPE html>
<meta charset="utf-8">
<style>
.state{
fill: none;
stroke: #a9a9a9;
stroke-width: 1;
}
.state:hover{
fill-opacity:0.5;
@VictorDu
VictorDu / 0_reuse_code.js
Created March 8, 2016 08:21
Here are some things you can do with Gists in GistBox.
// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console