Skip to content

Instantly share code, notes, and snippets.

View yeehaa123's full-sized avatar

Jan Hein Hoogstad yeehaa123

View GitHub Profile
{ "hello": "bye"}
d3.json('https://astportfoliodata.firebaseio.com/.json', function(data) {
var d = Object.keys(data).map(function(key){ return data[key]});
//Width and height
var w = 500;
var h = 400;
//Create scale functions
var padding = 20;
<link rel="import" href="../bower_components/core-ajax/core-ajax.html">
<link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
<script src="../bower_components/lodash/dist/lodash.js"></script>
<polymer-element name="cth-student-list" attributes="selectedStudent">
<template>
<style>
//assignemnt 1
var assignment1Header = "<h1 id=assignment1>Assignment 1</h1>"
$('.main').append(assignment1Header)
var assignment1Initial = "<br></br><p>-Click <a href='https://gist.github.com/SerkOw/9766172'>here</a> for the Gist link to the initial assignment 1.</p>"
$('.main').append(assignment1Initial)
<link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
<link rel="import" href="../bower_components/core-ajax/core-ajax.html">
<link rel="import" href="../bower_components/core-selector/core-selector.html">
<link rel="import" href="../elements/cth-student-row.html">
<script src="../bower_components/lodash/dist/lodash.js"></script>
<script src="../bower_components/reqwest/reqwest.js"></script>
<polymer-element name="cth-student-list" attributes="selectedStudent">
/*
Required JavaScript libraries:
- jQuery
- Firebase
- D3
- D3 Layout Cloud
--> script can run on: http://seb-t.github.io
To do:
- visualize 200 most frequently used words instead of first 200
<html>
<head>
<title>Portfolio Aafke Smal</title>
<meta charset="utf-8">
<script type="text/javascript" src="d3.v3.js"></script>
<script src='https://cdn.firebase.com/v0/firebase.js'></script>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js'></script>
<script id="myTemplate" type="text/x-handlebars-template"></script>
<style type="text/css">
.axis path,
<link rel="import", href="../bower_components/polymer/polymer.html">
<script src="../bower_components/d3/d3.js"></script>
<polymer-element name='cth-d3'>
<template>
<style>
:host {
display: block;
margin: 0px 10px 5px 10px;
width: 1040px;
<link rel="import" href="../bower_components/polymer/polymer.html">
<link rel="import" href="../bower_components/core-ajax/core-ajax.html">
<link rel="import" href="../bower_components/core-firebase/core-firebase.html">
<polymer-element name="cth-dashboard">
<template>
<link href='./cth-dashboard.css' rel='stylesheet' type='text/css'>

HELLO WORLD