jun9

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.

The first 15 seconds of the D3 show reel. See full video at http://vimeo.com/29862153. Includes seamless transitions between the following visualization types:

lines
horizons
areas
stacked areas
streamgraph
overlapping areas
grouped bars
stacked bars

This parallel coordinates visualization of cars from the ‘70s and ‘80s demonstrates one of D3 2.5.0’s new interactive features: the brush component. By clicking and dragging along any axis, you can specify a filter for that dimension. The brush component is also used in the updated scatterplot matrix example.

dc.js - Dimensional Charting Javascript Library v1.3.0

The following charts provide a live example of dc.js used against Shanghai SSE Composite Index (000001.SS) for the last 23 years. (You can run this example completely off-line). Although it is just an example, using it you can already ask some quite interesting questions.

Try it out or checkout other examples.

[US Venture Capital Landscape 2011 (choropleth chart, bubble chart)] (http://jun9.github.io/dc.js/vc/index.html)
[Major Canadian City Crime Stats 1998-2011 (bubble overlay, bar chart, line chart)] (http://jun9.github.io/dc.js/crime/index.html)
Snack Dashboard by Jeroen Ooms


	<!DOCTYPE html>
	<html lang="en">
	<head>
	<title>dc.js - Dimensional Charting Javascript Library</title>

	<meta charset="UTF-8">

	<link href="http://jun9.github.io/dc.js/css/bootstrap.min.css" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="http://jun9.github.io/dc.js/css/dc.css"/>

	library(ggplot2)
	library(scales)
	library(maps)
	library(plyr)

	mid_range <- function(x) mean(range(x, na.rm = TRUE))
	centres <- ddply(county_df, c("state", "county"), summarise,
	lat = mid_range(lat),
	long = mid_range(long)
	)

	.black_overlay {
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;

	<!DOCTYPE html>
	<html>
	<head>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js"></script>
	<script src="https://code.jquery.com/jquery-1.11.3.js"></script>
	<script src="http://modernizr.com/downloads/modernizr-latest.js"></script>
	<meta charset="utf-8">
	<title>JS Bin</title>
	<style id="jsbin-css">
	table.oct {

jun9

dc.js - Dimensional Charting Javascript Library v1.3.0

Widget Menagerie