Ramnath Vaidyanathan ramnathv

React "Hello World" Examples

Below are a small collection of React examples to get anyone started using React. They progress from simpler to more complex/full featured.

Going Further

React documentation
Flux architecture using Reflux (see this blog post for more)
React routing with react-router
My other Gist on using React + Reflux + WebSockets

Visualization Analysis and Design

Why have a human in the loop?

Shooting Signatures were designed to give an at-a-glance view of an NBA player's shooting performance. They were developed by Peter Beshai (@pbesh) as part of Buckets, an interactive NBA shot visualization tool.

Sample Shooting Signature usage

Shooting Signatures of NBA Players from the 2013-14 Season

Scatterplot with D3Kit

This is a test on how to use codepen

A Pen by Ramnath Vaidyanathan on CodePen.

License.

Built with blockbuilder.org

	// Get / setter for local storage
	function store( key, value ){
	if( arguments.length > 1 ){
	localStorage.setItem( key, JSON.stringify( value ) )

	return value
	}
	// Simultaneous getting / setting is bad.
	// It is wasteful to continuously encode & then decompile JSON and never useful.
	else {

	#include <Rcpp.h>
	using namespace Rcpp;

	// For each row, find which column has the minimum value
	// With ties, pick the first
	// Result is indexed starting at 1
	// [[Rcpp::export]]
	IntegerVector whichmin_byrow(const NumericMatrix& x)
	{
	const int n = x.rows();

	<!DOCTYPE html>
	<html>
	<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<title>Circular Grid Chart - jsFiddle demo by ramnathv</title>
	<script type="text/javascript" src="//coffeescript.org/extras/coffee-script.js"></script>
	<script type='text/javascript' src="//d3js.org/d3.v3.min.js"></script>
	<script type='text/javascript' src="//rawgit.com/gka/d3-jetpack/master/d3-jetpack.js"></script>
	<script type='text/javascript' src="//rawgit.com/kristw/75b61f9beeab9b530612/raw/389e984e4041117a9185cf6edad9f6b85a38097a/d3kit.min.js"></script>
	<script type='text/javascript' src="//rawgit.com/ramnathv/a5a3199538f86817ec1b/raw/f6627fc544e65d8e6186ba87556f743caa3f2730/visutils.js"></script>