Skip to content

Instantly share code, notes, and snippets.

View iros's full-sized avatar

Irene Ros iros

View GitHub Profile
@iros
iros / computed.columns.js
Created October 27, 2012 21:10
Dataset 0.3 Release
var data = [
{ age : 23, weight : 140, height : 65 },
{ age : 40, weight : 290, height : 72 },
{ age : 13, weight : 110, height : 60 }
];
var healthData = new Miso.Dataset({
data: data
});
@iros
iros / storyboard.example.js
Created November 9, 2012 17:26
Miso Storyboard Example
var interactive = new Miso.Storyboard({
// our initial state will be loading
initial : 'loading',
scenes : {
loading: {
enter : function() {
// show that we are in a loading state
$('#loading').show();
@iros
iros / article.json
Created February 27, 2013 15:15
sample processed article for GenderTracker
{
"url": "http://mynewsapp.com/article/19928034",
"id": "19928034",
"body": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vitae lorem quam, a luctus quam. Proin scelerisque cursus dolor, ut iaculis urna tempus vitae.",
"original_body": "<b>Lorem ipsum</b> dolor sit amet, consectetur adipiscing elit. Pellentesque vitae lorem quam, a luctus quam. Proin scelerisque cursus dolor, ut iaculis urna tempus vitae. ",
"title": "Lorem ipsum",
"byline": "By Cicero",
"pub_date": "1011-01-04T16:00:25Z",
"decompositions": {
"sentences": [
@iros
iros / ts.js
Created March 24, 2013 02:36
transform svg element around its center
// transform around center:
// formula: matrix(sx, 0, 0, sy, cx-sx*cx, cy-sy*cy)
var b = el.getBBox();
var center = [b.x + b.width/2, b.y + b.height/2];
var factor = 1.8;
el.attr('transform','matrix(' + factor + ', 0, 0, ' + factor + ', ' +
(center[0] - factor * center[0]) +
',' + (center[1] - factor * center[1])+')');
var data = [1,3,5,10,11,12,50];
var width = 500,
height = 100,
r = 5;
var xScale = d3.scale.linear()
.range([5, width-r])
.domain([1,50]);
@iros
iros / 01.instantiate.js
Last active December 17, 2015 19:19
D3.chart Intro Post
var data = [1,4,6,9,12,13,30];
var circleChart = d3.select("div#vis")
.append("svg")
.chart("CircleChart")
.width(200)
.height(100)
.radius(3);
// render it with some data
circleChart.draw(data);
@iros
iros / README.md
Last active December 19, 2015 13:39
Chicas Poderosas - d3 + miso.dataset + rickshaw
@iros
iros / Readme.md
Created July 10, 2013 04:53
Chicas Poderosas - d3 + miso.dataset + rickshaw