Skip to content

Instantly share code, notes, and snippets.

View domitry's full-sized avatar

Naoki Nishida domitry

57 followers · 15 following
View GitHub Profile
@domitry
domitry / index.md
Last active August 29, 2015 14:00
GSoC 2014 proposal version 2

Overview

The goal of my project is to build interactive visualization, and still allows fast prototyping, customizability, and integration to other SciRuby components. I think we can complete this goal with the client-server model shown below: server provides JSON data throgh REST API, and client get it with Ajax and generate plots based on it. Server-side gem will be build with SciRuby components like NMatrix, and client-side will use D3.js for plotting. This model is inspired by Prof. Karl Broman's work. (http://www.biostat.wisc.edu/~kbroman/D3/)

Project plan

Client side

alt text

Base gem

  • This gem is tentatively named SciPlot.
  • SciPlot provides low level API for plotting like 'line,' 'rect,' and 'dot.'
@domitry
domitry / index.md
Last active August 29, 2015 14:00
GSoC 2014 proposal version 3

SciRuby D3 project

Introduction

We have come up with an approach for the SciRuby D3 GSoC. Basically we decided that for interactive visualisations generating Javascript from Ruby is not the way forward. The clue is already in the D3 name, i.e., data driven documents ;)

What we are proposing is to create the visualisations as pure Javascript components. Components are driven by data in the form of JSON. Components are

@domitry
domitry / huga.rb
Created May 7, 2014 13:14
require 'sciruby'
df = SciRuby::Dataframe.new(address.json)
# change data
db = SciRuby::DataBase.connect(address_to_server)
db.push('table_name', df)
heatmap = BioPlot::HeatMap.new(table:db.table_name, x:'index', y:'Y')
scatter = SciPlot::Scatter.new(table:db.table_name, x:'X', y:'Y')
@domitry
domitry / 4-2.c
Created May 17, 2014 02:42
Mon-1 Homework No.4
#include <stdio.h>
#include <string.h>
int main(){
char buffer[100];
int i, num, pow2 = 1, result=0;
scanf("%99s", buffer);
num = strlen(buffer);
@domitry
domitry / index.html
Last active August 29, 2015 14:02
A demo for Ecoli.js (Multiple Panes)
<html lang='en'>
<head>
<title>Nyaplotjs example -- Multiple Panes</title>
<script src='http://d3js.org/d3.v3.min.js'></script>
<script src='https://rawgit.com/domitry/Nyaplotjs/master/release/nyaplot.js'></script>
</head>
<body>
<div id='vis1' style='float:left'></div>
<div id='vis2' style='float:left'></div>
<script>
@domitry
domitry / index.html
Last active August 29, 2015 14:02
A demo for Ecoli.js (Scatter)
<html lang='en'>
<head>
<title>Nyaplotjs example -- Scatter</title>
<script src='http://d3js.org/d3.v3.min.js'></script>
<script src='https://rawgit.com/domitry/Nyaplotjs/master/release/nyaplot.js'></script>
</head>
<body>
<div id='vis'></div>
<script>
var data1 = [], MAX=50, MIN=0;
@domitry
domitry / index.html
Last active August 29, 2015 14:02
A demo for Ecoli.js (Bar chart)
<html lang='en'>
<head>
<title>Nyaplotjs example -- Bar chart</title>
<script src='http://d3js.org/d3.v3.min.js'></script>
<script src='https://rawgit.com/domitry/Nyaplotjs/master/release/nyaplot.js'></script>
</head>
<body>
<div id='vis'></div>
<script>
models = {data:{data1: [{name:'type1',val1:48,val2:13}, {name:'type2',val1:20,val2:25}, {name:'type3',val1:4,val2:11}, {name:'type4',val1:12,val2:34}, {name:'type5',val1:22,val2:34}]},panes: [{type:'rectangular', diagrams:[{type: 'bar', data: 'data1', options: {x:'name', y:'val1'}}],options:{width:500, height:500, xrange: ['type1','type2','type3','type4','type5'], yrange: [0,50]}}]};
@domitry
domitry / index.html
Last active August 29, 2015 14:02
A demo for Ecoli.js (Another theme)
<html lang='en'>
<head>
<title>Nyaplotjs example -- Another Theme</title>
<script src='http://d3js.org/d3.v3.min.js'></script>
<script src='https://rawgit.com/domitry/Nyaplotjs/master/release/nyaplot.js'></script>
</head>
<body>
<div id='vis'></div>
<script>
var values = d3.range(100).map(function(val){return {val1: d3.random.bates(10)(val)};});
@domitry
domitry / index.html
Last active August 29, 2015 14:02
A demo for Ecoli.js (Histogram)
<html lang='en'>
<head>
<title>Nyaplotjs example -- Histogram</title>
<script src='http://d3js.org/d3.v3.min.js'></script>
<script src='https://rawgit.com/domitry/Nyaplotjs/master/release/nyaplot.js'></script>
</head>
<body>
<div id='vis'></div>
<script>
var values = d3.range(100).map(function(val){return {val1: d3.random.bates(10)(val)};});
@domitry
domitry / index.html
Last active August 29, 2015 14:02
A demo for Ecoli.js (Mutliple panes with VENN plot)
<html lang='en'>
<head>
<title>Nyaplotjs example -- Multiple Panes</title>
<script src='http://d3js.org/d3.v3.min.js'></script>
<script src='https://rawgit.com/domitry/Nyaplotjs/master/release/nyaplot.js'></script>
</head>
<body>
<div id='vis1' style='float:left'></div>
<div id='vis2' style='float:left'></div>
<div id='vis3' style='clear:left'></div>