James Sconfitto jrsconfitto

7 Wonders players' streamgraphs

This is a place for me to test new ideas for my 7 Wonders statistics site.

This example demonstrates D3’s support for azimuthal projections and clipping to great circles! Release 2.3.0 also includes support for Gnomonic, Bonne, Werner and Sinusoidal projections, as well as for rendering great arcs.

The geometry for this example comes from Natural Earth’s coastline dataset.

Because i can never remember stuff and then i end up walking down the same old road until i get to that stackoverflow answer i've already starred.

Get your path in Powershell: $env:path
Make that path readable: $env:path.split(‘;’)

	<!DOCTYPE html>
	<meta charset="utf-8">
	<title>7 Wonders Streamgraph</title>
	<style>
	body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: auto;
	position: relative;
	width: 960px;
	}

	<!DOCTYPE html>
	<html>
	<title>7 Wonders scores as stacked bars</title>
	<style type="text/css">

	svg {
	width: 960px;
	height: 500px;
	border: solid 1px #ccc;
	font: 10px sans-serif;

	<!DOCTYPE html>
	<meta charset="utf-8">
	<body>
	<script src="http://d3js.org/d3.v3.min.js"></script>
	<script type="text/javascript" src="tabletop.js"></script>
	<script>
	document.addEventListener('DOMContentLoaded', function() {
	var gData
	// https://docs.google.com/spreadsheets/d/1Whyq_IPIWrm7L6qTeu4IuSQ2RWnwtfwWiVwhA-jGEtQ/pubhtml
	var key = 'https://docs.google.com/spreadsheet/pub?key=0AmhWglGO45rldFBiek84a1FHRmhPQjZaVzRSRGJZbXc&output=html'

	<!DOCTYPE html>
	<html>
	<head>
	<title></title>
	<link rel='stylesheet' type='text/css' href='' />
	<meta http-equiv='content-type' content='text/html; charset=utf-8' />
	<meta name='viewport' content='initial-scale=1.0 maximum-scale=1.0'>
	</head>
	<body>
	<script src=''></script>