Wentao Du VictorDu

## 0_reuse_code.js
// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console

## index.html
<!DOCTYPE html>
<meta charset="utf-8">
<style>
    .state{
        fill: none;
        stroke: #a9a9a9;
        stroke-width: 1;
    }
    .state:hover{
        fill-opacity:0.5;

## index.html
<!DOCTYPE html>
<meta charset="utf-8">
<style>

    text {
        font: 10px sans-serif;
    }
    .d3-tip {
        line-height: 1;
        font-weight: bold;

## index.html
<!DOCTYPE html>
<meta charset="utf-8">
<style>

    body {
        font: 10px sans-serif;
    }

    .axis path,
    .axis line {

## index.html
<!DOCTYPE html>
<meta charset="utf-8">
<style>

    .bar {
        fill: steelblue;
    }

    .bar:hover {
        fill: brown;

## index.html
<!DOCTYPE html>
<meta charset="utf-8">
<style>

    svg {
        font: 10px sans-serif;
    }

    .background path {
        fill: none;

## index.html
<!DOCTYPE html>
<meta charset="utf-8">
<style>

    svg {
        font: 10px sans-serif;
        padding: 10px;
    }

    .axis,

## index.html
<!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 {

## States.csv

          
            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
	// Use Gists to store code you would like to remember later on
	console.log(window); // log the "window" object to the console
	<!DOCTYPE html>
	<meta charset="utf-8">
	<style>
	.state{
	fill: none;
	stroke: #a9a9a9;
	stroke-width: 1;
	}
	.state:hover{
	fill-opacity:0.5;
	<!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 {
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