Lars Kotthoff larskotthoff

Linked hover example

An attempt at a bidirectional linked hover state.

The scatterplot matrix visualizations pairwise correlations for multi-dimensional data; each cell in the matrix is a scatterplot. This example uses Anderson's data of iris flowers on the Gaspé Peninsula. Scatterplot matrix design invented by J. A. Hartigan; see also R and GGobi. Data on Iris flowers collected by Edgar Anderson and published by Ronald Fisher.

Part of a series of examples. See:

source	target	value
Harry	Sally	1.2
Harry	Mario	1.3
Sarah	Alice	0.2
Eveie	Alice	0.5
Peter	Alice	1.6
Mario	Alice	0.4
James	Alice	0.6
Harry	Carol	0.7
Harry	Nicky	0.8

This line chart is constructed from a TSV file storing the daily average temperatures of New York, San Francisco and Austin over the last year. The chart employs conventional margins and a number of D3 features:

d3.tsv - load and parse data
d3.time.format - parse dates
d3.time.scale - x-position encoding
d3.scale.linear - y-position encoding
d3.scale.category10, a d3.scale.ordinal - color encoding
d3.extent, d3.min and d3.max - compute domains
[d3.k

Chord diagrams show directed relationships among a group of entities. This example also demonstrates simple interactivity by using mouseover filtering. Layout inspired by Martin Krzywinski's beautiful work on Circos.

	{
	"name": "flare",
	"children": [
	{
	"name": "analytics",
	"children": [
	{
	"name": "cluster",
	"children": [
	{"name": "AgglomerativeCluster", "size": 3938},

	{
	"name": "flare",
	"children": [
	{
	"name": "analytics",
	"children": [
	{
	"name": "cluster",
	"children": [
	{"name": "AgglomerativeCluster", "size": 3938},

	<!DOCTYPE html>
	<html>
	<head>
	<meta http-equiv="Content-type" content="text/html; charset=utf-8">
	<title>Testing Pie Chart</title>

	<script type="text/javascript" src="http://mbostock.github.com/d3/d3.js?2.4.5"></script>

	<!-- Source for example located at: http://bl.ocks.org/1203641 -->

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

	rect {
	stroke: #fff;
	}

	</style>
	<body>