Skip to content

Instantly share code, notes, and snippets.

View romsson's full-sized avatar

Romain Vuillemot romsson

View GitHub Profile
<!DOCTYPE html>
<meta charset="utf-8">
<title>Homework 2 GitHub Network Graphs</title>
<style>
.link {
stroke: gray;
stroke-width: 1.5px;
}
@romsson
romsson / countries_2012.json
Created January 28, 2015 02:45
HTML Data Table
[
{
"alpha2_code": "AF",
"continent": "Asia",
"gdp": 12430000000,
"latitude": 34.5228,
"longitude": 69.1761,
"name": "Afghanistan",
"population": 29824536,
"total_export_value": 441620129.756,
@romsson
romsson / countries_2012.json
Created January 28, 2015 02:51
Horizontal Bar Chart
[
{
"alpha2_code": "AF",
"continent": "Asia",
"gdp": 12430000000,
"latitude": 34.5228,
"longitude": 69.1761,
"name": "Afghanistan",
"population": 29824536,
"total_export_value": 441620129.756,
@romsson
romsson / index.html
Created February 17, 2015 16:37
Graph example
<!DOCTYPE html>
<meta charset="utf-8">
<title>Homework 2 Graph</title>
<style>
.link {
stroke: gray;
stroke-width: .8px;
}
.node {
Using ember, you may sometimes manually bower link some packages (e.g. for development purpose)
The first step in your package directory is `bower link`
The second step in your environment directory `bower link package`
Normally, the package should be linked, but it may happen you get the following errors:
Build error
@romsson
romsson / index.html
Last active January 4, 2016 04:39 — forked from alexsb/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Minimal D3 Example</title>
<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<style>
.bar {
fill: steelblue;
@romsson
romsson / index.html
Last active January 4, 2016 10:29
Raw data display as HTML Table
<!DOCTYPE html>
<html lang="en">
<meta charset="utf-8">
<body>
<script src="http://d3js.org/d3.v3.min.js"></script>
<script>
d3.tsv("unemp_states_us_nov_2013.tsv", function(error, data){
var table = d3.select("body").append("table"),
<!DOCTYPE html>
<html>
<head>
<script src="http://d3js.org/d3.v3.min.js"></script>
<style type="text/css">
rect {
fill:teal;
fill-opacity:.8;
}
</style>
<!DOCTYPE html>
<html>
<head>
<script src="http://d3js.org/d3.v3.min.js"></script>
<style type="text/css">
rect {
fill:teal;
fill-opacity:.8;
}
</style>
@romsson
romsson / index.html
Created August 8, 2016 15:24
grid > horizontal // vertical
<!DOCTYPE html>
<meta charset="utf-8">
<style>
rect {
stroke: black;
stroke-width: 1;
fill: none;
fill-opacity: .8;
}
</style>