Casey dogobox

## README.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                dogobox
                / README.md
            
            
              Last active
              April 26, 2016 01:14
            
              
                Readme
              
          
    This is an implementation of Ann K. Emery’s technique of placings labels directly on top of a line in D3 4.0 Alpha.
This is a multi series line chart in that the data is first transformed into separate arrays for each series. (The series names are dynamic and automatically derived from the columns in the TSV file, using [dsv.parse]. A label is rendered for each point in the time series. Beneath this label, a white rectangle is added, whose size and position is computed automatically using element.getBBox plus a little bit more padding.

  
## README.md

      
              8 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                dogobox
                / README.md
            
            
              Created
              April 26, 2016 07:48
                — forked from timelyportfolio/README.md
            
          
    This program renders a network diagram for a ModelJS reactive flow.
The input data is generated by an experimental ModelJS branch that computes the reactive flow graph at runtime.
Based on a previous implementation from July 2014

  
## index.html
<!DOCTYPE html>
<html>
  <head>
    <title>d3.js with Direct Yahoo Finance</title>
    <script type="text/javascript" src="http://mbostock.github.com/d3/d3.js?2.3.0"></script>

    <style type="text/css">

body {
  font: 10px sans-serif;

## biPartite.js
!function(){
	var bP={};
	var b=30, bb=150, height=600, buffMargin=1, minHeight=14;
	var c1=[-130, 40], c2=[-50, 100], c3=[-10, 140]; //Column positions of labels.
	var colors =["#3366CC", "#DC3912",  "#FF9900","#109618", "#990099", "#0099C6"];

	bP.partData = function(data,p){
		var sData={};

		sData.keys=[

## Readme.md

      
              2 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                dogobox
                / Readme.md
            
            
              Last active
              April 26, 2016 08:33
                — forked from timelyportfolio/Readme.md
            
              
                interactive d3.js parallel coordinates of finch data
              
          
    I thought it would be interesting to produce an interactive parcoords version of the parallel coordinates chart in this post Looking After Datasets by Antony Unwin on the Revolution Analytics blog.
example

live example
code

# devtools::install_github("dogobox/parcoords")
# install.packages("dynRB") # for the finch data
data("finch",package="dynRB")

  
## README.md

      
              5 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                dogobox
                / README.md
            
            
              Last active
              April 26, 2016 08:35
                — forked from mbostock/.block
            
              
                Bullet Charts
              
          
    Designed by Stephen Few, a bullet chart “provides a rich display of data in a small space.” A variation on a bar chart, bullet charts compare a given quantitative measure (such as profit or revenue) against qualitative ranges (e.g., poor, satisfactory, good) and related markers (e.g., the same measure a year ago). Layout inspired by Stephen Few. Implementation based on work by Clint Ivy, Jamie Love of N-Squared Software and Jason Davies. The "update" button randomizes the values slightly to demonstrate transitions.

  
## README.md

      
              3 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                dogobox
                / README.md
            
            
              Last active
              April 26, 2016 08:53
                — forked from timelyportfolio/README.md
            
              
                parcoords + d3scatter linked by crosstalk
              
          
    Built with blockbuilder.org
The next phase in htmlwidgets will be the ability to communicate with or without Shiny.  Joe Cheng from RStudio has demonstrated this with d3scatter using crosstalk.  This example extends Joe's example and experiments with d3scatter + parcoords.  Currently, the experimental crosstalk-version of parcoords is only wired to send its brushed selection and not receive.
For another example, see Carson Sievert's plotly experiments.
Code to Replicate

# devtools::install_github("dogobox/crosstalk")

  
## index.html
<!doctype HTML>
<meta charset = 'utf-8'>
<html>
  <head>

    <script src='http://d3js.org/d3.v3.min.js' type='text/javascript'></script>
    <script src="http://dimplejs.org/dist/dimple.v2.1.6.min.js"></script>

    <style>
    .rChart {

## d3.v3.4.8.js
!function() {
  var d3 = {
    version: "3.4.8"
  };
  if (!Date.now) Date.now = function() {
    return +new Date();
  };
  var d3_arraySlice = [].slice, d3_array = function(list) {
    return d3_arraySlice.call(list);
  };

## Readme.md

      
              4 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                dogobox
                / Readme.md
            
            
              Last active
              April 26, 2016 12:49
                — forked from timelyportfolio/Readme.md
            
              
                R + d3.js Parallel Coordinates of partykit
              
          
    Introduction

This d3.js parallel coordinates plot is another experiment in how we might use interactive plots in Javascript to represent a partykit / rpart object from R.  The example builds on this d3.js collapsible tree plot.  Eventually, it would be nice to combine the tree and parallel coordinates into a layout with synced interactivity.

### Almost No [`rCharts`](http://rcharts.io)
Also, this is fairly different from most of my interactive plots from R in that it almost completely avoids [`rCharts`](http://rcharts.io) (almost because I did use its `publish` to make this gist).  I chose to exclude `rCharts` for two reasons:

demo how we can use htmltools to build html/js in R
help users understand some of the things rCharts does f
	<!DOCTYPE html>
	<html>
	<head>
	<title>d3.js with Direct Yahoo Finance</title>
	<script type="text/javascript" src="http://mbostock.github.com/d3/d3.js?2.3.0"></script>

	<style type="text/css">

	body {
	font: 10px sans-serif;
	!function(){
	var bP={};
	var b=30, bb=150, height=600, buffMargin=1, minHeight=14;
	var c1=[-130, 40], c2=[-50, 100], c3=[-10, 140]; //Column positions of labels.
	var colors =["#3366CC", "#DC3912", "#FF9900","#109618", "#990099", "#0099C6"];

	bP.partData = function(data,p){
	var sData={};

	sData.keys=[
	<!doctype HTML>
	<meta charset = 'utf-8'>
	<html>
	<head>

	<script src='http://d3js.org/d3.v3.min.js' type='text/javascript'></script>
	<script src="http://dimplejs.org/dist/dimple.v2.1.6.min.js"></script>

	<style>
	.rChart {
	!function() {
	var d3 = {
	version: "3.4.8"
	};
	if (!Date.now) Date.now = function() {
	return +new Date();
	};
	var d3_arraySlice = [].slice, d3_array = function(list) {
	return d3_arraySlice.call(list);
	};