Nikhil S nsonnad

A scatterplot using d3js. It maps social trust against ease of doing business in various countries. For tooltips, it makes use of Justin Donaldson's fork of the jQuery plugin tipsy. Data come from the Pew Global Attitudes project and the Doing Business rankings. For a live example see my post on it or http://bl.ocks.org/4481531

[ D3 axis grid lines ] 4528060 by nsonnad

[ D3 axis grid using grouped elements ] 4528210 by nsonnad

[ Launch: basic data re-join in d3 ] 5127223 by nsonnad

	<!doctype html>
	<html>
	<head>
	<title></title>
	<meta charset=utf-8>
	<script type="text/javascript" src="http://d3js.org/d3.v3.min.js"></script>
	<script type="text/javascript" src="https://raw.github.com/square/crossfilter/master/crossfilter.min.js"></script>
	<style>
	body {
	font-size: 100%;

	<!DOCTYPE html>
	<html>
	<head>
	<title>US Historical Energy Consumption</title>
	<script type="text/javascript" src="http://d3js.org/d3.v3.min.js"></script>
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
	<!--<script src="http://code.jquery.com/jquery-1.8.3.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="jquery.tipsy.js" type="text/javascript" charset="utf-8"></script>
	<link rel="stylesheet" href="http://onehackoranother.com/projects/jquery/tipsy/stylesheets/tipsy.css" type="text/css" title="no title" charset="utf-8"/> -->
	<style type="text/css">

	<!DOCTYPE html>
	<html>
	<head>
	<script src="https://raw.github.com/mbostock/d3/master/d3.js"></script>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
	<script src="https://raw.github.com/betamos/Better-Autocomplete/develop/src/jquery.better-autocomplete.js"></script>

	<style type="text/css">
	.link {
	stroke: #999;

	<!doctype html>
	<html lang=en>
	<head>
	<meta charset=utf-8>
	<title>blah</title>
	</head>
	<body>

	</body>
	</html>

	function mouseOn () {
	var circleUnderMouse = this;
	d3.selectAll('.rectGroup').transition().style('opacity',function () {
	return (this === circleUnderMouse) ? 1.0 : 0.5;
	});
	}